<?php
if($_SERVER['REQUEST_METHOD'] === 'GET' && isset($_GET['id_candidato'])) {
    $id_candidato = $_GET['id_candidato'];
} else {
    // Si no se pasa el id_candidato
    header("Location: control-candidatos.php");
    exit();
}
?>

<!DOCTYPE html>
<html data-bs-theme="light" lang="es-mx">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Formulario</title>
    <link rel="stylesheet" href="../css/formularios.css">
</head>

<body>
    <div style="background-color: #211b52;"><img src="assets/img/logo-lania-w.png" style="height: 5rem;margin: 0px 10px;"></div>
    <div class="card">
        <div class="card-body" style="margin: 0px 30px;">
            <!-- ==================== Formulario ==================== -->
            <form style="margin: 0px 10%;" id="formulario-datos-extendido" method="post" action="#">
                <input class="border rounded-3 border-dark-subtle form-control" type="number" id="id_candidato" value="<?php echo $id_candidato; ?>" hidden="">
                <h4>Información geográfica</h4>

                <label class="form-label" for="id_pais" style="margin: 10px 0px 5px;">País</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_pais" value="NULL" required="">
                    <option value="NULL">Seleccione un país</option>
                    <option value="1">México</option>
                    <option value="2">Otro</option>
                </select>
                
                <label class="form-label" for="codigo_postal" style="margin: 10px 0px 5px;">Código postal</label>
                <input class="border rounded-3 border-dark-subtle form-control" type="number" id="codigo_postal" placeholder="Introduzca su código postal" style="margin: 0px 0px;" maxlength="5" disabled="">

                <button class="btn bg-primary-subtle border rounded-3 border-dark-subtle btn-primary w-100" type="button" id="buscarBtn" style="margin: 15px 0px;color: rgb(0,0,0);" disabled="">Buscar</button>
                
                <label class="form-label" for="id_estado" style="margin: 10px 0px 5px;display: grid;">Estado</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_estado" disabled="">
                    <option value="NULL">Seleccione su estado</option>
                </select>
                
                <label class="form-label" for="id_municipio" style="margin: 10px 0px 5px;">Municipio</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_municipio" disabled="">
                    <option value="NULL">Seleccione su municipio</option>
                </select>

                <label class="form-label" for="id_colonia" style="margin: 10px 0px 5px;">Colonia</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_colonia" disabled="">
                    <option value="NULL">Seleccione su colonia</option>
                </select>

                <h4 style="margin: 20px 0px 0px;">Información académica/laboral</h4>
                
                <label class="form-label" for="id_nivel" style="margin: 10px 0px 5px;">Nivel de estudios</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_nivel" required="">
                    <option value="NULL">Seleccione su nivel de estudios</option>
                </select>
                
                <label class="form-label" for="nombre_empresa" style="margin: 10px 0px 5px;">Nombre de su empresa o institución</label>
                <input class="border rounded-3 border-dark-subtle form-control" type="text" id="nombre_empresa" list="sugerencias_ei" placeholder="Introduzca el nombre de su empresa o institución" required="">
                <datalist id="sugerencias_ei"></datalist>
                
                <label class="form-label" for="id_giro" style="margin: 10px 0px 5px;">Giro de su empresa o institución</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="id_giro" required="">
                    <option value="NULL">Seleccione una opción</option>
                </select>
                
                <label class="form-label" for="motivo_examen" style="margin: 10px 0px 5px;">Motivo de examen</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="motivo_examen" required="">
                    <option value="NULL">Seleccione una opción</option>
                </select>

                <div id="motivo_otro_container" style="display: none; margin-top: 10px;">
                    <label class="form-label" for="motivo_otro" style="margin: 10px 0px 5px;">Especifique el motivo</label>
                    <input class="border rounded-3 border-dark-subtle form-control" type="text" id="motivo_otro" placeholder="Describa brevemente su motivo" maxlength="100">
                </div>

                <h4 style="margin: 20px 0px 0px;">Calificación del servicio</h4>
                <label class="form-label" for="calificacion_servicio" style="margin: 10px 0px 5px;">¿Qué tan satisfecho está con nuestra institución, considerando la calidad de las instalaciones, la atención del personal y el proceso de aplicación del examen?</label>
                <select class="border rounded-3 border-dark-subtle form-select" id="calificacion_servicio" required="">
                    <option value="NULL">Seleccione una opción</option>
                    <option value="1">&#128577 Muy insatisfecho</option>
                    <option value="2">&#128533 Insatisfecho</option>
                    <option value="3">&#128528 Neutral</option>
                    <option value="4">&#128578 Satisfecho</option>
                    <option value="5">&#128528 Muy satisfecho</option>
                </select>
                <br>
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="consentimiento_pub" value="1" checked>
                    <label class="form-check-label" for="consentimiento_pub">Consiento que mis datos personales sean tratados de conformidad con los términos y condiciones informados en el presente <a href="../src/documentos/Aviso-de-Privacidad-LANIA-2025-1.pdf">aviso de privacidad</a>.</label>
                </div>
                
                <input class="btn border rounded-3 border border-primary-subtle btn-primary w-100" type="submit" style="margin: 15px 0px;" value="Enviar" name="btnEnviar">
            </form>
            <!-- ==================== Fin del formulario ==================== -->
        </div>
    </div>
    <script src="../js/formulario-datos-candidato.js"></script>
</body>

</html>