<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>iDoor</title>
    <!-- base:css -->
    <link rel="stylesheet" href="<?php echo base_url('assets'); ?>/vendors/typicons/typicons.css">
    <link rel="stylesheet" href="<?php echo base_url('assets'); ?>/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- inject:css -->
    <link rel="stylesheet" href="<?php echo base_url('assets'); ?>/css/vertical-layout-light/style.css">
    <!-- endinject -->
    <link rel="shortcut icon" href="<?php echo base_url('assets'); ?>/idoor.png" />
    <!--Datatable CSS -->    
    <link rel="stylesheet" href="<?php echo base_url('assets'); ?>/datatable/jquery.dataTables.min.css">
    <style type="text/css">
        .validate-error-custom { color: red; }
        .border-white{border-color: #fff !important;}
        .bg-white{background-color: #fff !important;}
        .navbar-toggler.text-black{color: #000 !important;}
    </style>
</head>

<body>

<div class="container-scroller">
    <?php 

    if(!empty($_SESSION['image']) && isset($_SESSION['image'])) {
        $profile_image = base_url('assets/profile_image/'.$_SESSION['image']);        
    } else {
        $profile_image = base_url('assets/profile_image/no-image.jpg');
    }
    ?>

    <nav class="navbar border-white col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
      <div class="navbar-brand-wrapper bg-white d-flex justify-content-center">
        <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">
          <a class="navbar-brand brand-logo" href="javascript:void(0);"><img style="max-width: 35% !important;height: auto !important;" src="<?php echo base_url('assets'); ?>/idoor.png" alt="logo"/></a>
          <a class="navbar-brand brand-logo-mini" href="javascript:void(0);"><img src="<?php echo base_url('assets'); ?>/idoor.png" alt="logo"/></a>
          <button class="navbar-toggler navbar-toggler align-self-center text-black" type="button" data-toggle="minimize">
            <span class="typcn typcn-th-menu"></span>
          </button>
        </div>
      </div>

      <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">        
        <ul class="navbar-nav mr-lg-2">
          <li class="nav-item nav-profile dropdown">
            <a class="nav-link" href="#" data-toggle="dropdown" id="profileDropdown">
              <img src="<?php echo @$profile_image; ?>" alt="profile"/>
              <span class="nav-profile-name"><?php echo @$_SESSION['name'] ? @$_SESSION['name'] : "Unknown User"; ?></span>
            </a>
            <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="profileDropdown">
             <!--  <a class="dropdown-item">
                <i class="typcn typcn-cog-outline text-primary"></i>
                Settings
              </a> -->
              <a class="dropdown-item" href="<?php echo base_url('admin/Login/logout'); ?>">
                <i class="typcn typcn-eject text-black"></i>
                Logout
              </a>
            </div>
          </li>
          <!-- <li class="nav-item nav-user-status dropdown">
              <p class="mb-0">Last login was 23 hours ago.</p>
          </li> -->
        </ul>      

        <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
          <span class="typcn typcn-th-menu"></span>
        </button>        
      </div>
    </nav>
    
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- <div class="theme-setting-wrapper">
        <div id="settings-trigger"><i class="typcn typcn-cog-outline"></i></div>
        <div id="theme-settings" class="settings-panel">
          <i class="settings-close typcn typcn-times"></i>
          <p class="settings-heading">SIDEBAR SKINS</p>
          <div class="sidebar-bg-options selected" id="sidebar-light-theme"><div class="img-ss rounded-circle bg-light border mr-3"></div>Light</div>
          <div class="sidebar-bg-options" id="sidebar-dark-theme"><div class="img-ss rounded-circle bg-dark border mr-3"></div>Dark</div>
          <p class="settings-heading mt-2">HEADER SKINS</p>
          <div class="color-tiles mx-0 px-4">
            <div class="tiles success"></div>
            <div class="tiles warning"></div>
            <div class="tiles danger"></div>
            <div class="tiles info"></div>
            <div class="tiles dark"></div>
            <div class="tiles default"></div>
          </div>
        </div>
      </div>      --> 
