    </div> <!-- Cierre del container-fluid -->
    
    <!-- Footer -->
    <footer class="bg-light text-center text-muted py-3 mt-5">
        <div class="container">
            <small>
                &copy; <?= date('Y') ?> <?= APP_NAME ?> v<?= APP_VERSION ?> - 
                Desarrollado para la gestión de ventas de agua mineral
            </small>
        </div>
    </footer>
    
    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="../../assets/js/app.js"></script>
    
    <?php if (isset($extraJS)): ?>
        <?= $extraJS ?>
    <?php endif; ?>
    
    <!-- Script para auto-logout por inactividad -->
    <script>
        let inactivityTimer;
        const TIMEOUT = <?= SESSION_TIMEOUT * 1000 ?>; // Convertir a milisegundos
        
        function resetTimer() {
            clearTimeout(inactivityTimer);
            inactivityTimer = setTimeout(() => {
                alert('Su sesión ha expirado por inactividad. Será redirigido al login.');
                window.location.href = '../../logout.php';
            }, TIMEOUT);
        }
        
        // Eventos que resetean el timer
        document.addEventListener('mousemove', resetTimer);
        document.addEventListener('keypress', resetTimer);
        document.addEventListener('click', resetTimer);
        document.addEventListener('scroll', resetTimer);
        
        // Iniciar el timer
        resetTimer();
    </script>
</body>
</html>
