@props([ 'permanent' => false, 'expiresIn' => 10 ])
@php
    $session = config('session.lifetime');
    $message = trans('messages.session_expiration_warning', ['expires' => $expiresIn]); //example: 'Your session will expire in :expires minutes, due to inactivity! Click OK to avoid being logged out.'
@endphp
<script>
let sessionTimer = null

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

function handleSessionWarning() {
    alert('{{ $message }}')
    checkAuth() // remove if you want to run this automatically on window.focus after clicking the alert, see end of script.
}

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) //uncomment if you use turbolinks
document.addEventListener('DOMContentLoaded', startSessionTimer) //remove if you use tubolinks
@endif
// window.addEventListener('focus', checkAuth) //uncomment this if you remove checkAuth() above, observe that this makes an extra request on each window.focus
</script>