<?php
session_start();

// 1. Verificación de sesión y rol
if (!isset($_SESSION['Inicio']) || $_SESSION['Inicio'] !== "Ok" || !isset($_SESSION['Rol'])) {
    header("Location: ../login.php?m=5");
    exit;
}

// 2. Determinar la URL del menú
$urlMenuCorrespondiente = "../Menu.php";
switch ($_SESSION['Rol']) {
    case "Administrativo": $urlMenuCorrespondiente = "../MenuAdministrativo.php"; break;
    case "Titular": $urlMenuCorrespondiente = "../MenuTitular.php"; break;
    case "Pasante": $urlMenuCorrespondiente = "../MenuPasante.php"; break;
    default: header("Location: ../login.php?m=6"); exit;
}

// 3. Validación del ID
if (!isset($_GET['id']) || empty($_GET['id'])) {
    header("Location: UCELF9-21.php?n=celf921_invalid_id_update");
    exit;
}

$idRegistro = $_GET['id'];

include("../Php/ConexionInb.php");
$errorMessage = '';
$Row = null;

// --- OBTENCIÓN DE DATOS CON ConexionInb.php ---
$columnas = "p.*, b.*"; // p=paciente, b=celf9_21
$sqlWhere = "WHERE b.id = ?";
$params = array($idRegistro);
$types = "i";

// Llamamos a la función centralizada
$resultados = consultarPacientes('celf9_21', $columnas, $sqlWhere, $params, $types, '', $errorMessage);

if ($resultados && count($resultados) > 0) {
    // Tomamos la primera fila (el registro específico por ID)
    $Row = $resultados[0];
} else {
    // Si no hay resultados, redirigimos con el error correspondiente
    header("Location: UCELF9-21.php?n=celf921_not_found");
    exit;
}

