
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title><?= $title?></title>
  <link rel="stylesheet" href="assets/css/bootstrap.css">
  <link rel="stylesheet" href="assets/css/custom.css">
  <link rel="stylesheet" href="assets/css/font.css">
  <link rel="stylesheet" href="assets/css/blade-animate.css">
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/css/font-awesome.css"></script>
  <script src="assets/editor/summernote.css"></script>
  <script src="assets/css/bootstrap.min.css"></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

  <Style>
    .img-fluid {
      width: 100%
    }
  </Style>

<body>
  <style>
    .hig {
      background: red !important;
    }
  </style>
  <div id="wrapper">
    <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
          <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

      </div>
      <div class="hidden-xs" style="color: white; padding: 15px 50px 5px 50px; float: right; font-size: 16px;">

        Username: <font color="red"><b>
            <?php
                if (isset($_SESSION['admin_logged_in']) && $_SESSION['admin_logged_in'] === true) {
                echo $_SESSION['admin_username']; 
                } else {
                    echo "Guest";
                }
            ?>
          </b></font> <i>(Administrator)</i> &nbsp; &nbsp;


        <a href="<?= BASE_URL ?>/login/logout"   class="btn btn-info btn-xs"
          title="Back Main Software Admin"><i class="fas fa-sign-out-alt"></i> Logout</a> &nbsp; &nbsp; &nbsp;


      </div>
    </nav>
    <!-- /. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
      <div class="sidebar-collapse">
        <ul class="nav" id="main-menu">
            <!-- <li class="text-center"   style="font-size: 25px; font-weight:900;">
                <img src="../assets/images/home/logo.png" class="img-responsive bladeAnimated  pulse"
                style="max-height: 126px ; margin: auto;     padding: 10px;" />
            </li> -->

            <li><a href="<?= BASE_URL ?>/dashboard"><i class="fas fa-tachometer-alt"></i> Dashboard</a></li>
            <li><a href="<?= BASE_URL ?>/products"><i class="fas fa-concierge-bell"></i> Products</a></li>
            <li><a href="<?= BASE_URL ?>/category"><i class="fas fa-concierge-bell"></i> Category</a></li>

            <li><a href="<?= BASE_URL ?>/gallery"> <i class="fas fa-image"></i>
             Gallery</a>
            </li>
             <li><a href="<?= BASE_URL ?>/testimonial"> <i class="fa fa-star"></i>
             Testimonial</a>
            </li>
           

          <li><a href="<?= BASE_URL ?>/login/logout"><i class="fas fa-sign-out-alt"></i>

              Logout</a></li>
        </ul>

      </div>
    </nav>