{% extends "nbapp_base.html" %}
{% block content %}
{% set urls = {
'listado': url_for('main.notificaciones_listado'),
} %}
<meta charset="UTF-8">
<!-- Bloque de Notificaciones -->
<section class="border border-gray-300 rounded-md p-4 my-6 shadow-md max-w-sm mx-auto">
    <h2 class="text-center text-gray-900 text-2xl font-semibold">Notificaciones</h2>

    <form class="space-y-6" method="POST" action="{{ urls.listado }}">

        <!-- Fecha -->
        <div>
            <label class="block font-medium text-gray-700" for="fecha">Fecha:</label>
            <input class="w-full border border-gray-300 rounded px-2 py-1" type="date" name="fecha" value="{{ hoy }}"
                required />
        </div>

        <!-- Idioma -->
        <div>
            <label class="block font-medium text-gray-700" for="idioma">Idioma:</label>
            <select class="w-full border border-gray-300 rounded px-2 py-1" name="idioma" required>
                <option value="" disabled selected>Seleccione...
                </option>
                {% for key, val in idiomas.items() %}
                <option value="{{ key }}" title="{{ key }} : {{ val['title'] }}">{{ val['desc'] }}</option>
                {% endfor %}
            </select>
        </div>

        <!-- Tipo -->
        <div>
            <label class="block font-medium text-gray-700" for="nro">Modelo Nro:</label>
            <select class="w-full border border-gray-300 rounded px-2 py-1" name="nro" required>
                <option value="" disabled selected>Seleccione...</option>
                {% for key, val in notificaciones.items() %}
                <option value="{{ key }}" title="{{ key }} : {{ val['title'] }}">{{ val['desc'] }}</option>
                {% endfor %}
            </select>
        </div>

        <!-- Estilo -->
        <div>
            <label class="block font-medium text-gray-700" for="nro">Estilo:</label>
            <select class="w-full border border-gray-300 rounded px-2 py-1" name="estilo" required>
                <option value="" disabled selected>Seleccione...</option>
                {% for key, val in estilos.items() %}
                <option value="{{ key }}" title="{{ key }} : {{ val['title'] }}">{{ val['desc'] }}</option>
                {% endfor %}
            </select>
        </div>

        <!-- Botón de Envío -->
        <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">
            Generar
        </button>
    </form>
</section>
{% endblock %}