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

{% block head_title %}{% trans "Sign In" %}{% endblock %}

{% block content %}

<div class="text-center mt-2 mb-2">
  <a href="{% url 'admin:index' %}" class="navbar-brand rounded mx-auto  ">
    <img src="{% static 'sahand/home/img/logo-varzatech.png' %}"  height="80px" width="80px"/></a>
</div>


{% get_providers as socialaccount_providers %}

{% if socialaccount_providers %}
<p>{% blocktrans with site.name as site_name %}Please sign in with one
  of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
  for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>

<div class="socialaccount_ballot">

  <ul class="socialaccount_providers">
    {% include "socialaccount/snippets/provider_list.html" with process="login" %}
  </ul>

  <div class="login-or">{% trans 'or' %}</div>

</div>

{% include "socialaccount/snippets/login_extra.html" %}

{% else %}
<h5>{% blocktrans %}
  <a href="{{ signup_url }}">ثبت نام</a> {% endblocktrans %} / ورود
</h5>
{% endif %}

<form class="login" method="POST" action="{% url 'account_login' %}">
  {% csrf_token %}
  <div class="form-group  ">
    <label for="form-text">
      <!--<i class="fa fa-envelope prefix grey-text"></i>-->
      پست الکترونیک خود را وارد کنید:
    </label>
    {{ form.login}}

  </div>

  <div class="form-group  ">
    <label for="form-text mt-5 mb-3">
      رمز ورود خود را وارد کنید:
    </label>
    {{ form.password}}

  </div>

  {{form.captcha}}
  {% if redirect_field_value %}
  <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
  {% endif %}
  <a class="button secondaryAction mb-4 mt-4" href="{% url 'account_reset_password' %}">
    {% trans "فراموشی رمز عبور؟" %}
  </a>

  <div class="d-grid gap-2 mt-3">
    <button class="btn btn-outline-primary btn-block  " type="submit" style="margin-bottom: 3.8rem;">{% trans "ورورد" %}
      &raquo</button>
  </div>
</form>
<p class="text-center mt-1 mb-2">{% blocktrans %}همراهی شما باعث افتخار ماست{% endblocktrans %}</p>
{% endblock %}