{% set current_theme = current_theme() %} {% from "macros/form_errors.j2" import render_field_errors, render_form_errors %} {%
set config = config() %}

<!doctype html>
<html lang="{{ current_locale() }}" class="h-100">
    <head>
        {{ current_theme.headertags() }}
        <title>{{ _("Inscripción") }} Administrativa - {{ programa.nombre }}</title>
        {{ current_theme.local_style() }}
    </head>

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

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

            <div class="container mt-4">
                <div class="row">
                    <div class="col-lg-8 mx-auto">
                        <div class="card">
                            <div class="card-header">
                                <h4>
                                    <i class="fas fa-user-plus"></i> {{ _("Inscripción") }} Administrativa a {{ _("Programa")
                                    }}
                                </h4>
                                <p class="mb-0 text-muted">
                                    {{ _("Inscribir") }} estudiante al programa: <strong>{{ programa.nombre }}</strong>
                                </p>
                            </div>
                            <div class="card-body">
                                <div class="alert alert-info">
                                    <i class="fas fa-info-circle"></i>
                                    <strong>{{ _("Inscripción") }} a {{ _("Programa") }}:</strong> Al inscribir un estudiante a
                                    este programa, será automáticamente inscrito a todos los cursos que forman parte del
                                    programa. {% if programa.pagado %} Si algunos cursos son pagados, puedes omitir el pago
                                    para dar acceso completo al estudiante. {% endif %}
                                </div>

                                <form method="POST">
                                    {{ form.hidden_tag() }}

                                    <div class="mb-3">
                                        {{ form.student_username.label(class="form-label") }} {{
                                        form.student_username(class="form-control") }} {{
                                        render_field_errors(form.student_username) }}
                                        <div class="form-text">
                                            Ingresa el nombre de usuario del estudiante que deseas inscribir.
                                        </div>
                                    </div>

                                    <div class="mb-3">
                                        <div class="form-check">
                                            {{ form.bypass_payment(class="form-check-input") }} {{
                                            render_field_errors(form.bypass_payment) }} {{
                                            form.bypass_payment.label(class="form-check-label") }}
                                        </div>
                                        <div class="form-text">
                                            Si está marcado, el estudiante tendrá acceso completo a todos los cursos del
                                            programa, incluso aquellos que requieren pago.
                                        </div>
                                    </div>

                                    <div class="mb-3">
                                        {{ form.notes.label(class="form-label") }} {{ form.notes(class="form-control") }} {{
                                        render_field_errors(form.notes) }}
                                        <div class="form-text">
                                            Notas opcionales sobre esta inscripción (para referencia administrativa).
                                        </div>
                                    </div>

                                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                        <a
                                            href="{{ url_for('program.programa_cursos', codigo=programa.codigo) }}"
                                            class="btn btn-secondary me-md-2"
                                        >
                                            <i class="fas fa-arrow-left"></i> {{ _("Cancelar") }}
                                        </a>
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-user-plus"></i> {{ _("Inscribir") }} al {{ _("Programa") }}
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="card mt-4">
                            <div class="card-header">
                                <h5><i class="fas fa-info-circle"></i> {{ _("Información") }} del {{ _("Programa") }}</h5>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>{{ _("Nombre") }}:</strong> {{ programa.nombre }}<br />
                                        <strong>Código:</strong> {{ programa.codigo }}<br />
                                        <strong>{{ _("Estado") }}:</strong>
                                        <span
                                            class="badge bg-{% if programa.estado == 'open' %}success{% elif programa.estado == 'closed' %}danger{% else %}warning{% endif %}"
                                        >
                                            {{ programa.estado }}
                                        </span>
                                    </div>
                                    <div class="col-md-6">
                                        <strong>{{ _("Descripción") }}:</strong><br />
                                        <small class="text-muted"
                                            >{{ programa.descripcion[:100] }}{% if programa.descripcion|length > 100 %}...{%
                                            endif %}</small
                                        >
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </body>
</html>
