{% extends "base.html" %}
{% block title %}Login — diora{% endblock %}

{% block content %}
<div class="auth-container">
  <h1 class="auth-title">Login</h1>
  <form method="post" class="auth-form">
    {% csrf_token %}
    {% for field in form %}
      <div class="form-group">
        <label class="form-label" for="{{ field.id_for_label }}">{{ field.label }}</label>
        {{ field }}
        {% if field.errors %}
          <ul class="field-errors">
            {% for error in field.errors %}
              <li>{{ error }}</li>
            {% endfor %}
          </ul>
        {% endif %}
      </div>
    {% endfor %}
    {% if form.non_field_errors %}
      <div class="form-errors">
        {% for error in form.non_field_errors %}
          <p>{{ error }}</p>
        {% endfor %}
      </div>
    {% endif %}
    <button type="submit" class="btn btn-primary btn-full">Login</button>
  </form>
  <p class="auth-switch">
    Don't have an account? <a href="{% url 'register' %}">Register</a>
  </p>
</div>
{% endblock %}