<?php
session_start();
// Verificar si el usuario está logueado y es Pasante
if (!isset($_SESSION['Inicio']) || $_SESSION['Inicio'] !== "Ok" || !isset($_SESSION['Rol']) || $_SESSION['Rol'] !== "Pasante") {
    header("Location: ./login.php?m=5");
    exit;
}
?>
<!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" href="./Css/EstilosMenu.css">
    <title>Menú Pasante - Terapia Lenguaje UNAM</title>
    <link rel="icon" type="image/png" href="./img/UNAM amarillo.png">
</head>

<body>
    <header id="header">
        <div id="logo">
            <a href="#"><img src="./img/UNAM amarillo.png" alt="Logo UNAM"></a>   <a href="#"><img src="./img/Neurodesarrollo.png" alt="Logo Neurodesarrollo"></a>
        </div>
        <nav id="motherNav">
            <ul class="nav">
                <li><a href="#">Agregar</a>
                    <ul>
                        <li><a href="./CDI_I/CCDI_I.php">CDI I</a></li>
                        <li><a href="./CDI_II/CCDI_II.php">CDI II</a></li>
                        <li><a href="./PLS-5/CPLS.php">PLS-5</a></li>
                        <li><a href="./Sondeo/CSondeo.php">Sondeo Articulatorio</a></li>
                        <li><a href="./CELF5-8/CCELF5-8.php">CELF 5-8</a></li>
                        <li><a href="./CELF9-21/CCELF9-21.php">CELF 9-21</a></li>
                        <li><a href="./Bele/CBele.php">Bele Articulación</a></li>
                    </ul>
                </li>
                <li><a href="#">Consultar</a>
                    <ul>
                        <li><a href="./CDI_I/RCDI_I.php">CDI I</a></li>
                        <li><a href="./CDI_II/RCDI_II.php">CDI II</a></li>
                        <li><a href="./PLS-5/RPLS.php">PLS-5</a></li>
                        <li><a href="./Sondeo/RSondeo.php">Sondeo Articulatorio</a></li>
                        <li><a href="./CELF5-8/RCELF5-8.php">CELF 5-8</a></li>
                        <li><a href="./CELF9-21/RCELF9-21.php">CELF 9-21</a></li>
                        <li><a href="./Bele/RBele.php">Bele Articulación</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
         <div class="header-right">
            <div class="user-info">
                <span class="user-greeting">Bienvenido(a),</span>
                <span class="user-name"><?php echo isset($_SESSION['nombre_personal']) ? htmlspecialchars($_SESSION['nombre_personal']) : 'Usuario'; ?></span>
            </div>
            <a class="cerrar" href="./Php/Logout.php">
                <p>Cerrar Sesión</p>
            </a>
        </div>
    </header>

    <main>
        <!-- ===== INICIO DE BLOQUE MODIFICADO (HTML VISUAL) ===== -->
        <div id="contenedor1">
            <div id="ima">
               <div id="info-display-area">
                    <img id="imagen-prueba" src="" alt="Imagen de la prueba seleccionada">
                    <h2>Panel de Selección de Pruebas</h2>
                    <p>Haga clic en una de las pruebas de la derecha para ver las acciones disponibles.</p>
                </div>
            </div>
        <!-- ===== FIN DE BLOQUE MODIFICADO ===== -->

            <div id="contenedor11">
                <h3>Seleccione una Prueba:</h3>
                <div class="Contenedorimgs">
                    <section class="contenedor111"><button data-target-num="1">CDI I</button><label class="pruebas">Inventario de Desarrollo Comunicativo I</label></section>
                    <section class="contenedor111"><button data-target-num="2">CDI II</button><label class="pruebas">Inventario de Desarrollo Comunicativo II</label></section>
                    <section class="contenedor111"><button data-target-num="3">PLS-5</button><label class="pruebas">Escala de Lenguaje Preescolar PLS-5</label></section>
                </div>
                <div class="Contenedorimgs">
                    <section class="contenedor111"><button data-target-num="4">Sondeo Articulatorio</button><label class="pruebas">Sondeo Articulatorio Rápido</label></section>
                    <section class="contenedor111"><button data-target-num="5">CELF 5-8</button><label class="pruebas">Evaluación Clínica de Fundamentos del Lenguaje (5-8 años)</label></section>
                    <section class="contenedor111"><button data-target-num="6">CELF 9-21</button><label class="pruebas">Evaluación Clínica de Fundamentos del Lenguaje (9-21 años)</label></section>
                </div>
                <div class="Contenedorimgs">
                    <section class="contenedor111"><button data-target-num="7">Bele Articulación</button><label class="pruebas">Batería de Evaluación Lingüística para Escolares: Articulación</label></section>
                </div>
            </div>
        </div>

        <div id="contenedor2">
            <!-- Paneles de Acciones para PASANTE (Agregar, Consultar) -->
            <div id="CDI_I" class="panel-acciones hidden">
                <label>CDI I: Acciones</label>
                <div class="accion"><a href="./CDI_I/CCDI_I.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./CDI_I/RCDI_I.php" class="opcion">Consultar</a></div>
            </div>
            <div id="CDI_II" class="panel-acciones hidden">
                <label>CDI II: Acciones</label>
                <div class="accion"><a href="./CDI_II/CCDI_II.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./CDI_II/RCDI_II.php" class="opcion">Consultar</a></div>
            </div>
            <div id="PLS-5" class="panel-acciones hidden">
                <label>PLS-5: Acciones</label>
                <div class="accion"><a href="./PLS-5/CPLS.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./PLS-5/RPLS.php" class="opcion">Consultar</a></div>
            </div>
            <div id="Sondeo" class="panel-acciones hidden">
                <label>Sondeo Articulatorio: Acciones</label>
                <div class="accion"><a href="./Sondeo/CSondeo.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./Sondeo/RSondeo.php" class="opcion">Consultar</a></div>
            </div>
            <div id="CELF5-8" class="panel-acciones hidden">
                <label>CELF 5-8: Acciones</label>
                <div class="accion"><a href="./CELF5-8/CCELF5-8.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./CELF5-8/RCELF5-8.php" class="opcion">Consultar</a></div>
            </div>
            <div id="CELF9-21" class="panel-acciones hidden">
                <label>CELF 9-21: Acciones</label>
                <div class="accion"><a href="./CELF9-21/CCELF9-21.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./CELF9-21/RCELF9-21.php" class="opcion">Consultar</a></div>
            </div>
            <div id="Bele" class="panel-acciones hidden">
                <label>Bele Articulación: Acciones</label>
                <div class="accion"><a href="./Bele/CBele.php" class="opcion">Agregar</a></div>
                <div class="accion"><a href="./Bele/RBele.php" class="opcion">Consultar</a></div>
            </div>
        </div>
    </main>

    <?php if (isset($_GET['m'])) : ?>
        <div class="flash-data" data-flashdata="<?= htmlspecialchars($_GET['m']); ?>"></div>
    <?php endif; ?>
    <?php if (isset($_GET['n'])) : ?>
        <div class="flash-data1" data-flashdata="<?= htmlspecialchars($_GET['n']); ?>"></div>
    <?php endif; ?>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script>
    $(document).ready(function() {

        const pruebasInfo = {
            1: {
                titulo: "CDI I",
                descripcion: "El Inventario de Desarrollo Comunicativo I evalúa las habilidades comunicativas tempranas en niños de 8 a 18 meses, centrándose en la comprensión de palabras y gestos.",
                imagen: "./img/pruebas/cdi1.png"
            },
            2: {
                titulo: "CDI II",
                descripcion: "El Inventario de Desarrollo Comunicativo II está diseñado para niños de 18 a 30 meses y mide la producción de vocabulario y el desarrollo gramatical temprano.",
                imagen: "./img/pruebas/cdi2.png" 
            },
            3: {
                titulo: "PLS-5",
                descripcion: "La Escala de Lenguaje Preescolar PLS-5 es una herramienta comprensiva que evalúa las habilidades de lenguaje receptivo y expresivo en niños desde el nacimiento hasta los 7 años.",
                imagen: "./img/pruebas/pls5.png"
            },
            4: {
                titulo: "Sondeo Articulatorio",
                descripcion: "El Sondeo Articulatorio Rápido permite una evaluación rápida de los fonemas del español para detectar posibles dificultades en la articulación del habla.",
                imagen: "./img/pruebas/sondeo.png" 
            },
            5: {
                titulo: "CELF 5-8",
                descripcion: "La Evaluación Clínica de Fundamentos del Lenguaje (CELF) para edades de 5 a 8 años identifica y diagnostica trastornos del lenguaje y la comunicación en escolares.",
                imagen: "./img/pruebas/celf5_8.png"
            },
            6: {
                titulo: "CELF 9-21",
                descripcion: "La versión del CELF para edades de 9 a 21 años evalúa habilidades lingüísticas más complejas, como el razonamiento y el lenguaje figurado, en adolescentes y adultos jóvenes.",
                imagen: "./img/pruebas/celf9_21.png"
            },
            7: {
                titulo: "Bele Articulación",
                descripcion: "La Batería de Evaluación Lingüística para Escolares (Bele) se enfoca específicamente en la precisión articulatoria de los fonemas y grupos consonánticos.",
                imagen: "./img/pruebas/bele.png" 
            }
        };

        function actualizarPanelInfo(num) {
            const info = pruebasInfo[num];
            const displayArea = $('#info-display-area');
            const imagenArea = $('#imagen-prueba'); 

            if (info) {
                displayArea.find('h2, p').css('opacity', 0);
                imagenArea.fadeOut(200, function() {
                    $(this).attr('src', info.imagen).attr('alt', info.titulo).fadeIn(400); 
                });
                setTimeout(function() {
                    displayArea.find('h2').text(info.titulo);
                    displayArea.find('p').text(info.descripcion);
                    displayArea.find('h2, p').css('opacity', 1);
                }, 400);
            }
        }

        function activarPanelAcciones(num) {
            $('.panel-acciones').addClass('hidden'); 
            let panelId;
            switch (parseInt(num)) {
                case 1: panelId = "#CDI_I"; break;
                case 2: panelId = "#CDI_II"; break;
                case 3: panelId = "#PLS-5"; break;
                case 4: panelId = "#Sondeo"; break;
                case 5: panelId = "#CELF5-8"; break;
                case 6: panelId = "#CELF9-21"; break;
                case 7: panelId = "#Bele"; break;
                default: return;
            }

            const $panelSeleccionado = $(panelId);
            if ($panelSeleccionado.length) {
                $panelSeleccionado.removeClass('hidden');
                $('html, body').animate({
                    scrollTop: $panelSeleccionado.offset().top - ($('#header').outerHeight() + 20)
                }, 500);
            }
        }
        
        $('#contenedor11 .contenedor111 button').on('click', function() {
            const targetNum = $(this).data('target-num');
            if (targetNum !== undefined) {
                actualizarPanelInfo(targetNum);
                activarPanelAcciones(targetNum);
            }
        });

        // --- INICIO DE LA SOLUCIÓN ---
        // Función para limpiar la URL
        function limpiarURL() {
            // Reemplaza el estado actual del historial con una nueva URL sin los parámetros 'm' y 'n'
            const nuevaURL = window.location.protocol + "//" + window.location.host + window.location.pathname;
            window.history.replaceState({path: nuevaURL}, '', nuevaURL);
        }

        // Leer los datos de flash
        const flashdata = $('.flash-data').data('flashdata');
        if (flashdata) {
            // Muestra la alerta de éxito
            Swal.fire({ 
                icon: 'success', 
                title: 'Operación Exitosa', 
                text: 'La operación se ha completado correctamente.' 
            }).then(() => {
                // Después de cerrar la alerta, limpia la URL
                limpiarURL();
            });
        }
        
        const flashdata1 = $('.flash-data1').data('flashdata');
        if (flashdata1) {
            // Muestra la alerta de error
            Swal.fire({ 
                icon: 'error', 
                title: 'Operación no exitosa', 
                text: 'No se ha podido completar la operación, intenta de nuevo más tarde.' 
            }).then(() => {
                // Después de cerrar la alerta, limpia la URL
                limpiarURL();
            });
        }

        // Si no hay datos flash, pero la URL aún tiene los parámetros (ej. si el usuario usa el botón "atrás")
        const urlParams = new URLSearchParams(window.location.search);
        if (urlParams.has('m') || urlParams.has('n')) {
             if (!flashdata && !flashdata1){
                 limpiarURL();
             }
        }
        // --- FIN DE LA SOLUCIÓN ---

        $('.cerrar').click(function(e) {
            e.preventDefault();
            const href = $(this).attr('href');
            Swal.fire({
                title: '¿Estás seguro de cerrar sesión?',
                text: "No será posible revertir la acción.",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, ¡cerrar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    document.location.href = href;
                }
            });
        });
    });
</script>

</body>
</html>