{% extends "freedec/base.html" %}
{% load i18n %}

{% block title %}{% trans "Solicitar Acceso al Documento" %} | Freedec{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <div style="display: flex; justify-content: space-between; align-items: center;">
            <h1 class="card-title">
                <span>⚡</span> {% trans "Solicitud de Acceso Seguro (Magic Link / OTP)" %}
            </h1>
            <span class="badge badge-cyan">{% trans "Prueba de Posesión" %}</span>
        </div>
        <p class="card-subtitle">
            {% trans "Suba su archivo cifrado (.enc) e introduzca su correo autorizado para recibir un Enlace Mágico de acceso directo y código OTP temporal." %}
        </p>
    </div>

    {% if result_message %}
        <!-- Respuesta Neutra (Anti-Enumeración) -->
        <div class="alert {% if is_success %}alert-success{% else %}alert-warning{% endif %}">
            <div>
                <strong>{% trans "Estado de la Solicitud:" %}</strong><br>
                {{ result_message }}
            </div>
        </div>

        <div style="background-color: #0b1329; border: 1px solid rgba(6, 182, 212, 0.2); border-radius: 8px; padding: 1.25rem; margin-bottom: 2rem;">
            <h3 style="font-size: 0.95rem; color: var(--accent-cyan); margin-bottom: 0.5rem;">ℹ️ {% trans "Información de Entrega y Caducidad:" %}</h3>
            <p style="font-size: 0.85rem; color: var(--text-muted); line-height: 1.5;">
                {% trans "Por motivos de seguridad Zero-Trust, el enlace de acceso y el código OTP son válidos durante 15 minutos y de un solo uso. Al abrir el enlace o ingresar el código, el archivo en disco será destruido permanentemente (Burn-After-Read)." %}
            </p>
        </div>

        <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
            <a href="{% url 'freedec:gui-public-request' %}" class="btn btn-secondary" style="flex: 1;">
                🔄 {% trans "Realizar Otra Solicitud" %}
            </a>
            <a href="{% url 'freedec:gui-consume' %}" class="btn btn-primary" style="flex: 1;">
                📥 {% trans "Ir a Consumir con Código OTP" %}
            </a>
        </div>

    {% else %}
        <!-- Formulario Público de Petición -->
        {% if form.non_field_errors %}
            <div class="alert alert-error">
                {% for error in form.non_field_errors %}
                    <div>{{ error }}</div>
                {% endfor %}
            </div>
        {% endif %}

        <form method="POST" enctype="multipart/form-data">
            {% csrf_token %}

            <div class="form-group">
                <label for="{{ form.file.id_for_label }}" class="form-label">
                    {{ form.file.label }} *
                </label>
                {{ form.file }}
                {% if form.file.errors %}
                    <div style="color: var(--accent-rose); font-size: 0.85rem; margin-top: 0.35rem;">
                        {{ form.file.errors.0 }}
                    </div>
                {% endif %}
                <span class="form-help">{{ form.file.help_text }}</span>
            </div>

            <div class="form-group">
                <label for="{{ form.email.id_for_label }}" class="form-label">
                    {{ form.email.label }} *
                </label>
                {{ form.email }}
                {% if form.email.errors %}
                    <div style="color: var(--accent-rose); font-size: 0.85rem; margin-top: 0.35rem;">
                        {{ form.email.errors.0 }}
                    </div>
                {% endif %}
                <span class="form-help">{{ form.email.help_text }}</span>
            </div>

            <button type="submit" class="btn btn-primary" style="margin-top: 1rem;">
                📨 {% trans "Solicitar Enlace de Acceso / OTP" %}
            </button>
        </form>
    {% endif %}
</div>
{% endblock %}