@props([ 'permanent' => false ])
@php $session = config('session.lifetime'); @endphp
<script>
    let sessionTimer = null

    function clearTimer() {
        clearTimeout(sessionTimer)
        sessionTimer = null
    }

    function handleSessionWarning() {
        alert('Your session will expire in 10 minutes due to inactivity! Click "OK" to avoid being logged out')
        {{-- checkAuth() // runs automatically on window.focus after clicking the alert. Uncomment if you want to handleSessionWarning in a different way. --}}
    }

    function startSessionTimer() {
        clearTimer()
        sessionTimer = setTimeout(handleSessionWarning, 1000 * 60 * {{ $session - 10 }}) //Change this if your session is to short.
    }

    function checkAuth() {
        if (document.hasFocus()) { //remove this if you want to keep the session alive even if the window is out of focus
            // console.info('fetching')
            fetch('/check-auth')
            .then(response => response.text())
            .then(auth => {
                if (auth !== 'true') {
                    window.location.href = "{{ route('login') }}"
                }
                @if(!$permanent)
                startSessionTimer()
                @endif
            })
        }
    }
    @if($permanent)
        window.sessionTimerPermanent  = true;
        setInterval(checkAuth, 1000 * 60 * {{ $session - 2 }})
    @else
        window.sessionTimerPermanent  = false;
    document.addEventListener('turbolinks:load', startSessionTimer);
    @endif
    window.addEventListener('focus', checkAuth);
</script>