<!DOCTYPE html>
<html lang="en">

<head>
   <!-- Required meta tags -->
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link rel="icon" href="{{asset('images/favicon.ico')}}" type="image/png">

   <!-- Google fonts -->

   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Nunito:ital@0;1&display=swap"
      rel="stylesheet">
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

   <link type="text/css" rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
   {{-- <title>Login</title> --}}
</head>

@yield('content')

<body>


   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
      crossorigin="anonymous"></script>
</body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
    function updateLastOnline() {
        $.ajax({
            url: '/update-last-online',
            method: 'GET',
            success: function(response) {
                if (response.success) {
                    console.log('Last online updated successfully.');
                }
            },
            error: function(xhr) {
                console.error('An error occurred:', xhr.responseText);
            }
        });
    }

    // Update last online every minute (60000 milliseconds)
    setInterval(updateLastOnline, 60000);
});
</script>


</html>

