{% extends 'shared/_layout.html' %} {% block title %} ورود {% endblock %} 
{%block content %}
<section class="login-section py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-5 col-md-7 col-sm-10">
        <div class="card shadow-sm border-0 rounded-4">
          <div class="card-body p-4">
            <div class="text-center mb-4">
              <h3 class="fw-bold">ورود به حساب کاربری</h3>
              <p class="text-muted small mb-0">
                برای ورود به سایت اطلاعات خود را وارد کنید
              </p>
            </div>

            <form method="post">
              {% csrf_token %}

              <!-- نمایش خطاهای کلی فرم (مثل: ایمیل یا کلمه عبور اشتباه است) -->
              {% if login_form.non_field_errors %}
              <div class="alert alert-danger">
                {% for error in login_form.non_field_errors %}
                <p>{{ error }}</p>
                {% endfor %}
              </div>
              {% endif %}

              <div class="form-group">
                <label>{{ login_form.identifier.label }}</label>
                {{ login_form.identifier }}
                <!-- نمایش راهنمای فیلد -->
                {% if login_form.identifier.help_text %}
                <small class="text-muted"
                  >{{ login_form.identifier.help_text }}</small
                >
                {% endif %}
                <!-- نمایش خطای خاص این فیلد -->
                {% if login_form.identifier.errors %}
                <div class="text-danger">
                  {{ login_form.identifier.errors }}
                </div>
                {% endif %}
              </div>

              <div class="form-group">
                <label>{{ login_form.password.label }}</label>
                {{ login_form.password }} {% if login_form.password.errors %}
                <div class="text-danger">{{ login_form.password.errors }}</div>
                {% endif %}
              </div>

              <button type="submit" class="btn btn-success">ورود</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
{% endblock %}