{% extends "nbapp_base.html" %}
{% block content %}
{% set urls = {
'enviar': url_for('main.notificaciones_enviar')
} %}
<meta charset="UTF-8">
<section class="border border-gray-300 rounded-md p-4 my-6 shadow-md max-w-xl mx-auto">
    <h2 class="text-2xl font-bold text-gray-800 mb-4 text-center">Notificación enviada</h2>

    <div class="space-y-4 text-sm mt-4">
        {% for label, info in [
        ('From', data.from),
        ('To', data.to),
        ('Cc', data.cc),
        ('Subject', data.subject)
        ] %}
        <div>
            <label class="block font-medium text-gray-700" for="from">{{ label }}:</label>
            <input class="w-full border border-gray-300 rounded px-2 py-1 bg-gray-100" type="text" name="{{ label }}"
                value="{{ info }}" readonly>
        </div>
        {% endfor %}
    </div>


    {% if data.pdf_url and data.pdf_url | length > 0 %}
    <details class="mb-3">
        <summary class="cursor-pointer font-semibold text-blue-700">
            {{ 'Attachment' if data.pdf_url | length == 1 else 'Attachments' }} ({{ data.pdf_url | length }})
        </summary>
        <div class="mt-2 space-y-1 text-sm text-blue-600">
            {% for url in data.pdf_url %}
            <a class="text-blue-600 hover:underline block break-all text-sm" href="{{ url }}" target="_blank">
                {{ url }}
            </a>
            {% endfor %}
        </div>
    </details>
    {% endif %}

    {% if data.rendered_html %}
    <details class="mt-4">
        <summary class="cursor-pointer font-semibold text-blue-700">HTML</summary>
        <pre class="whitespace-pre-wrap text-sm bg-gray-100 p-3 rounded border border-gray-200 mt-2">
            {{ data.rendered_html }}
        </pre>
    </details>
    {% endif %}

    <button class="block mx-auto mt-2 bg-gray-700 hover:bg-gray-800 text-white font-bold py-1 px-4 rounded-lg shadow"
        type="submit" onclick="history.back()">
        Regresar
    </button>
</section>
{% endblock %}