{% extends 'crochet/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Iniciar sesión' %}{% endblock %}

{% block extra_css %}
  {% include 'crochet/_platform_assets.html' %}
{% endblock %}

{% block content %}
  <main class="flex justify-center px-4 py-12">
    <div class="card w-full max-w-sm bg-base-100 shadow-xl border border-base-300">
      <div class="card-body">
        <h1 class="card-title">{% trans 'Iniciar sesión' %}</h1>
        {% if form.errors %}
          <div role="alert" class="alert alert-error alert-soft">
            <span>{% trans 'Usuario o contraseña incorrectos.' %}</span>
          </div>
        {% endif %}
        <form method="post" class="flex flex-col gap-3">
          {% csrf_token %}
          {% for field in form %}
            <label class="flex flex-col gap-1">
              <span class="text-sm">{{ field.label }}</span>
              {{ field }}
            </label>
          {% endfor %}
          <input type="hidden" name="next" value="{{ next }}">
          <button type="submit" class="btn btn-primary mt-2">{% trans 'Entrar' %}</button>
        </form>
        <p class="text-sm text-center mt-2">
          <a href="{% url 'crochet:password_reset' %}" class="link link-primary">{% trans '¿Has olvidado tu contraseña?' %}</a>
        </p>
        <p class="text-sm text-center">
          <a href="{% url 'crochet:register' %}" class="link link-primary">{% trans '¿No tienes cuenta? Regístrate' %}</a>
        </p>
      </div>
    </div>
  </main>
{% endblock %}