<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?php echo SITE_NAME; ?> | <?php echo $fname; ?></title>
        <!-- Font Awesome -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/fontawesome-free/css/all.min.css">        
        <!-- Theme style -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/adminlte/css/adminlte.min.css">
        <!-- overlayScrollbars -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">

        <!-- Color-Picker -->
        <link href="<?php echo SITE_PATH; ?>assets/plugins/color-picker/css/index.min.css" rel="stylesheet" type="text/css"/>                       
        <!-- Tempusdominus Bootstrap 4 -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
        <!-- iCheck -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
        <!-- JQVMap -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/jqvmap/jqvmap.min.css">
        <!-- Daterange picker -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/daterangepicker/daterangepicker.css">
        <!-- summernote -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/summernote/summernote-bs4.min.css">
        <!-- fullCalendar -->
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/fullcalendar/main.min.css">
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/fullcalendar-daygrid/main.min.css">
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/fullcalendar-timegrid/main.min.css">
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/fullcalendar-bootstrap/main.min.css">

        <style>
            .color-palette {
                height: 35px;
                line-height: 35px;
                text-align: right;
                padding-right: .75rem;
            }

            .color-palette.disabled {
                text-align: center;
                padding-right: 0;
                display: block;
            }

            .color-palette-set {
                margin-bottom: 15px;
            }

            .color-palette span {
                display: none;
                font-size: 12px;
            }

            .color-palette:hover span {
                display: block;
            }

            .color-palette.disabled span {
                display: block;
                text-align: left;
                padding-left: .75rem;
            }

            .color-palette-box h4 {
                position: absolute;
                left: 1.25rem;
                margin-top: .75rem;
                color: rgba(255, 255, 255, 0.8);
                font-size: 12px;
                display: block;
                z-index: 7;
            }
        </style>
        <link rel="stylesheet" href="<?php echo SITE_PATH; ?>assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
        <!-- jQuery -->
        <script src="<?php echo SITE_PATH; ?>assets/plugins/jquery/jquery.min.js"></script>
        <!-- Bootstrap 4 -->
        <script src="<?php echo SITE_PATH; ?>assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
        <!-- AdminLTE App -->
        <script src="<?php echo SITE_PATH; ?>assets/plugins/adminlte/js/adminlte.min.js"></script>