// Helper para imprimir valores de forma segura (Compatible con PHP 5 y 7)
function val($data) {
    $valor = (isset($data) && $data !== null) ? $data : '';
    return htmlspecialchars($valor, ENT_QUOTES, 'UTF-8');
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@700&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../Css/EstilosUpdateWi.css">
    <title>Modificar CELF 9-21</title>
    <style>
        .auto-filled { background-color: #e9ecef; cursor: not-allowed; }
        .header-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; }
        .main-tittle { margin: 0; padding: 0; border: none; }
        .btn-salir { white-space: nowrap; padding: 8px 20px; flex-shrink: 0; font-size: 0.9rem; }
        .subpruebas-titulo-principal {
            margin-top: 40px;
            margin-bottom: 20px;
            font-size: 1.5rem;
            color: #2c3e50;
            border-bottom: 2px solid #007bff;
            padding-bottom: 10px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header-section">
            <h1 class="main-tittle"> Modificar Evaluación CELF 9-21 </h1>
            <a href="UCELF9-21.php" class="btn-salir">Volver a la lista</a> 
        </div>

        <form method="POST" action="USCELF9-21.php" id="myForm">
            <input type="hidden" name="id" value="<?php echo val($Row['id']); ?>">
            <input type="hidden" name="clave_paciente" value="<?php echo val($Row['clave_paciente']); ?>">

            <!-- Sección Datos Personales -->
            <div class="form-section">
                <h2 class="section-tittle">Datos Personales</h2>
                <div class="input-grid">
                    <div class="input-box">
                        <label>Código</label>
                        <input type="text" value="<?php echo val($Row['codigo_paciente']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label>Nombre</label>
                        <input type="text" value="<?php echo val($Row['nombre_paciente']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label>A. Paterno</label>
                        <input type="text" value="<?php echo val($Row['apellido_paterno_paciente']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label>A. Materno</label>
                        <input type="text" value="<?php echo val($Row['apellido_materno_paciente']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label>F. Nacimiento</label>
                        <input type="date" id="fecha_nacimiento_paciente" value="<?php echo val($Row['fecha_nacimiento_paciente']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label for="fecha_evaluacion">Fecha de evaluación</label>
                        <input type="date" id="fecha_evaluacion" name="fecha_evaluacion" value="<?php echo val($Row['fecha_evaluacion']); ?>">
                    </div>
                    <div class="input-box">
                        <label for="edad">Edad Cronológica</label>
                        <input type="text" id="edad" name="edad" value="<?php echo val($Row['edad']); ?>" readonly class="auto-filled">
                    </div>
                    <div class="input-box">
                        <label for="rango_edad">Rango de Edad</label>
                        <input type="text" id="rango_edad" name="rango_edad" value="<?php echo val($Row['rango_edad']); ?>" readonly class="auto-filled">
                    </div>
                </div>
            </div>

            <h2 class="subpruebas-titulo-principal">Subpruebas de Lenguaje</h2>

            <!-- Sub-test: Concepto Significativo Directo -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Concepto Significativo Directo</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_concep_sig_dir_bruto" value="<?php echo val($Row['sub_concep_sig_dir_bruto']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_concep_sig_dir_escal" value="<?php echo val($Row['sub_concep_sig_dir_escal']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_concep_sig_dir_perce" value="<?php echo val($Row['sub_concep_sig_dir_perce']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_concep_sig_dir_interpre" rows="3"><?php echo val($Row['sub_concep_sig_dir_interpre']); ?></textarea></div>
            </div>

            <!-- Sub-test: Recuerdo de Oraciones -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Recuerdo de Oraciones</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_record_oraci_brut" value="<?php echo val($Row['sub_record_oraci_brut']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_record_oraci_escal" value="<?php echo val($Row['sub_record_oraci_escal']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_record_oraci_percen" value="<?php echo val($Row['sub_record_oraci_percen']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_record_oraci_interpr" rows="3"><?php echo val($Row['sub_record_oraci_interpr']); ?></textarea></div>
            </div>

            <!-- Sub-test: Formulación de Oraciones -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Formulación de Oraciones</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_formul_oraci_brut" value="<?php echo val($Row['sub_formul_oraci_brut']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_formul_oraci_esc" value="<?php echo val($Row['sub_formul_oraci_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_formul_oraci_perc" value="<?php echo val($Row['sub_formul_oraci_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_formul_oraci_interpr" rows="3"><?php echo val($Row['sub_formul_oraci_interpr']); ?></textarea></div>
            </div>

            <!-- Sub-test: Clases Palabras Receptivas -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Clases Palabras Receptivas</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_clases_palab_recep_bru" value="<?php echo val($Row['sub_clases_palab_recep_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_clases_palab_recep_esc" value="<?php echo val($Row['sub_clases_palab_recep_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_clases_palab_recep_percen" value="<?php echo val($Row['sub_clases_palab_recep_percen']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_clases_palab_recep_interp" rows="3"><?php echo val($Row['sub_clases_palab_recep_interp']); ?></textarea></div>
            </div>

            <!-- Sub-test: Clases Palabras Expresivas -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Clases Palabras Expresivas</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_clas_pala_expre_brut" value="<?php echo val($Row['sub_clas_pala_expre_brut']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_clas_pala_expre_esc" value="<?php echo val($Row['sub_clas_pala_expre_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_clas_pala_expre_percen" value="<?php echo val($Row['sub_clas_pala_expre_percen']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_clas_pala_expre_interpr" rows="3"><?php echo val($Row['sub_clas_pala_expre_interpr']); ?></textarea></div>
            </div>

            <!-- Sub-test: Total Clases Palabras -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Total Clases Palabras</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Suma Escalares</label><input type="text" class="input-field" validate="numeric" name="sub_clas_palab_suma_escalares" value="<?php echo val($Row['sub_clas_palab_suma_escalares']); ?>"></div>
                    <div class="input-box"><label>Total Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_clas_pala_tot_esc" value="<?php echo val($Row['sub_clas_pala_tot_esc']); ?>"></div>
                    <div class="input-box"><label>Total Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_clas_pala_tot_perce" value="<?php echo val($Row['sub_clas_pala_tot_perce']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_clas_pala_tot_inter" rows="3"><?php echo val($Row['sub_clas_pala_tot_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Definición Palabras -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Definición Palabras</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_defin_pala_brut" value="<?php echo val($Row['sub_defin_pala_brut']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_defin_pala_esc" value="<?php echo val($Row['sub_defin_pala_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_defin_pala_perc" value="<?php echo val($Row['sub_defin_pala_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_defin_pala_inter" rows="3"><?php echo val($Row['sub_defin_pala_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Vocabulario Expresivo -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Vocabulario Expresivo</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_vocab_expr_bruto" value="<?php echo val($Row['sub_vocab_expr_bruto']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_voc_expr_esc" value="<?php echo val($Row['sub_voc_expr_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_voc_expr_perc" value="<?php echo val($Row['sub_voc_expr_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_voc_expr_inter" rows="3"><?php echo val($Row['sub_voc_expr_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Entendimiento Párrafos -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Entendimiento Párrafos</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_enten_parra_bru" value="<?php echo val($Row['sub_enten_parra_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_enten_parra_esc" value="<?php echo val($Row['sub_enten_parra_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_enten_parra_perc" value="<?php echo val($Row['sub_enten_parra_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_enten_parra_inter" rows="3"><?php echo val($Row['sub_enten_parra_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Repetición Números Directa -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Repetición Números Directa</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num_forw1o2_bru" value="<?php echo val($Row['sub_rep_num_forw1o2_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_rep_num_forw1o2_esc" value="<?php echo val($Row['sub_rep_num_forw1o2_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num_forw1o2_perce" value="<?php echo val($Row['sub_rep_num_forw1o2_perce']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_rep_num_forw1o2_inter" rows="3"><?php echo val($Row['sub_rep_num_forw1o2_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Repetición Números Inversa -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Repetición Números Inversa</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num_backw1o2_bru" value="<?php echo val($Row['sub_rep_num_backw1o2_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_rep_num_backw1o2_esc" value="<?php echo val($Row['sub_rep_num_backw1o2_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num_backw1o2_perc" value="<?php echo val($Row['sub_rep_num_backw1o2_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_rep_num_backw1o2_inter" rows="3"><?php echo val($Row['sub_rep_num_backw1o2_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Repetición Números Total -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Repetición Números Total</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num1o2_tot_bru" value="<?php echo val($Row['sub_rep_num1o2_tot_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_rep_num1o2_tot_esc" value="<?php echo val($Row['sub_rep_num1o2_tot_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_rep_num1o2_tot_perce" value="<?php echo val($Row['sub_rep_num1o2_tot_perce']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_rep_num1o2_tot_inter" rows="3"><?php echo val($Row['sub_rep_num1o2_tot_inter']); ?></textarea></div>
            </div>

            <!-- Sub-test: Secuencia Familiar -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Sub-test: Secuencia Familiar</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Bruto</label><input type="text" class="input-field" validate="numeric" name="sub_sec_famil1o2_bru" value="<?php echo val($Row['sub_sec_famil1o2_bru']); ?>"></div>
                    <div class="input-box"><label>Escalar</label><input type="text" class="input-field" validate="escalar" name="sub_sec_famil1o2_esc" value="<?php echo val($Row['sub_sec_famil1o2_esc']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="sub_sec_famil1o2_perc" value="<?php echo val($Row['sub_sec_famil1o2_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="sub_sec_famil1o2_inter" rows="3"><?php echo val($Row['sub_sec_famil1o2_inter']); ?></textarea></div>
            </div>

            <h2 class="subpruebas-titulo-principal">Pruebas Centrales de Lenguaje (Índices)</h2>

            <!-- Lenguaje Total -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Lenguaje Total</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_tot_stand" value="<?php echo val($Row['celf921_leng_tot_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_tot_percen" value="<?php echo val($Row['celf921_leng_tot_percen']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_leng_tot_interp" rows="3"><?php echo val($Row['celf921_leng_tot_interp']); ?></textarea></div>
            </div>

            <!-- Lenguaje Receptivo -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Lenguaje Receptivo</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_recep_stand" value="<?php echo val($Row['celf921_leng_recep_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_recep_perce" value="<?php echo val($Row['celf921_leng_recep_perce']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_leng_recep_inter" rows="3"><?php echo val($Row['celf921_leng_recep_inter']); ?></textarea></div>
            </div>

            <!-- Lenguaje Expresivo -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Lenguaje Expresivo</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_expre_stand" value="<?php echo val($Row['celf921_leng_expre_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_leng_expre_perc" value="<?php echo val($Row['celf921_leng_expre_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_leng_expre_interpre" rows="3"><?php echo val($Row['celf921_leng_expre_interpre']); ?></textarea></div>
            </div>

            <!-- Contenido -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Contenido</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_conte_stand" value="<?php echo val($Row['celf921_conte_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_conte_perc" value="<?php echo val($Row['celf921_conte_perc']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_conte_interp" rows="3"><?php echo val($Row['celf921_conte_interp']); ?></textarea></div>
            </div>

            <!-- Memoria de Lenguaje -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Memoria de Lenguaje</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_mem_leng_stand" value="<?php echo val($Row['celf921_mem_leng_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_mem_leng_percent" value="<?php echo val($Row['celf921_mem_leng_percent']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_mem_leng_inter" rows="3"><?php echo val($Row['celf921_mem_leng_inter']); ?></textarea></div>
            </div>

            <!-- Memoria de Trabajo -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Memoria de Trabajo</h3>
                <div class="input-grid">
                    <div class="input-box"><label>Estándar</label><input type="text" class="input-field" validate="numeric" name="celf921_mem_trab_stand" value="<?php echo val($Row['celf921_mem_trab_stand']); ?>"></div>
                    <div class="input-box"><label>Percentil</label><input type="text" class="input-field" validate="numeric" name="celf921_mem_trab_percen" value="<?php echo val($Row['celf921_mem_trab_percen']); ?>"></div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Interpretación</label><textarea name="celf921_mem_trab_interp" rows="3"><?php echo val($Row['celf921_mem_trab_interp']); ?></textarea></div>
            </div>

            <!-- Datos Clínicos -->
            <div class="highlight-section">
                <h3 class="sub-section-tittle">Datos Clínicos</h3>
                <div class="input-grid">
                    <div class="input-box">
                        <label>¿Requiere terapia?</label>
                        <select class="input-field" name="dat_clin_ref_ater">
                            <!-- Se usan valores de texto para coincidir con la lógica de CELF 5-8 -->
                            <option value="No" <?php echo (val($Row['dat_clin_ref_ater']) == 'No') ? 'selected' : ''; ?>>No</option>
                            <option value="Si" <?php echo (val($Row['dat_clin_ref_ater']) == 'Si') ? 'selected' : ''; ?>>Sí</option>
                            <option value="Habla" <?php echo (val($Row['dat_clin_ref_ater']) == 'Habla') ? 'selected' : ''; ?>>Habla</option>
                            <option value="Lenguaje" <?php echo (val($Row['dat_clin_ref_ater']) == 'Lenguaje') ? 'selected' : ''; ?>>Lenguaje</option>
                            <option value="Ambas" <?php echo (val($Row['dat_clin_ref_ater']) == 'Ambas') ? 'selected' : ''; ?>>Ambas</option>
                        </select>
                    </div>
                </div>
                <div class="input-box input-box-fullwidth"><label>Observación Clínica</label><textarea name="dat_clin_observ_clin" rows="5"><?php echo val($Row['dat_clin_observ_clin']); ?></textarea></div>
                <div class="input-box input-box-fullwidth"><label>Otra Observación</label><textarea name="dat_clin_otra_observ" rows="5"><?php echo val($Row['dat_clin_otra_observ']); ?></textarea></div>
            </div>

            <div class="btns-group" style="margin-top: 25px; text-align: right;">
                <input type="submit" class="btn-submit" value="Guardar Cambios" id="registrar">
            </div>
        </form>

        <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
        <script src="../Jquery/jquery-3.6.0.min.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                
                // 1. Validación de campos numéricos
                const inputsNumericos = document.querySelectorAll('input[validate="numeric"], input[validate="escalar"]');
                inputsNumericos.forEach(input => {
                    input.addEventListener('input', function(e) {
                        let valor = e.target.value;
                        if (!/^\d*$/.test(valor)) {
                            e.target.value = valor.replace(/[^\d]/g, '');
                        }
                    });
                });

                // 2. Lógica de cálculo de Edad y Rango
                const birthDateElem = document.getElementById('fecha_nacimiento_paciente');
                const evalDateElem = document.getElementById('fecha_evaluacion');
                const cronoAgeElem = document.getElementById('edad');
                const baremoElem = document.getElementById('rango_edad');

                function calculatePreciseAge(startDate, endDate) {
                    if (!startDate || !endDate || isNaN(startDate) || isNaN(endDate) || startDate > endDate) return null;
                    let years = endDate.getFullYear() - startDate.getFullYear();
                    let months = endDate.getMonth() - startDate.getMonth();
                    let days = endDate.getDate() - startDate.getDate();
                    if (days < 0) { months--; days += new Date(endDate.getFullYear(), endDate.getMonth(), 0).getDate(); }
                    if (months < 0) { years--; months += 12; }
                    return { years, months, days };
                }

                function getRangoCELF921(age) {
                    if (!age) return null;
                    const { years } = age;
                    if (years >= 9 && years <= 21) {
                        return `${years}:0-${years}:11`; 
                    }
                    return null;
                }

                function calcularEdadAutomatico() {
                    if (!birthDateElem.value || !evalDateElem.value) return;

                    const birthDate = new Date(birthDateElem.value + 'T00:00:00');
                    const evalDate = new Date(evalDateElem.value + 'T00:00:00');

                    const age = calculatePreciseAge(birthDate, evalDate);

                    if (!age) {
                        cronoAgeElem.value = 'Error en fechas';
                        return;
                    }

                    // Actualizar Edad Cronológica
                    cronoAgeElem.value = `${age.years}A ${age.months}M ${age.days}D`;

                    // Calcular Rango
                    const rango = getRangoCELF921(age);
                    
                    if (rango) {
                        baremoElem.value = rango;
                    } else {
                        baremoElem.value = "Fuera de Rango";
                    }
                }

                // Evento al cambiar la fecha de evaluación
                evalDateElem.addEventListener('change', calcularEdadAutomatico);

                // Calcular al inicio (solo si ya hay fechas, útil en modificación)
                if(birthDateElem.value && evalDateElem.value) {
                    calcularEdadAutomatico();
                }
            });
        </script>
    </div>
</body>
</html>