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

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

{% block content %}
<br><br><br><br><br>
<!-- Start About Area -->
<section class="about-area ptb-100 bg-f8f8f8" style="background: transparent;">
    <div class="container">
<div class="log-reg">
<div class="row">
    
<form method=post action="{% url 'userdashboard:register' %}" name=mainform>

<div class="mb-3 form-form">
<h3 class="text-center" style="color: #eee;">Register an Account</h3>
</div>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
<div class="mb-3 form-form">

<label for="">Full name</label>
<input type="text" placeholder="Full name" name="first_name" value='' class="form-control" size=30 autofocus="autofocus">
</div>

<div class="mb-3 form-form">
    <label for="">Country</label>
    <input type="text" placeholder="Country" name="country" value='' class="form-control" size=30 autofocus="autofocus">
</div>

<div class="mb-3 form-form">
    <label for="">Phone</label>
    <input type="text" placeholder="Phone" name="phone" value='' class="form-control" size=30 autofocus="autofocus">
</div>

<div class="mb-3 form-form">
    <label for="">Email</label>
    <input type="email" placeholder="Email" name="email" value='' class="form-control" size=30 autofocus="autofocus">
</div>

<div class="mb-3 form-form">
    <label for="">Username</label>
    <input type="text" placeholder="Username" name="username" value='' class="form-control" size=30 autofocus="autofocus">
</div>


<div class="mb-3 form-form">
    <label for="">Password</label>
    <input type="password" placeholder="Password" name="password" value='' class="form-control" size=30>
</div>

<div class="mb-3 form-form">
    <label for="">Confirm password</label>
    <input type="password" placeholder="Confirm password" name="password2" value='' class="form-control" size=30>
</div>

<div class="mb-3 form-form">
    <a href="{% url 'zeeprimeapp:policies' %}" style="color: #eee">Accept Terms and Conditions</a>
    {% render_field form.check_box %}
</div>

<div class="mb-3 form-form">
    <label class="text-center pt-3">Upline : {{referrer}} </label>
</div>


<input type=submit value="Sign Up" class="default-btn">

</form>

<p class="text-center mt-5">
<p class="text-center">Already registered ? <a href="{% url 'userdashboard:login' %}" style="color: #eee;">login to your account</a></p>
</div>
</div>
    </div>
</section>
{% endblock content %}