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

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="x05ZnxTFt0GCbKTgaLuc5MEj5SuQGyfuW1CsYzgO">

    <title> <?php echo $sitename ?> | <?php echo $title ?></title>
    <link href="../images/favicon.png" rel="icon" type="image/x-icon">

    <!-- Fonts and icons -->
    <script src="dash/js/plugin/webfont/webfont.min.js"></script>

    <!-- CSS Files -->
    <link rel="stylesheet" href="dash/css/bootstrap.min.css">
    <link rel="stylesheet" href="dash/css/fonts.min.css">
    <link rel="stylesheet" href="dash/css/atlantis.min.css">
    <link rel="stylesheet" href="dash/css/customs.css">
    <link rel="stylesheet" href="dash/css/style.css">

    <!-- this is importing jquery -->
    <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.4/css/jquery.dataTables.css">
  
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.4/js/jquery.dataTables.js"></script>

 
    <!-- Sweet Alert -->
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
</head>

  <!-- logout script -->
  <script>
    $(document).ready(function(){
        $('.logout').click(function(){
            Swal.fire({
            icon: 'warning',
            title: 'Are you sure you want to logout?',
            showDenyButton: true,
            showCancelButton: false,
            confirmButtonText: 'Logout',
            denyButtonText: `Cancel`,
            }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {$.ajax({
                url: "../include/logout.php",
                success: function(data, request, setting){
                    // reload the windows
                    location.reload(); 
                    }
                });
            }
            })
        });

        
    });
</script> 

<style>
    .custom-select {
        background: rgba(0,0,0,0.9);
        color: #52afee;
        border-radius: 5px;
        margin: 11px;
            margin-left: 11px;
        float: right;
        border: 1px solid #52afee;
        padding: 0 20px;
        }


</style>

<style>
    table.dataTable tbody tr{
        background-color:inherit;
    }
    div.dataTables_wrapper div.dataTables_info{
        color:#fff;
    }
    </style>
