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

{% block title %}{% trans "Solicitar 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 "Descarga Segura de Documentos" %}
            </h1>
            <span class="badge badge-cyan">{% trans "Acceso Seguro" %}</span>
        </div>
        <p class="card-subtitle">
            {% trans "Introduzca el identificador (SHA-256) del documento y su correo electrónico para recibir un código de verificación." %}
        </p>
    </div>

    {% if messages %}
        {% for message in messages %}
            <div class="alert {% if message.tags %}alert-{{ message.tags }}{% else %}alert-info{% endif %}">
                <div>{{ message }}</div>
            </div>
        {% endfor %}
    {% endif %}

    {% 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">
        {% csrf_token %}

        <div class="form-group">
            <label for="{{ form.file_hash.id_for_label }}" class="form-label">
                {{ form.file_hash.label }} *
            </label>
            {{ form.file_hash }}
            {% if form.file_hash.errors %}
                <div style="color: var(--accent-rose); font-size: 0.85rem; margin-top: 0.35rem;">
                    {{ form.file_hash.errors.0 }}
                </div>
            {% endif %}
            <span class="form-help">{{ form.file_hash.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 código de verificación" %}
        </button>
    </form>

    <div style="background-color: #0b1329; border: 1px solid rgba(6, 182, 212, 0.2); border-radius: 8px; padding: 1.25rem; margin-top: 2rem;">
        <h3 style="font-size: 0.95rem; color: var(--accent-cyan); margin-bottom: 0.5rem;">
            {% trans "Información sobre el servicio:" %}
        </h3>
        <ul style="font-size: 0.85rem; color: var(--text-muted); line-height: 1.6; margin: 0; padding-left: 1.2rem;">
            <li><strong>{% trans "Identificador único:" %}</strong> {% trans "El acceso se gestiona a través del código SHA-256 facilitado por el remitente." %}</li>
            <li><strong>{% trans "Verificación por correo:" %}</strong> {% trans "Se remitirá un código temporal de un solo uso a la dirección de correo autorizada." %}</li>
            <li><strong>{% trans "Confidencialidad:" %}</strong> {% trans "Una vez completada la entrega, el documento dejará de estar disponible en la plataforma conforme a las políticas de seguridad establecidas." %}</li>
        </ul>
    </div>
</div>
{% endblock %}