@include('header')

    <script src="https://cdn.tailwindcss.com"></script>
	
	<section class="content">
		@if (!session('autorizado_privado'))
            @if($errors->any())
                <div>{{ $errors->first('password') }}</div>
            @endif
        
            <form method="POST" action="verificar-password">
                @csrf
                <input type="password" name="password" placeholder="Contraseña">
                <button type="submit">Entrar</button>
            </form>
        @else
            <div>
                <h1 class="text-3xl font-bold mb-4 text-gray-700">Panel de Control</h1>
                <div class="flex gap-4 my-8 flex-wrap justify-center">
                    <a href="administracion/caja-interna" class="bg-gray-200 hover:bg-gray-300 text-gray-700 hover:text-gray-800 p-12 border-2 border-gray-500 rounded-md hover:no-underline">Caja Interna</a>
                    <a href="administracion/rendiciones" class="bg-gray-200 hover:bg-gray-300 text-gray-700 hover:text-gray-800 p-12 border-2 border-gray-500 rounded-md hover:no-underline">Rendiciones</a>
                    <a href="administracion/coordinadores" class="bg-gray-200 hover:bg-gray-300 text-gray-700 hover:text-gray-800 p-12 border-2 border-gray-500 rounded-md hover:no-underline">Coordinadores</a>
                </div>
            </div>
        @endif
	</section>

@include('footer')

<script>
    function keepAlive() {
        fetch('../keep-alive', {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Content-Type': 'application/json'
            }
        })
        .then(response => response.json())
        .then(data => {
            console.log('Respuesta del keep-alive:', data);
        })
        .catch(error => {
            console.error('Error en keep-alive:', error);
        });
    }

    // Ping automático cada 5 minutos solo si la pestaña está visible
    setInterval(() => {
        if (document.visibilityState === 'visible') {
            keepAlive();
        }
    }, 10000);
    //}, 300000); // 5 minutos

    // Ping cuando se vuelve a la pestaña
    document.addEventListener('visibilitychange', () => {
        if (document.visibilityState === 'visible') {
            keepAlive();
        }
    });

    // Ping al hacer clic en cualquier parte de la página
    document.addEventListener('click', () => {
        keepAlive();
    });
</script>