{% set current_theme = current_theme() %} {% from "macros/form_buttons.j2" import render_form_buttons %} {% from
"macros/form_errors.j2" import render_field_errors, render_form_errors %}
<!doctype html>
<html lang="{{ current_locale() }}" class="h-100">
    <head>
        {{ current_theme.headertags() }}
        <title>{{ _("Crear") }} {{ _("Programa") }}</title>

        {{ current_theme.local_style() }}
        <!-- Custom styles for this template -->
        <link href="{{ url_for('static', filename='css/form-validation') }}" rel="stylesheet" />
    </head>

    <body>
        {{ current_theme.navbar() }}

        <main>
            {{ current_theme.notify() }}

            <div class="container px-4 py-5" id="icon-grid">
                {% if not is_programs_enabled() %}
                <div class="alert alert-warning" role="alert">
                    <strong>⚠️ {{ _('Aviso') }}:</strong> {{ _('Los programas están deshabilitados en la configuración
                    principal del sitio. Los usuarios no verán este programa en el menú de navegación hasta que se habilite la
                    opción "Habilitar') }} {{ _("Programas") }}" {{ _('en la configuración general.') }}
                </div>
                {% endif %}
                <h4 class="pb-2 border-bottom">{{ _("Crear") }} {{ _("Programa") }}.</h4>
                <form method="post" enctype="multipart/form-data">
                    {{ form.csrf_token }} {{ render_form_errors(form) }}
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <label for="nombre" class="form-label">{{ _("Programa") }}</label>
                            {{ form.nombre(class="form-control", id="nombre", placeholder=_("Programa")) }} {{
                            render_field_errors(form.nombre) }}
                        </div>

                        <div class="col-sm-6">
                            <label for="codigo" class="form-label">{{ _('Codigo') }}</label>
                            {{ form.codigo(class="form-control", id="codigo", placeholder=_("Codigo")) }} {{
                            render_field_errors(form.codigo) }}
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-sm-6">
                            <label for="descripcion" class="form-label">{{ _('Descripcion') }}</label>
                            {{ form.descripcion(class="form-control", id="descripcion", placeholder=_("Descripción")) }} {{
                            render_field_errors(form.descripcion) }}
                        </div>

                        <div class="col-sm-6">
                            <label for="precio" class="form-label">{{ _("Precio") }}</label>
                            {{ form.precio(class="form-control", id="codigo") }} {{ render_field_errors(form.precio) }}
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-sm-6">
                            <label for="categoria" class="form-label">{{ _('Categoría') }}</label>
                            {{ form.categoria(class="form-control", id="categoria") }} {{ render_field_errors(form.categoria)
                            }}
                        </div>

                        <div class="col-sm-6">
                            <label for="etiquetas" class="form-label">{{ _('Etiquetas') }}</label>
                            {{ form.etiquetas(class="form-control", id="etiquetas", multiple=True) }} {{
                            render_field_errors(form.etiquetas) }}
                            <div class="form-text">
                                {{ _('Mantén presionado Ctrl (o Cmd en Mac) para seleccionar múltiples etiquetas.') }}
                            </div>
                        </div>
                    </div>
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <label for="plantilla_certificado" class="form-label">{{ _('Plantilla Certificado') }}</label>
                            {{ form.plantilla_certificado(class="form-control", id="plantilla_certificado") }} {{
                            render_field_errors(form.plantilla_certificado) }}
                        </div>
                    </div>

                    <br />

                    {{ render_form_buttons(_("Crear Programa"), "/admin/panel") }}
                </form>
            </div>
        </main>
    </body>
</html>
