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

{% block title %}{% trans "Entrega Segura de Contraseña" %} | 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 "Entrega Segura de Contraseña" %}
            </h1>
            <span class="badge badge-emerald">{% trans "Portal de Usuario" %}</span>
        </div>
        <p class="card-subtitle">
            {% trans "Proporcione el documento correspondiente, su código de acceso y su correo electrónico registrado para recibir la clave de descifrado." %}
        </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:" %}</h3>
            <p style="font-size: 0.85rem; color: var(--text-muted); line-height: 1.5;">
                {% trans "Por motivos de confidencialidad, la clave nunca se muestra en pantalla. Si el archivo y los datos facilitados corresponden a un registro autorizado, la contraseña habrá sido remitida a su bandeja de entrada." %}
            </p>
        </div>

        <a href="{% url 'freedec:gui-public-request' %}" class="btn btn-secondary">
            🔄 {% trans "Realizar Otra Solicitud" %}
        </a>

    {% 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.access_code.id_for_label }}" class="form-label">
                    {{ form.access_code.label }} *
                </label>
                {{ form.access_code }}
                {% if form.access_code.errors %}
                    <div style="color: var(--accent-rose); font-size: 0.85rem; margin-top: 0.35rem;">
                        {{ form.access_code.errors.0 }}
                    </div>
                {% endif %}
                <span class="form-help">{{ form.access_code.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 Contraseña" %}
            </button>
        </form>
    {% endif %}
</div>
{% endblock %}