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

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

{% block content %}
<!--Page Title-->
<section class="page-title centred" style="background-image: url(../../../static/media.istockphoto.com/id/1337321164/photo/istockphoto-1337321164-612x6125b29.jpg?s=612x612&amp;w=0&amp;k=20&amp;c=_1Ui7qwtufwzsRtv6xmfZh7C1nIsLtgGgrMurdTkf9A=);">
    <div class="auto-container">
        <div class="content-box clearfix">
            <h1>Register</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="{% url 'zeeprimeapp:home' %}">Home</a></li>
                <li>Register</li>
               
            </ul>
        </div>
    </div>
</section>
<!--End Page Title-->
<!-- login in page -->
<section class="service-details" style="background:hsl(224, 31%, 57%);">
    <div class="auto-container">
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 content-side">



<form method=post name="regform" class="account-form row " action="{% url 'userdashboard:register' %}">
<input type=hidden name=a value="signup">
<input type=hidden name=action value="signup">
<div class="signup-wrap">
                    <div class="login-html">
                        <input id="tab-1" type="radio" name="tab" class="sign-up" ><label for="tab-1" class="tab">Sign UP</label>
                       
                        <div class="login-form">
                            
                            {% csrf_token %}
                            {% if messages %} 
                              {% for msg in messages %}
                              <div class="alert alert-danger text-center" role="alert">
                                {{ msg }}
                              </div>
                              {% endfor %} 
                            {% endif %}
<div class="group">
    <label>Full Name <sup class="text--danger">*</sup></label>
    {% render_field form.first_name class="input" placeholder="Enter Full Name*" %}
</div>



<div class="group">
<label>Username <sup class="text--danger">*</sup></label>
{% render_field form.username class="input" placeholder="Enter Username*" %}
</div>

<div class="group">
<label>Password <sup class="text--danger">*</sup></label>
{% render_field form.password class="input" placeholder="Define Password" %}
</div>

<div class="group">
<label>Confirm Password <sup class="text--danger">*</sup></label>
{% render_field form.password2 class="input" placeholder="Confirm Password" %}
</div>


<div class="group">
<label>Email <sup class="text--danger">*</sup></label>
{% render_field form.email class="input" placeholder="Enter Email Address" %}
</div>


{% comment %} <div class="group">
<label>Bitcoin Wallet Address</label>
{% render_field form.bitcoin_address class="input" size=30 placeholder="Bitcoin Wallet" %}
</div>
<div class="group">
<label>Ethereum Wallet Address</label>
{% render_field form.ethereum_address class="input" size=30 placeholder="Ethereum wallet" %}
</div>
<div class="group">
<label>USDT TRC20 Wallet Address</label>
{% render_field form.usdt_trc20_address class="input" size=30 placeholder="USDT TRC20 Wallet" %}
</div> {% endcomment %}




<div class="group">

</div>

<div class="group">
    <a href="{% url 'zeeprimeapp:policies' %}">Accept Terms and Conditions</a>
    {% render_field form.check_box %}
    </div>

<div class="group">
<label class="text-center pt-3">Upline : {{referrer}} </label>
<input type="submit" class="button" value="Sign Up">
</div>



</div>
    </div>
</div>
</form>

          </div><!-- account-wrapper end -->
        </div>
      </div>
    </div>
</section>





<!-- 



<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>

<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>

<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>


<input type=hidden name=agree value=1 checked>
<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 class="wrapper mt-5 text-gray">
<p class="footer-text">Copyright © 2022 Emry Investment Company. 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>
</form>
</div>
</div>
</div>
</div>-->

{% endblock content %}