<?php
session_start();

if (!isset($_SESSION['loggedin'])) {
    header('Location: login.php');
    exit;
}
?>

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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
    <title>NH-HR test</title>
    <link rel="icon" type="image/x-icon" href="app/icons/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&amp;display=swap" rel="stylesheet">
    <link rel="apple-touch-icon" sizes="180x180" href="app/icons/icon-192x192.png">
    <link rel="manifest" href="_manifest.json" data-pwa-version="set_in_manifest_and_pwa_js">

    <!-- CSS -->
    <!-- STARDARD -->
    <link rel="stylesheet" type="text/css" href="styles/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel="stylesheet" type="text/css" href="fonts/css/fontawesome-all.min.css">
    <!-- CUSTOM -->
    <link href="https://cdn.datatables.net/v/dt/jq-3.7.0/jszip-3.10.1/dt-2.1.2/b-3.1.0/b-colvis-3.1.0/b-html5-3.1.0/b-print-3.1.0/datatables.min.css" rel="stylesheet">
    <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js'></script>

    <!-- JAVASCRIPT -->
    <!-- CUSTOM -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="scripts/globals.js"></script>
    <script type="text/javascript" src="scripts/stamp.js"></script>
    <script type="text/javascript" src="scripts/permission.js"></script>
    <script type="text/javascript" src="scripts/transfer.js"></script>
    <script type="text/javascript" src="scripts/profile.js"></script>
    <script type="text/javascript" src="scripts/bacheca.js"></script>
    <script type="text/javascript" src="scripts/login.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/v/dt/jq-3.7.0/jszip-3.10.1/dt-2.1.2/b-3.1.0/b-colvis-3.1.0/b-html5-3.1.0/b-print-3.1.0/datatables.min.js"></script>
    <script src="https://kit.fontawesome.com/a449ed3a2a.js" crossorigin="anonymous"></script>
    <!-- STARDARD -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body class="theme-light">
    <div id="preloader">
        <div class="spinner-border color-highlight" role="status"></div>
    </div>

    <div id="page">
        <div class="page-content pb-0">
            <div class="page-title page-title-small">
                <?php
                if ($index_page == true) {
                    echo "<h2><img src='images/logo-small-white.png' style='max-height: 30px;'></img></h2>";
                } else {
                    echo "<h2><a onclick='" . $prev_page . "' class='close-menu'><i class='fa fa-arrow-left'></i></a>" . $page_title . "</h2>";
                }

                if ($_SESSION['gender'] == "M") {
                    echo "<a href='#' data-menu='menu-main' class='bg-fade-highlight-light shadow-xl preload-img' data-src='images/avatars/maschio.png' style='cursor:pointer'></a>";
                } else {
                    echo "<a href='#' data-menu='menu-main' class='bg-fade-highlight-light shadow-xl preload-img' data-src='images/avatars/femmina.png' style='cursor:pointer'></a>";
                }
                ?>
            </div>

            <!-- <div class="card header-card shape-rounded" style="height: 18% !important;">
                    <div class="card-overlay bg-highlight opacity-95" style="background-color: black !important;"></div>
                    <div class="card-overlay dark-mode-tint"></div>
                </div> -->
            <div style="background-color: black; height: 110px; position: absolute; width: 100%; top: 0; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;">

            </div>