{% extends 'base_auth.html' %}
{% load i18n cashbook_extras %}

{% block content %}
<div class="auth">
  <form method="post" action="{% url 'login' %}" class="auth-card card">{% csrf_token %}
    <div class="auth-header">
      <span class="logo"></span>
      <h1 class="auth-title">{% trans "Sign in to Gombo" %}</h1>
      <p class="auth-sub">{% trans "Use your account credentials" %}</p>
    </div>

    {% if form.errors %}<p class="alert alert-error">{% trans "Invalid username or password." %}</p>{% endif %}

    <div>
      <label for="{{ form.username.id_for_label }}">{% trans "Email or Username" %}</label>{{ form.username|add_class:'input' }}
    </div>
    <div>
      <label for="{{ form.password.id_for_label }}">{% trans "Password" %}</label>{{ form.password|add_class:'input' }}
    </div>

    <div class="auth-actions">
      <label style="display:flex; align-items:center; gap:8px;">
        <input type="checkbox" name="remember" value="1" style="width:auto"> {% trans "Keep me signed in" %}
      </label>
      <a href="{% url 'password_reset' %}">{% trans "Forgot password?" %}</a>
    </div>

    <button type="submit" class="btn btn--primary" style="width:100%; margin-top:12px;">{% trans "Sign in" %}</button>
    <input type="hidden" name="next" value="{{ next }}">

    <div class="auth-footer">
      {% trans "Don't have an account?" %} <a href="{% url 'register' %}">{% trans "Create one" %}</a>
    </div>
  </form>
</div>
{% endblock %}