{% set current_theme = current_theme() %} {% set config = config() %}

<!doctype html>
<html lang="{{ current_locale() }}" class="h-100">
    <head>
        {{ current_theme.headertags() }}
        <title>{{ _('Solicitar Reabrir Evaluación') }}</title>
        {{ current_theme.local_style() }}
    </head>

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

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

            <div class="container">
                <div class="d-flex justify-content-between border-bottom">
                    <h4>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a class="text-reset text-decoration-none link-dark" href="{{ url_for('home.panel') }}"
                                        >{{ _('Inicio') }}</a
                                    >
                                </li>
                                <li class="breadcrumb-item">
                                    <a
                                        class="text-reset text-decoration-none link-dark"
                                        href="{{ url_for('course.tomar_curso', course_code=evaluation.section.curso) }}"
                                        >{{ _('Curso') }}</a
                                    >
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">{{ _('Solicitar Reabrir') }}</li>
                            </ol>
                        </nav>
                    </h4>
                </div>

                <div class="row">
                    <div class="col-md-8 offset-md-2">
                        <div class="card">
                            <div class="card-header">
                                <h3>{{ _('Solicitar Reabrir Evaluación') }}</h3>
                                <p class="mb-0 text-muted">{{ evaluation.title }}</p>
                            </div>

                            <div class="card-body">
                                <div class="alert alert-info">
                                    <h6>{{ _('¿Por qué necesita un intento adicional?') }}</h6>
                                    <p class="mb-0">
                                        {{ _('Ha agotado todos los intentos permitidos para esta evaluación sin alcanzar la
                                        puntuación mínima. Si considera que hubo circunstancias especiales que afectaron su
                                        desempeño, puede solicitar un intento adicional proporcionando una justificación.') }}
                                    </p>
                                </div>

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

                                    <div class="mb-3">
                                        {{ form.justification_text.label(class="form-label") }} {{
                                        form.justification_text(class="form-control") }}
                                        <div class="form-text">
                                            {{ _('Explique brevemente las razones por las cuales considera que merece un
                                            intento adicional. Sea específico sobre las circunstancias que pudieron haber
                                            afectado su desempeño.') }}
                                        </div>
                                        {% if form.justification_text.errors %}
                                        <div class="text-danger small">
                                            {% for error in form.justification_text.errors %}
                                            <div>{{ error }}</div>
                                            {% endfor %}
                                        </div>
                                        {% endif %}
                                    </div>

                                    <div class="alert alert-warning">
                                        <h6>{{ _('Importante:') }}</h6>
                                        <ul class="mb-0">
                                            <li>{{ _('Su solicitud será revisada por el instructor del curso.') }}</li>
                                            <li>{{ _('Solo será notificado si su solicitud es aprobada.') }}</li>
                                            <li>
                                                {{ _('Si se aprueba, puede aplicarse una penalización a la puntuación final.')
                                                }}
                                            </li>
                                            <li>{{ _('No hay garantía de que la solicitud sea aprobada.') }}</li>
                                        </ul>
                                    </div>

                                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                        <a
                                            href="{{ url_for('course.tomar_curso', course_code=evaluation.section.curso) }}"
                                            class="btn btn-secondary me-md-2"
                                        >
                                            {{ _('Cancelar') }}
                                        </a>
                                        <button type="submit" class="btn btn-primary">{{ _('Enviar Solicitud') }}</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </body>
</html>
