{% set current_theme = current_theme() %} {% 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>{{ _("Gestionar") }} {{ _("Cursos") }} - {{ programa.nombre }}</title>

        {{ current_theme.local_style() }}
    </head>

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

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

            <div class="container-fluid px-0 py-3">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="d-flex justify-content-between align-items-center border-bottom pb-2 mb-4">
                                <h1 class="h2">{{ _("Gestionar") }} {{ _("Cursos") }} - {{ programa.nombre }}</h1>
                                <div>
                                    {% if current_user.tipo == "admin" %}
                                    <a
                                        href="{{ url_for('program.admin_program_enrollment', codigo=programa.codigo) }}"
                                        class="btn btn-sm btn-info me-2"
                                    >
                                        <i class="bi bi-person-plus" aria-hidden="true"></i> {{ _("Inscribir") }} {{
                                        _("Estudiante") }}
                                    </a>
                                    <a
                                        href="{{ url_for('program.admin_program_enrollments', codigo=programa.codigo) }}"
                                        class="btn btn-sm btn-outline-info"
                                    >
                                        <i class="bi bi-people" aria-hidden="true"></i> {{ _("Ver") }} Inscripciones
                                    </a>
                                    {% endif %}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="card-title mb-0">{{ _("Cursos") }} en el {{ _("Programa") }}</h5>
                                        </div>
                                        <div class="card-body">
                                            {% if cursos_programa %}
                                            <div class="list-group">
                                                {% for curso_programa in cursos_programa %} {% set curso =
                                                curso_programa.curso_obj %}
                                                <div class="list-group-item d-flex justify-content-between align-items-center">
                                                    <div>
                                                        <h6 class="mb-1">
                                                            {{ curso.nombre if curso else curso_programa.curso }}
                                                        </h6>
                                                        <small class="text-muted"
                                                            >{{ curso.codigo if curso else curso_programa.curso }}</small
                                                        >
                                                    </div>
                                                    <form method="post" class="d-inline">
                                                        <input type="hidden" name="action" value="remove_course" />
                                                        <input
                                                            type="hidden"
                                                            name="curso_codigo"
                                                            value="{{ curso_programa.curso }}"
                                                        />
                                                        <button
                                                            type="submit"
                                                            class="btn btn-sm btn-outline-danger"
                                                            onclick="return confirm('¿Está seguro de remover este curso del programa?')"
                                                        >
                                                            Remover
                                                        </button>
                                                    </form>
                                                </div>
                                                {% endfor %}
                                            </div>
                                            {% else %}
                                            <p class="text-muted">No hay cursos en este programa.</p>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="card">
                                        <div class="card-header">
                                            <h5 class="card-title mb-0">Agregar {{ _("Curso") }}</h5>
                                        </div>
                                        <div class="card-body">
                                            <form method="post">
                                                <input type="hidden" name="action" value="add_course" />
                                                <div class="mb-3">
                                                    <label for="curso_codigo" class="form-label"
                                                        >Seleccionar {{ _("Curso") }}</label
                                                    >
                                                    <select class="form-select" id="curso_codigo" name="curso_codigo" required>
                                                        <option value="">Seleccione un curso...</option>
                                                        {% for curso in todos_cursos %}
                                                        <option value="{{ curso.codigo }}">
                                                            {{ curso.nombre }} ({{ curso.codigo }})
                                                        </option>
                                                        {% endfor %}
                                                    </select>
                                                </div>
                                                <button type="submit" class="btn btn-primary">Agregar {{ _("Curso") }}</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-4">
                                <div class="col-12">
                                    <div class="d-flex justify-content-start">
                                        <a
                                            href="{{ url_for('program.pagina_programa', codigo=programa.codigo) }}"
                                            class="btn btn-secondary me-2"
                                        >
                                            Volver al {{ _("Programa") }}
                                        </a>
                                        <a href="{{ url_for('program.programas') }}" class="btn btn-outline-secondary">
                                            Lista de {{ _("Programas") }}
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </body>
</html>
