{{-- Modal Asignatura (imagen 2) --}}
<div class="modal fade" id="modalAsignatura" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">Asignatura</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="asignaturaId">
                <p class="text-muted mb-3">Completa el siguiente formulario para registrar una asignatura:</p>
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">* Nombre</label>
                        <input type="text" class="form-control" id="asignaturaNombre" placeholder="Nombre de la asignatura">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">* Clave</label>
                        <input type="text" class="form-control" id="asignaturaClave" placeholder="Se asigna automáticamente al registrar" readonly>
                        <p class="small text-muted mb-0">Se asigna automáticamente al registrar una nueva asignatura.</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">* Tipo</label>
                        <select class="form-select" id="asignaturaTipo">
                            <option value="Obligatoria" selected>Obligatoria</option>
                            <option value="Optativa">Optativa</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Plan de Estudios de Referencia</label>
                        <select class="form-select" id="asignaturaPlanEstudio">
                            <option value="">-- Sin planes de estudio --</option>
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">* Créditos</label>
                        <input type="number" class="form-control" id="asignaturaCreditos" min="0" placeholder="0" value="0">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">* Forma en que se imparte</label>
                        <select class="form-select" id="asignaturaFormaImparte">
                            <option value="Es una clase, en aula y horario definidos" selected>Es una clase, en aula y horario definidos</option>
                            <option value="En línea">En línea</option>
                            <option value="Híbrida">Híbrida</option>
                            <option value="Autodirigida">Autodirigida</option>
                            <option value="Otro">Otro</option>
                        </select>
                    </div>
                </div>
                <p class="small text-muted mt-3 mb-0">Nota: Campos obligatorios (*).</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</button>
                <button type="button" class="btn btn-success" id="btnGuardarAsignatura"><i class="ri-save-line me-1"></i>Guardar</button>
            </div>
        </div>
    </div>
</div>