{% extends 'base.html' %}
{% load static %}
{% load i18n %}


{% block content %}
  <form action="" method="post">
    <div class="login-form">
    {% csrf_token %}
    <div class="login-form-header" style="background-color: #1a5287; border-radius: 15px 15px 0 0">
      <h3 style="font-size:20px; margin-top:10px;padding-top: 10px;color: #fafafa;">{% trans 'Nemesida WAF' %}</h3>
    </div>
    <div class="login-form-header" style="height: 30px;">
    </div>

    <div class="login-form-row clearfix">
      <label class="login-form-label" for="email" style="font-weight: inherit;"><i
              class="fa fa-user login-form-label-icon"></i> <span
              class="login-form-label-text">{% trans 'username' %}</span></label>
      <div class="login-form-input-wrapper">
        <input type="text" class="login-form-input" id="email" name="email" placeholder="{% trans 'enterEmail' %}">
      </div>
    </div>

    <div class="login-form-row clearfix">
      <label class="login-form-label" for="password" style="font-weight: inherit;"><i
              class="fa fa-lock login-form-label-icon"></i> <span
              class="login-form-label-text">{% trans 'password' %}</span></label>
      <div class="login-form-input-wrapper">
        <input type="password" class="login-form-input" id="password" name="password"
               placeholder="{% trans 'enterPass' %}">
      </div>
    </div>

    <div class="login-form-row padding-hor-15 clearfix">
      {% if login_error %}
        <div style="text-align: center; font-size: 14px;">
          <span style="color: red;">{{ login_error }}</span>
        </div>
      {% endif %}
    </div>

    <button type="submit" class="login-form-submit"><h3
            style="font-size:16px; margin-top:16px; margin-bottom: 16px;">{% trans 'login' %}</h3></button>
    </div>

    {% if ldap_config.active %}
	    <div class="form-group" style="justify-content: center; display: flex; margin: 15px 0 0 0;">
	      <div class="btn-group" data-toggle="buttons">
	        <label class="cabinet-btn btn{% if default_auth_type == auth_type_enum.LOCAL %} active {% endif %}" id="toggle_local">
	          <input type="radio" name="auth_type" value="{{ auth_type_enum.LOCAL }}" {% if default_auth_type == auth_type_enum.LOCAL %} checked {% endif %}>
	          {% trans 'LOCAL User type' %}
	        </label>
	        <label class="cabinet-btn btn{% if default_auth_type == auth_type_enum.LDAP %} active {% endif %}" id="toggle_ldap">
	          <input type="radio" name="auth_type" value="{{ auth_type_enum.LDAP }}" {% if default_auth_type == auth_type_enum.LDAP %} checked {% endif %}>
	          {% trans 'LDAP User type' %}
	        </label>
	      </div>
	    </div>
		{% endif %}
  </form>
  <br>
  <div style="text-align: center; font-size: 14px; {% if not email_enable %}display: none;{% endif %}">
    <a href="{{ home }}password_reset/">{% trans 'ForgotPassword' context 'question' %}</a>
  </div>
  <div class="lang-switcher--horizontal" style="text-align: center; margin-top: 10px; ">
    <a href="{{ home }}{% url 'set_language' lang='ru' %}" class="lang-switcher__item" aria-label="Русский" data-tooltip="Русский"><i class="fi flag-icon-squared fi-ru"
                                                              style="width: 60px; height: 45px; margin-left: 5px; margin-right: 5px;"></i></a>
    <a href="{{ home }}{% url 'set_language' lang='en' %}" class="lang-switcher__item" aria-label="English" data-tooltip="English"><i class="fi flag-icon-squared fi-gb"
                                                              style="width: 60px; height: 45px; margin-left: 5px; margin-right: 5px;"></i></a>
  </div>

{% endblock %}