@php
    $idleTimeoutSeconds = \Illuminate\Support\Facades\DB::table('sys_enum')
        ->where('idenum', 'idle_timeout')
        ->where('isactive', '1')
        ->value('name') ?? 300;
    $idleCountdownSeconds = \Illuminate\Support\Facades\DB::table('sys_enum')
        ->where('idenum', 'idle_countdown')
        ->where('isactive', '1')
        ->value('name') ?? 60;
@endphp

<script>
(function() {
    // ============ CONFIG (dari sys_enum) ============
    var IDLE_TIMEOUT_MS    = {{ (int)$idleTimeoutSeconds }} * 1000;  // {{ (int)$idleTimeoutSeconds }} detik
    var COUNTDOWN_SECONDS  = {{ (int)$idleCountdownSeconds }};      // {{ (int)$idleCountdownSeconds }} detik warning

    // ============ STATE ============
    var idleTimer       = null;
    var countdownTimer  = null;
    var heartbeatTimer  = null;
    var isWarningShown  = false;

    // ============ LOCK INFO ============
    var lockDmenu    = document.getElementById('lock_dmenu') ? document.getElementById('lock_dmenu').value : '';
    var lockRecordId = document.getElementById('lock_record_id') ? document.getElementById('lock_record_id').value : '';
    var lockUsername  = '{{ auth()->user()->username ?? '' }}';
    var urlMenu      = @json($url_menu ?? '');

    // Jika tidak ada lock info, skip idle detection
    if (!lockDmenu || !lockRecordId) return;

    // ============ RELEASE LOCK & REDIRECT ============
    function releaseLockAndRedirect() {
        // Stop heartbeat agar lock tidak diperpanjang lagi
        if (heartbeatTimer) { clearInterval(heartbeatTimer); heartbeatTimer = null; }

        var payload = new URLSearchParams({
            _token: document.querySelector('meta[name="csrf-token"]')?.content || '{{ csrf_token() }}',
            dmenu: lockDmenu,
            record_id: lockRecordId,
            username: lockUsername
        });
        navigator.sendBeacon('{{ url("/riwayat/edit") }}', payload);

        // Redirect ke halaman list
        window.location.href = '{{ url("/") }}/' + urlMenu;
    }

    // ============ SHOW WARNING ============
    function showIdleWarning() {
        if (isWarningShown) return;
        isWarningShown = true;

        var remaining = COUNTDOWN_SECONDS;
        var idleMinutes = Math.floor(IDLE_TIMEOUT_MS / 60000); // Convert ms to minutes
        var idleSeconds = Math.floor((IDLE_TIMEOUT_MS % 60000) / 1000); // Remaining seconds
        var idleText = idleMinutes > 0 ? idleMinutes + ' menit' : idleSeconds + ' detik';

        Swal.fire({
            icon: 'warning',
            title: 'Sesi Edit Akan Berakhir',
            html: 'Anda tidak aktif selama ' + idleText + '.<br>' +
                  'Halaman edit akan ditutup dalam <b id="idle-countdown">' + remaining + '</b> detik.<br><br>' +
                  'Klik tombol di bawah untuk melanjutkan edit.',
            confirmButtonText: 'Lanjutkan Edit',
            confirmButtonColor: '#3085d6',
            allowOutsideClick: false,
            allowEscapeKey: false,
            didOpen: function() {
                var countdownEl = document.getElementById('idle-countdown');
                countdownTimer = setInterval(function() {
                    remaining--;
                    if (countdownEl) countdownEl.textContent = remaining;
                    if (remaining <= 0) {
                        clearInterval(countdownTimer);
                        Swal.close();
                        releaseLockAndRedirect();
                    }
                }, 1000);
            }
        }).then(function(result) {
            // User klik "Lanjutkan Edit"
            if (result.isConfirmed) {
                clearInterval(countdownTimer);
                isWarningShown = false;
                resetIdleTimer();
            }
        });
    }

    // ============ RESET IDLE TIMER & RENEW LOCK ============
    var lastPingTime = Date.now();
    var PING_INTERVAL_MS = 2000; // Testing: 2 detik | Production: bisa 30000 (30 detik)
    
    function renewLockOnServer() {
        // Ping server untuk perpanjang lock jika ada aktivitas
        if (Date.now() - lastPingTime > PING_INTERVAL_MS) { 
            lastPingTime = Date.now();
            var payload = new URLSearchParams({
                _token: document.querySelector('meta[name="csrf-token"]')?.content || '{{ csrf_token() }}',
                dmenu: lockDmenu,
                record_id: lockRecordId,
                username: lockUsername
            });
            navigator.sendBeacon('{{ url("/riwayat/ping-lock") }}', payload);
        }
    }

    function resetIdleTimer() {
        renewLockOnServer();
        
        clearTimeout(idleTimer);
        // Jangan reset jika warning sedang tampil (biar countdown jalan terus)
        if (isWarningShown) return;
        idleTimer = setTimeout(showIdleWarning, IDLE_TIMEOUT_MS);
    }

    // ============ HEARTBEAT — keepalive ping setiap 10 detik ============
    // Selama halaman edit terbuka, heartbeat menjaga lock tetap aktif.
    // Jika user menutup halaman dan sendBeacon gagal, heartbeat berhenti
    // sehingga lock akan auto-expire di server setelah ~60 detik.
    var HEARTBEAT_INTERVAL_MS = 10000; // 10 detik
    heartbeatTimer = setInterval(function() {
        var payload = new URLSearchParams({
            _token: document.querySelector('meta[name="csrf-token"]')?.content || '{{ csrf_token() }}',
            dmenu: lockDmenu,
            record_id: lockRecordId,
            username: lockUsername
        });
        navigator.sendBeacon('{{ url("/riwayat/ping-lock") }}', payload);
    }, HEARTBEAT_INTERVAL_MS);

    // ============ ACTIVITY LISTENERS ============
    var events = ['mousemove', 'mousedown', 'keypress', 'keydown', 'scroll', 'touchstart', 'click'];
    events.forEach(function(evt) {
        document.addEventListener(evt, resetIdleTimer, { passive: true });
    });

    // Start timer
    resetIdleTimer();
})();
</script>