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

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

function handleSessionWarning() {
    alert('Your session will expire in {{ $expiresIn }} 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 - $expiresIn }})
}

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>