{% extends 'auth-base.html' %}
{% load static %}
{% load humanize %}
{% load widget_tweaks %}
{% load embed_video_tags %}

{% block title %} Register an Account {% endblock title %}

{% block content %}
<div class="container-scroller">
  <div class="container-fluid page-body-wrapper full-page-wrapper">
      <div class="content-wrapper auth p-0 theme-two">
          <div class="row d-flex align-items-stretch">
              <div class="col-12 col-md-12 h-100 card">
                  <div class="auto-form-wrapper d-flex align-items-center justify-content-center flex-column">
                      <div class="nav-get-started">
                          <p>Already have an account?</p>
                          <a class="btn get-started-btn text-dark" href="{% url 'userdashboard:login' %}">SIGN IN</a>
                      </div>



<form method=post action="{% url 'userdashboard:register' %}" name="regform">
<a href='/'>
<img alt="" src="https://res.cloudinary.com/daniela1/image/upload/v1760934619/score_logo_otjbu5.png" style='height: 30px; width: auto;'>
</a>
{% csrf_token %}
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
<h3 class="mt-3 mr-auto">Hello! let's get started</h3>
<p class=" mr-auto">Enter your details below.</p>
<div class="form-group row" style="margin-left: 0px; margin-right: 0px;">
<div class="col-md-6 mb-4 mb-md-0" style="padding-left: 0px; padding-right: 1px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.first_name class="form-control" placeholder="Enter Full Name*" %}
  </div>
</div>
<div class="col-md-6 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.username class="form-control" placeholder="Enter Username*" %}
    </div>
</div>
</div>
<div class="form-group row" style="margin-left: 0px; margin-right: 0px;">
<div class="col-md-6 mb-4 mb-md-0" style="padding-left: 0px; padding-right: 1px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-lock"></i>
          </span>
      </div>
      {% render_field form.password class="form-control" placeholder="Define Password" %}
    </div>
</div>
<div class="col-md-6 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-lock"></i>
          </span>
      </div>
      {% render_field form.password2 class="form-control" placeholder="Confirm Password" %}
  </div>
</div>
</div>
<div class="form-group row" style="margin-left: 0px; margin-right: 0px;">
<div class="col-md-6 mb-4 mb-md-0" style="padding-left: 0px; padding-right: 1px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-envelope"></i>
          </span>
      </div>
      {% render_field form.email class="form-control" placeholder="Enter Email Address" %}
    </div>
</div>

</div>


{% comment %} 
<div class="form-group row" style="margin-left: 0px; margin-right: 0px;">
<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.bitcoin_address class="form-control" size=30 placeholder="Bitcoin Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.ethereum_address class="form-control" size=30 placeholder="Ethereum wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_trc20_address class="form-control" size=30 placeholder="USDT TRC20 Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_erc20_address class="form-control" size=30 placeholder="USDT ERC20 Wallet" %}
  </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.bnb_address class="form-control" size=30 placeholder="BNB Wallet" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.litecoin_address class="form-control" size=30 placeholder="Litecoin Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.tron_address class="form-control" size=30 placeholder="Tron Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.usdt_bep20_address class="form-control" size=30 placeholder="USDT BEP20 Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.perfect_money_address class="form-control" size=30 placeholder="Perfect Money ID" %}
    </div>
</div>


<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.payeer_address class="form-control" size=30 placeholder="Payeer Wallet" %}
    </div>
</div>

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
          <span class="input-group-text">
              <i class="fa fa-user"></i>
          </span>
      </div>
      {% render_field form.glize_address class="form-control" size=30 placeholder="Glize Wallet" %}
    </div>
</div> {% endcomment %}

<div class="col-md-6 mb-4 " style="padding-left: 1px; padding-right: 0px;">
  <div class="input-group">
      <div class="input-group-prepend">
      </div>
      <a href="{% url 'zeeprimeapp:policies' %}">Accept Terms and Conditions</a>
      {% render_field form.check_box %}    </div>
</div>





<div class="form-group">
    <div class="input-group">
       <div class="input-group-prepend">
           <span class="input-group-text">
               <i class="fa fa-users"></i>
           </span>
       </div>
       
       <input placeholder="Your Upline: {{referrer}}" disabled>
    </div>
    </div>
    
    <div class="form-group">
    <button type="submit" class="btn btn-block myBtn-custom">SIGN UP <i class="fa fa-user-plus"></i></button>
    </div>
</div>
</form>
<div class="wrapper mt-5 text-gray">
<p class="footer-text">Copyright © Scoretrade Value Limited. All rights reserved.</p>
<ul class="auth-footer text-gray">
   <li>
       <a href="{% url 'zeeprimeapp:about_us' %}">About Us</a>
   </li>
   <li>
       <a href="{% url 'zeeprimeapp:policies' %}">Terms & Conditions</a>
   </li>
</ul>
</div>
<br>
<div id="google_translate_element"></div>
</div>
</div>
</div>
</div>
<!-- content-wrapper ends -->
</div>
<!-- page-body-wrapper ends -->
</div>

{% endblock content %}