{% set current_theme = current_theme() %} {% from "macros/form_errors.j2" import render_field_errors, render_form_errors %} {%
from 'macros/form_buttons.j2' import render_form_buttons %}
<!doctype html>
<html lang="{{ current_locale() }}" class="h-100">
    <head>
        {{ current_theme.headertags() }} {{ mde.css }}
        <title>{{ _("Editar") }} {{ _("Recurso") }} - Imagen</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">
                <h4 class="pb-2 border-bottom">{{ _("Editar") }} imagen: {{ recurso.nombre }}</h4>
                <form method="post" enctype="multipart/form-data">
                    {{ form.csrf_token }} {{ render_form_errors(form) }}
                    <div class="row g-3">
                        <div class="col-sm-12">
                            <label for="nombre" class="form-label">{{ _("Nombre") }} de la Imagen</label>
                            {{ form.nombre(class="form-control", id="nombre", placeholder=_("Nombre de la Imagen")) }} {{
                            render_field_errors(form.nombre) }}
                        </div>

                        {% if recurso.doc %}
                        <div class="col-md-12">
                            <label class="form-label">Imagen Actual</label>
                            <p class="text-muted">{{ recurso.doc }}</p>
                        </div>
                        {% endif %}

                        <div class="col-md-12">
                            <label for="file" class="form-label">Reemplazar Imagen (opcional)</label>
                            <input type="file" class="form-control" name="img" accept="image/*" />
                            <div class="form-text">Deje vacío para mantener la imagen actual</div>
                        </div>

                        <div class="col-sm-6">
                            <label for="requerido" class="form-label">{{ _("Tipo") }} de {{ _("Recurso") }}</label>
                            {{ form.requerido(class="form-control", id="requerido") }} {{ render_field_errors(form.requerido)
                            }}
                        </div>

                        <div>
                            <label for="descripcion" class="form-label">{{ _("Descripción") }}</label>
                            {{ form.descripcion }} {{ mde.preview }} {{ mde.js }}
                        </div>

                        {% if config.enable_html_preformatted_descriptions %}
                        <div class="col-sm-12">
                            <div class="form-check">
                                {{ form.descripcion_html_preformateado(class="form-check-input",
                                id="descripcion_html_preformateado") }} {{
                                render_field_errors(form.descripcion_html_preformateado) }}
                                <label class="form-check-label" for="descripcion_html_preformateado">
                                    {{ _("Descripción en HTML preformateado") }}
                                </label>
                            </div>
                            <div class="form-text">
                                <strong class="text-warning">{{ _("⚠️ ADVERTENCIA:") }} </strong>
                                {{ _("El uso de HTML preformateado puede presentar riesgos de seguridad.") }}
                            </div>
                        </div>
                        {% endif %} {{ render_form_buttons(_("Actualizar Recurso"), url_for('course.administrar_curso',
                        course_code=id_curso)) }}
                    </div>
                </form>
            </div>
        </main>
    </body>
</html>
