{% extends "base_auth.html" %}
{% load static %}

{% block title %}Ingresar{% endblock %}

{% block content %}
<div class="bg-white p-10 md:p-16 rounded-sm shadow-premium reveal">
    <div class="text-center mb-12">
        <a href="{% url 'business_landing' %}" class="inline-block mb-10">
            <img src="{% static 'images/logo-citalis.png' %}" alt="Citalis Logo" class="h-10 w-auto">
        </a>
        <h1 class="text-4xl mb-4">Bienvenido.</h1>
        <p class="text-body-text/60 font-medium">Ingresa tu correo para recibir un código de acceso único.</p>
    </div>

    <form method="post" class="space-y-8">
        {% csrf_token %}
        <div>
            <label class="text-[10px] font-black uppercase tracking-[0.2em] text-body-text/40 mb-3 block">Correo electrónico</label>
            {{ form.email }}
            {% if form.email.errors %}
                <p class="text-red-500 text-xs mt-2 font-medium">{{ form.email.errors.0 }}</p>
            {% endif %}
        </div>
        
        <button type="submit" class="w-full bg-primary text-white py-5 rounded-sm font-black text-xs uppercase tracking-[0.2em] hover:bg-primary-dark transition-all shadow-lift">
            Enviar código de acceso
        </button>
    </form>
    
</div>
{% endblock %}