@if ($idleTimeoutMinutes)
<form id="idle-logout-form" action="{{ route('logout') }}?reason=idle" method="POST" class="d-none">
   @csrf
</form>
<script>
   (function () {
      var IDLE_LIMIT_MS = {{ (int) $idleTimeoutMinutes }} * 60 * 1000;
      var WARNING_LEAD_MS = Math.min(15000, IDLE_LIMIT_MS / 2);
      var STORAGE_KEY = 'yg_last_activity';
      var CHECK_INTERVAL_MS = 1000;

      var warningShown = false;
      var swalWarning = null;
      var loggedOut = false;

      function now() {
         return Date.now();
      }

      function getLastActivity() {
         var stored = parseInt(localStorage.getItem(STORAGE_KEY), 10);
         return isNaN(stored) ? now() : stored;
      }

      function recordActivity() {
         localStorage.setItem(STORAGE_KEY, String(now()));
      }

      function resetIdleState() {
         recordActivity();
         if (warningShown) {
            warningShown = false;
            if (swalWarning) {
               Swal.close();
            }
         }
      }

      function doLogout() {
         if (loggedOut) {
            return;
         }
         loggedOut = true;
         document.getElementById('idle-logout-form').submit();
      }

      ['mousemove', 'mousedown', 'keydown', 'scroll', 'touchstart', 'click'].forEach(function (evt) {
         document.addEventListener(evt, function () {
            if (!warningShown) {
               recordActivity();
            }
         }, { passive: true });
      });

      recordActivity();

      setInterval(function () {
         if (warningShown) {
            return;
         }

         var idleFor = now() - getLastActivity();

         if (idleFor >= IDLE_LIMIT_MS) {
            doLogout();
            return;
         }

         if (idleFor >= IDLE_LIMIT_MS - WARNING_LEAD_MS) {
            warningShown = true;

            var secondsLeft = Math.ceil((IDLE_LIMIT_MS - idleFor) / 1000);

            swalWarning = Swal.fire({
               icon: 'warning',
               title: 'Session about to expire',
               html: 'You will be logged out due to inactivity in <b>' + secondsLeft + '</b> seconds.',
               confirmButtonText: 'Stay Logged In',
               confirmButtonColor: '#19bdb4',
               showCancelButton: true,
               cancelButtonText: 'Log Out',
               allowOutsideClick: false,
               allowEscapeKey: false,
               timer: secondsLeft * 1000,
               timerProgressBar: true,
               didOpen: function () {
                  var timerInterval = setInterval(function () {
                     var content = Swal.getHtmlContainer();
                     var remaining = Math.ceil(Swal.getTimerLeft() / 1000);
                     if (content) {
                        content.innerHTML = 'You will be logged out due to inactivity in <b>' + remaining + '</b> seconds.';
                     }
                  }, 1000);
                  Swal.getPopup().addEventListener('close', function () {
                     clearInterval(timerInterval);
                  });
               },
            }).then(function (result) {
               if (result.isConfirmed) {
                  resetIdleState();
               } else if (result.dismiss === Swal.DismissReason.timer) {
                  doLogout();
               } else if (result.dismiss === Swal.DismissReason.cancel) {
                  doLogout();
               }
            });
         }
      }, CHECK_INTERVAL_MS);

      window.addEventListener('storage', function (event) {
         if (event.key === STORAGE_KEY && warningShown) {
            var idleFor = now() - getLastActivity();
            if (idleFor < IDLE_LIMIT_MS - WARNING_LEAD_MS) {
               resetIdleState();
            }
         }
      });
   })();
</script>
@endif