{% extends "account/base.html" %}
{% load static %}
{% load i18n %}

{% block head_title %}{% trans "Signup" %}{% endblock %}

{% block content %}
<div class="text-center mt-2">
  <a href="{% url 'home:home_site' %}" class="navbar-brand "><img src="{% static 'sahand/home/img/logo-varzatech.png' %}"
      height="80px" width="80px" /></a>
</div>
<h3 class="text-center">{% trans "ثبت نام" %}</h3>

<p>{% blocktrans %}اگر حساب کاربری دارید روی <a href="{{ login_url }}">ورود</a> کلیلک کنید .{% endblocktrans %}</p>

<form class="signup " id="signup_form" method="post" action="{% url 'account_signup' %}">
  {% csrf_token %}
  <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
    <label for="form-text">
      <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
      ایمیل خود را وارد کنید:
    </label>
    {{ form.email}}

  </div>
  <!-- <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
    <label for="form-text">
      <i class="fa fa-pencil-square-o prefix grey-text"></i> 
      ایمیل رادوباره وارد نمایید:
    </label>
    {{ form.email2}}

  </div> -->
  <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
    <label for="form-text">
      <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
      نام کاربری خود را وارد نمایید:
    </label>
    {{ form.username}}

  </div>
  <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
    <label for="form-text">
      <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
      رمز ورود خود را دوباره وارد نمایید:
    </label>
    {{ form.password1}}

  </div>
  <div class="form-group wow animated fadeInRightBig " data-wow-duration="1s">
    <label for="form-text">
      <!--<i class="fa fa-pencil-square-o prefix grey-text"></i> -->
      رمز ورود خود را وارد نمایید:
    </label>
    {{ form.password2}}

  </div>
  {{form.captcha}}
  {% if redirect_field_value %}
  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
  {% endif %}
  <div class="d-grid gap-2 mt-2">
    <button class="btn btn-outline-primary btn-block  wow animated fadeInRightBig mb-4 mt-2" data-wow-duration="1s"
      type="submit">{%trans "ثبت نام" %} &raquo;</button>
  </div>
  <div class="d-grid gap-2 mt-1">
    <a class="btn btn-outline-secondary btn-block  " style="color: darkcyan;"
      href="{% url 'home:CustomerRegistration' %}">{%trans "انصراف"%} &raquo;</a>
  </div>
</form>
<p class="text-center mt-1 mb-2">{% blocktrans %}همراهی شما باعث افتخار ماست{% endblocktrans %}</p>
{% endblock %}