<?php
$page_title = 'Editar Matrícula';
include __DIR__ . '/header.php';

require_role(['administrador', 'digitador']);
$rol = strtolower($_SESSION['rol'] ?? '');

include __DIR__ . '/navbar.php';
?>
<div class="container py-5">
    <h2 class="mb-4" style="color:#484A67;">Editar Ficha de Matrícula</h2>
    <?php if (in_array($rol, ['administrador', 'digitador'])): ?>
        <form id="formNuevaMatricula">
            <!-- Sección 1: Datos del Alumno -->
            <div class="card shadow-sm mb-4">
                <div class="card-header" style="background:#EEF4FE;">
                    <h5 class="mb-0">1. Datos del Alumno</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4"><label class="form-label">RUN</label><input type="text" id="matricula_run" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Nombres</label><input type="text" id="matricula_nombre" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Apellido Paterno</label><input type="text" id="matricula_ap_paterno" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Apellido Materno</label><input type="text" id="matricula_ap_materno" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Fecha de Nacimiento</label><input type="date" id="matricula_fecha_nac" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Tipo de Enseñanza</label><input type="text" id="matricula_tipo_ensenanza" class="form-control" readonly></div>
                        <div class="col-md-4"><label class="form-label">Grado</label><input type="text" id="matricula_grado" class="form-control" readonly></div>
                        <div class="col-md-4"><label for="matricula_fecha_matricula" class="form-label">Fecha de Matrícula</label><input type="date" id="matricula_fecha_matricula" class="form-control" required></div>
                    </div>
                </div>
            </div>

            <!-- Sección 2: Información Social -->
            <div class="card shadow-sm mb-4">
                <div class="card-header" style="background:#EEF4FE;">
                    <h5 class="mb-0">2. Información Social</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-3"><label for="social_edad" class="form-label">Edad (al 31/03)</label><input type="number" id="social_edad" class="form-control"></div>
                        <div class="col-md-3"><label for="social_nacionalidad" class="form-label">Nacionalidad</label><input type="text" id="social_nacionalidad" class="form-control"></div>
                        <div class="col-md-6"><label for="social_domicilio" class="form-label">Domicilio</label><input type="text" id="social_domicilio" class="form-control"></div>
                        <div class="col-md-3"><label for="social_integrantes_familia" class="form-label">N° Integrantes Familia</label><input type="number" id="social_integrantes_familia" class="form-control"></div>
                        <div class="col-md-3"><label for="social_vive_con" class="form-label">Vive Con</label><input type="text" id="social_vive_con" class="form-control"></div>
                        <div class="col-md-3"><label for="social_repitente" class="form-label">Repitente</label><select id="social_repitente" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_grado_repitencia" class="form-label">Grado Repitencia</label><input type="text" id="social_grado_repitencia" class="form-control"></div>
                        <div class="col-md-3"><label for="social_hermanos_escuela" class="form-label">Hermanos en Escuela</label><select id="social_hermanos_escuela" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_grado_hermanos" class="form-label">Grado Hermanos</label><input type="text" id="social_grado_hermanos" class="form-control"></div>
                        <div class="col-md-6"><label for="social_colegio_procedencia" class="form-label">Colegio Procedencia</label><input type="text" id="social_colegio_procedencia" class="form-control"></div>
                        <div class="col-md-3"><label for="social_alumno_pie" class="form-label">Alumno PIE</label><select id="social_alumno_pie" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_orden_alejamiento" class="form-label">Orden Alejamiento</label><select id="social_orden_alejamiento" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-6"><label for="social_observacion_alejamiento" class="form-label">Observación Alejamiento</label><input type="text" id="social_observacion_alejamiento" class="form-control"></div>
                        <div class="col-md-3"><label for="social_programa_social" class="form-label">Programa Social</label><input type="text" id="social_programa_social" class="form-control"></div>
                        <div class="col-md-3"><label for="social_etnia" class="form-label">Etnia</label><input type="text" id="social_etnia" class="form-control"></div>
                        <div class="col-md-3"><label for="social_internet_hogar" class="form-label">Internet Hogar</label><select id="social_internet_hogar" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_smartphone" class="form-label">Smartphone</label><select id="social_smartphone" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_computador_hogar" class="form-label">Computador Hogar</label><select id="social_computador_hogar" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_opta_religion" class="form-label">Opta por Religión</label><select id="social_opta_religion" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_religion" class="form-label">Religión</label><input type="text" id="social_religion" class="form-control"></div>
                        <div class="col-md-3"><label for="social_transporte" class="form-label">Transporte</label><select id="social_transporte" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_sector" class="form-label">Sector</label><input type="text" id="social_sector" class="form-control"></div>
                        <div class="col-md-3"><label for="social_junaeb" class="form-label">Beneficio JUNAEB</label><select id="social_junaeb" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                        <div class="col-md-3"><label for="social_uso_imagen" class="form-label">Uso de Imagen</label><select id="social_uso_imagen" class="form-select">
                                <option value="">Seleccione...</option>
                                <option value="1">SI</option>
                                <option value="0">NO</option>
                            </select></div>
                    </div>
                </div>
            </div>

            <!-- Sección 3: Información de Salud -->
            <div class="card shadow-sm mb-4">
                <div class="card-header" style="background:#EEF4FE;">
                    <h5 class="mb-0">3. Información de Salud</h5>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        <div class="col-md-4"><label for="salud_sistema_salud" class="form-label">Sistema de Salud</label><input type="text" id="salud_sistema_salud" class="form-control"></div>
                        <div class="col-md-8"><label for="salud_alergias" class="form-label">Alergias</label><input type="text" id="salud_alergias" class="form-control"></div>
                        <div class="col-md-12"><label for="salud_enfermedad_cuidado" class="form-label">Enfermedad o Cuidado Especial</label><input type="text" id="salud_enfermedad_cuidado" class="form-control"></div>
                        <div class="col-md-6"><label for="salud_medicamento_contraindicado" class="form-label">Medicamento Contraindicado</label><input type="text" id="salud_medicamento_contraindicado" class="form-control"></div>
                        <div class="col-md-6"><label for="salud_medicamento_uso_diario" class="form-label">Medicamento de Uso Diario</label><input type="text" id="salud_medicamento_uso_diario" class="form-control"></div>
                        <div class="col-md-12"><label for="salud_observaciones" class="form-label">Observaciones de Salud</label><textarea id="salud_observaciones" class="form-control" rows="3"></textarea></div>
                    </div>
                </div>
            </div>

            <!-- Sección 4: Apoderados y Familiares -->
            <div class="card shadow-sm mb-4">
                <div class="card-header" style="background:#EEF4FE;">
                    <h5 class="mb-0">4. Apoderados y Familiares</h5>
                </div>
                <div class="card-body">
                    <div id="listaFamiliaresAgregados" class="mb-3">
                        <!-- La lista de familiares se renderizará aquí -->
                    </div>
                    <div class="d-flex gap-2">
                        <button type="button" class="btn btn-primary" id="btnMostrarBuscarApoderado">Buscar Familiar Existente</button>
                        <button type="button" class="btn btn-success" id="btnMostrarNuevoApoderado">Añadir Nuevo Familiar</button>
                    </div>

                    <div id="contenedorFormApoderadoMatricula" class="mt-4 border-top pt-4">
                        <!-- El formulario de apoderado se incluye aquí -->
                        <?php include __DIR__ . '/form_apoderado.php'; ?>
                    </div>
                </div>
            </div>

            <!-- Botones de Acción -->
            <div class="text-end">
                <button type="button" class="btn btn-secondary" id="btnCancelarMatricula">Cancelar</button>
                <button type="submit" class="btn btn-primary" style="background:#484A67;">Guardar Cambios</button>
            </div>
        </form>
    <?php else: ?>
        <script>
            alert('Sin permisos para editar matrícula.');
            window.location.href = document.referrer || 'libro_matricula.php';
        </script>
    <?php endif; ?>
</div>

<?php include __DIR__ . '/footer.php'; ?>