<?php
// $base ya fue definido en banner.php
// $current_page se puede definir antes de incluir para marcar activo
if(!isset($current_page)) $current_page = '';

// Cargar avisos publicados desde la base de datos para el submenú
$navAvisos = [];
if (!isset($conn) || !$conn) {
    @require_once __DIR__ . '/../config/conn.php';
}
if (isset($conn) && $conn) {
    try {
        $rs = @mysqli_query($conn,
            "SELECT id, titulo
             FROM av_avisos
             WHERE estado = 'publicado'
               AND fecha_publicacion <= CURDATE()
             ORDER BY fecha_publicacion DESC");
        if ($rs) {
            while ($r = mysqli_fetch_assoc($rs)) $navAvisos[] = $r;
            mysqli_free_result($rs);
        }
    } catch (Throwable $e) { /* silencioso en navbar */ }
}
?>
<!-- ══════════════════════════════════════════════════
     BARRA DE NAVEGACIÓN — Debajo del banner
     ══════════════════════════════════════════════════ -->
<nav class="site-nav" role="navigation" aria-label="Menú principal">
    <div class="nav-inner">

        <!-- Logo mínimo en mobile -->
        <a href="<?= $base ?>index.php" class="nav-mobile-logo" aria-label="Ir al inicio">DEMO</a>

        <!-- Botón hamburguesa -->
        <button class="nav-hamburger" id="navHamburger" aria-label="Abrir menú" aria-expanded="false">
            <span></span><span></span><span></span>
        </button>

        <!-- Lista de navegación -->
        <ul class="nav-list" id="navList">

            <li class="nav-item">
                <a href="<?= $base ?>index.php" class="nav-link<?= $current_page === 'inicio' ? ' active' : '' ?>">
                    Inicio
                </a>
            </li>

            <!-- Políticas -->
            <li class="nav-item" id="ddPoliticas">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'politicas' ? ' active' : '' ?>">
                    Políticas
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Políticas"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a href="<?= $base ?>pages/politicas/politica-calidad.php">Política de Calidad</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/COD-RH-01 CODIGO DE ETICA DEMO REV 00  NOV 2025 (FINAL).php">COD-RH-01
                            Código de Ética DEMO</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/CODIGO DE CONDUCTA COMITE ILND DEMO REV 00  FEB  2026.php">COD-RH-02
                            Código de Conducta Comité ILND DEMO</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-AMB-01 POLÍTICA AMBIENTAL^J SOSTENIBILIDAD MANEJO DE RESIDUOS Y RECICLAJE  REV 01 FEB 2025 DEMO-PAGINA WEB.php">P-AMB-01
                            Política Ambiental, Sostenibilidad, Manejo de Residuos y Reciclaje</a></li>

                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-03 POLÍTICA DE RELACIÓN CON LA COMUNIDAD VECINAL REV 00 MAYO 2024 DEMO PAGINA WEB.php">P-RH-03
                            Política de Relación con la Comunidad Vecinal</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-03_POLITICA_DE_PERMISOS__REV_02__ENERO____2026_DEMO[1].php">P-RH-03
                            Política de Permisos</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-05 POLÍTICA DE PREVENCION DE RIESGOS PSICOSOCIALES REV 00 NOVIEMBRE 2025 DEMO-PAGINA WEB.php">P-RH-05
                            Política de Prevención de Riesgos Psicosociales</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-06 POLITICA DE CORRESPONSABILIDAD EN LA VIDA LABORAL Y FAMILIAR DEMO REV 00 NOV 2025-PAGINA WEB.php">P-RH-06
                            Política de Corresponsabilidad en la Vida Laboral y Familiar</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-07 POLITICA CONTRA LA VIOLENCIA LABORAL Y MECANISMO DEMO REV 00 NOV 2025 ( FINAL).php">P-RH-07
                            Política Contra la Violencia Laboral y Mecanismo</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RH-08 POLÍTICA PUERTAS ABIERTAS DEMO REV 00 NOV 2025.php">P-RH-08
                            Política Puertas Abiertas</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RSE-01 POLÍTICA DE RESPONSABILIDAD SOCIAL EMPRESARIAL  REV 01 MAY 2025 DEMO PAGINA WEB.php">P-RSE-01
                            Política de Responsabilidad Social Empresarial</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/P-RSE-02 Política Anticorrupción y Antisoborno - REV 00 MAYO 2024 DEMO pagina web.php">P-RSE-02
                            Política Anticorrupción y Antisoborno</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/POLITICA IGUALDAD LABORAL Y ND DEMO REV 01  DIC  2025 ( final).php">P-RSE-03
                            Política de Igualdad Laboral y No Discriminación 01/12/25</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/PR-RH-03 PROCEDIMIETO DE PROMOCION Y ASCENSO REV 01 DICIEMBRE 2025.php">P-RH-03
                            Procedimiento de Promoción y Ascenso</a></li>
                    <li><a
                            href="<?= $base ?>pages/politicas/PR-RH-04 PROCEDIMIETO DE EMERGENCIAS REV 00  DICIEMBRE 2025.php">PR-RH-04
                            Procedimiento de Emergencias</a></li>
                </ul>
            </li>

            <!-- Avisos -->
            <li class="nav-item">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'avisos' ? ' active' : '' ?>">
                    Avisos
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Capacitación"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a href="<?= $base ?>pages/avisos/AVISO EVAL DESEMPEÑO DEMO  2025.php">
                            Aviso de Evaluación de Desempeño
                        </a>
                    </li>
                    <?php if (!empty($navAvisos)): ?>
                    <li class="dropdown-sep" aria-hidden="true"></li>
                    <?php foreach ($navAvisos as $av): ?>
                    <li>
                        <a href="<?= $base ?>pages/aviso.php?id=<?= (int)$av['id'] ?>">
                            <?= htmlspecialchars($av['titulo']) ?>
                        </a>
                    </li>
                    <?php endforeach; ?>
                    <?php endif; ?>
                </ul>
            </li>


            <!-- Capacitación -->
            <li class="nav-item" id="ddCap">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'capacitacion' ? ' active' : '' ?>">
                    Capacitación
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Capacitación"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a
                            href="<?= $base ?>pages/capacitacion/10.2_Ejemplo_de_Programa_Anual_de_Capacitaci_n OROHON 2025-2026.php">
                            Ejemplo de Programa Anual de Capacitación</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/campaña en igualdad laboral y no discriminacion.php">
                            Campaña en Igualdad Laboral y No Discriminación</a></li>
                    <li><a
                            href="<?= $base ?>pages/capacitacion/CONVOCATORIA CURSO DE BUSQUEDA Y RESCATE 29 DE AGOSTO 2025 DEMO.php">
                            Curso de Búsqueda y Rescate</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/ahorro-energia.php">
                            Recomendaciones para Ahorrar Energía</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/ahorro-agua.php">
                            Recomendaciones para el Cuidado del Agua</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/ahorro-papel.php">
                            Recomendaciones para Ahorrar Papel</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/ahorro-residuos.php">
                            Recomendaciones para Ahorrar Residuos</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-3s.php">
                            Metodología de las 3S Japonesas</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-ctyf.php">
                            Tríptico de Conciliación Trabajo y Familia</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-induccion.php">
                            TRÍPTICO DE INDUCCIÓN DEMO REV 03 DIC 2025</a></li>

                    <li><a href="<?= $base ?>pages/capacitacion/triptico-derechos-humanos.php">
                            Recomendaciones para la Protección de los Derechos Humanos</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-diversidades.php">
                            Tríptico de Diversidad</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-nmx.php">
                            Tríptico de NMX</a></li>
                    <li><a href="<?= $base ?>pages/capacitacion/triptico-violencia-laboral.php">
                            Tríptico de Violencia Laboral</a></li>

                </ul>
            </li>



            <!-- Corresponsabilidad -->
            <li class="nav-item" id="ddCorres">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'corresponsabilidad' ? ' active' : '' ?>">
                    Corresponsabilidad
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Corresponsabilidad"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a href="<?= $base ?>pages/corresponsabilidad/asesoria-cuidado-a-terceros-y-dependientes.php">
                            Asesoría para el cuidado a terceros y dependientes</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/de-ladiversidad.php">
                            De la diversidad</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/lactancia-materna.php">
                            Lactancia materna</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/leguaje-accesible-e-incluyente.php">
                            Lenguaje accesible, incluyente y no sexista</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/paternidad-activa.php">
                            Paternidad activa</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/programa-proteccion-civil-incluyente.php">
                            Programa de protección civil incluyente</a></li>
                    <li><a href="<?= $base ?>pages/corresponsabilidad/salud-mental.php">
                            Salud mental</a></li>
                </ul>
            </li>



            <!-- Archivo -->
            <li class="nav-item">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'archivo' ? ' active' : '' ?>">
                    Archivo
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Archivo"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a
                            href="<?= $base ?>pages/archivos/AVISO DE PRIVACIDAD SERVICIOS DEMO SEGURIDAD PRIVADA 2025 FINAL.php">
                            Aviso de Privacidad
                        </a>
                    </li>
                    <li><a
                            href="<?= $base ?>pages/archivos/FO-RH-29 PROGRAMA UIPC  REV 00 ABRIL 2024 DEMO ( 2026 INCLUYENTE).php">
                            PROGRAMA UIPC
                        </a>
                    </li>
                </ul>
            </li>

            <!-- Contacto -->
            <li class="nav-item" id="ddContacto">
                <a href="<?= $base ?>#" class="nav-link<?= $current_page === 'contacto' ? ' active' : '' ?>">
                    Contacto
                </a>
                <button class="nav-toggle" type="button" aria-label="Mostrar subsecciones de Contacto"
                    aria-expanded="false">
                    <svg viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
                        aria-hidden="true">
                        <path d="M1 1l4 4 4-4" />
                    </svg>
                </button>
                <ul class="dropdown">
                    <li><a href="<?= $base ?>pages/contacto/buzon-denuncias.php">Buzón de denuncias</a></li>
                    <li><a href="<?= $base ?>pages/contacto/quejas-sugerencias.php">Quejas y sugerencias</a></li>
                    <li><a href="<?= $base ?>pages/contacto/vacantes.php">Vacantes</a></li>
                </ul>
            </li>

            <?php if (function_exists('av_is_admin') && av_is_admin()): ?>
            <li class="nav-item">
                <a href="<?= $base ?>admin/index.php" class="nav-link nav-link--admin" target="_blank">
                    Panel admin
                </a>
            </li>
            <?php endif; ?>

            <?php if (function_exists('av_is_logged') && av_is_logged()): ?>
            <li class="nav-item nav-user nav-user-mobile-only">
                <span class="nav-user-name" title="Sesión activa">
                    👤 <?= '<span style="color: #000000;">' . htmlspecialchars(av_nombre()) . '</span>' ?>
                </span>
                <a href="<?= $base ?>logout.php" class="nav-link nav-link--logout" title="Cerrar sesión">Cerrar
                    sesión</a>
            </li>
            <?php endif; ?>

        </ul><!-- /nav-list -->
    </div>
</nav>

<script>
(function() {
    var btn = document.getElementById('navHamburger');
    var list = document.getElementById('navList');
    var items = document.querySelectorAll('.nav-item[id^="dd"]');
    var toggles = document.querySelectorAll('.nav-toggle');

    function closeAllDropdowns() {
        items.forEach(function(item) {
            item.classList.remove('dd-open');
        });
        toggles.forEach(function(toggle) {
            toggle.setAttribute('aria-expanded', 'false');
        });
    }

    // Hamburger toggle
    btn && btn.addEventListener('click', function() {
        var open = list.classList.toggle('open');
        btn.classList.toggle('open', open);
        btn.setAttribute('aria-expanded', open ? 'true' : 'false');
        if (!open) closeAllDropdowns();
    });

    // Mobile: dedicated toggle button opens dropdown without blocking navigation
    toggles.forEach(function(toggle) {
        toggle.addEventListener('click', function(e) {
            if (window.innerWidth < 1024) {
                e.preventDefault();
                var item = toggle.closest('.nav-item');
                var willOpen = !item.classList.contains('dd-open');
                closeAllDropdowns();
                item.classList.toggle('dd-open', willOpen);
                toggle.setAttribute('aria-expanded', willOpen ? 'true' : 'false');

                // Si se abrió, desplazar el item al tope para ver el submenú completo desde su primer enlace
                if (willOpen) {
                    setTimeout(function() {
                        var nav = document.querySelector('.site-nav');
                        var navH = nav ? nav.getBoundingClientRect().height : 0;
                        var rect = item.getBoundingClientRect();
                        var targetY = window.scrollY + rect.top - navH - 4;
                        window.scrollTo({
                            top: targetY,
                            behavior: 'smooth'
                        });
                        // Asegurar que el dropdown muestre su inicio
                        var dd = item.querySelector('.dropdown');
                        if (dd) dd.scrollTop = 0;
                    }, 50);
                }
            }
        });
    });

    // Close nav on outside click
    document.addEventListener('click', function(e) {
        if (window.innerWidth < 1024 && !e.target.closest('.site-nav')) {
            list && list.classList.remove('open');
            btn && btn.classList.remove('open');
            btn && btn.setAttribute('aria-expanded', 'false');
            closeAllDropdowns();
        }
    });

    window.addEventListener('resize', function() {
        if (window.innerWidth >= 1024) {
            list && list.classList.remove('open');
            btn && btn.classList.remove('open');
            btn && btn.setAttribute('aria-expanded', 'false');
            closeAllDropdowns();
        }
    });
})();
</script>