File: //var/www/html/qcr24/app/application/views/admin/layouts/header.php
<?php defined('BASEPATH') or exit('No direct script access allowed');
$menues = getSidebarMenu($this->session->userdata('admin_data')['role_id']);
$segmentLink= $this->uri->segment(1).'/'.$this->uri->segment(2);
?>
<!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.0">
<title>Quantum | Dashboard</title>
<!-- Favicon -->
<link rel="shortcut icon" href="<?=base_url('public/admin_assets/img/svg/logo.svg')?>" type="image/x-icon">
<!-- For DatePicker -->
<!-- Select2 -->
<link rel="stylesheet" href="<?=base_url('public/admin_assets/select2/css/select2.min.css')?>">
<!-- Custom styles -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/font-awesome.min.css')?>">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/style.css')?>">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/theme.css')?>">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/responsive.css')?>">
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/jquery-ui.css')?>">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/jquery-ui.structure.css')?>">
<link rel="stylesheet" href="<?=base_url('public/admin_assets/css/lightbox.min.css')?>">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.css" integrity="sha512-0V10q+b1Iumz67sVDL8LPFZEEavo6H/nBSyghr7mm9JEQkOAm91HNoZQRvQdjennBb/oEuW+8oZHVpIKq+d25g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.4/jquery-confirm.min.js" integrity="sha512-zP5W8791v1A6FToy+viyoyUUyjCzx+4K8XZCKzW28AnCoepPNIXecxh9mvGuy3Rt78OzEsU+VCvcObwAMvBAww==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
.alert a {
position: absolute;
right: 30px;
font-size: 30px;
color: red;
top: 85px;
}
.badge-info{
background: #79d5fb;color: black;padding: 1px;width: 85px;font-weight: 500;font-size: 12px;line-height: 1.67;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 100px;text-align: center;
}
.badge-success{background: #5ab114;color: black;
}
.badge-warning{background: #e8e752;color: black;padding: 1px;width: 85px;font-weight: 500;font-size: 12px;line-height: 1.67;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 100px;text-align: center;
}
.badge-danger{background: #fb1a3f;color: black;padding: 1px;width: 85px;font-weight: 500;font-size: 12px;line-height: 1.67;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 100px;text-align: center;
}
</style>
</head>
<body>
<div class="layer"></div>
<!-- ! Body -->
<a class="skip-link sr-only" href="#skip-target">Skip to content</a>
<div class="page-flex">
<!-- ! Sidebar -->
<aside class="sidebar">
<div class="sidebar-start">
<div class="sidebar-head">
<a href="index.html" class="logo-wrapper" title="Home">
<a class="active" href="<?=base_url('admin/dashboard')?>"><span class="sr-only">Home</span></a>
<span class="icon"><img src="<?=base_url('public/admin_assets/img/logo-white.png')?>" alt="" width="55"></span>
<div class="logo-text">
<span class="logo-title">Quantum</span>
<a class="active" href="<?=base_url('admin/dashboard')?>"><span class="logo-subtitle">Car Rentals</span></a>
</div>
</a>
<button class="sidebar-toggle transparent-btn" title="Menu" type="button">
<span class="sr-only">Toggle menu</span>
<span class="icon menu-toggle" aria-hidden="true"></span>
</button>
</div>
<div class="sidebar-body">
<ul class="sidebar-body-menu">
<li>
<a class="<?=($segmentLink == 'admin/dashboard') ? 'active' : '' ?>" href="<?=base_url('admin/dashboard')?>"><span class="icon home" aria-hidden="true"></span>Dashboard</a>
</li>
<?php
if(!empty($menues)){
foreach($menues as $index => $main_menu){
?>
<li>
<?php
if(!empty($main_menu['menu_link'])){
?>
<a href="<?=base_url($main_menu['menu_link'])?>"><span class="icon"><?= $main_menu['menu_icon'] ?></span><?= ucwords($main_menu['menu_name']) ?></a>
<?php
} else{?>
<a class="show-cat-btn" href="##">
<span class="icon"><?= $main_menu['menu_icon'] ?></span><?= ucwords($main_menu['menu_name']) ?>
<span class="category__btn transparent-btn" title="Open list">
<span class="sr-only">Open list</span>
<?php
if(count($main_menu['child_menu']) >0 ){
?>
<span class="icon arrow-down" aria-hidden="true"></span>
</span>
<?php
}
?>
</a>
<?php } ?>
<?php
if(count($main_menu['child_menu']) >0 ){
?>
<ul class="cat-sub-menu">
<?php
foreach($main_menu['child_menu'] as $key => $option_menu){
?>
<li>
<a class="sub_menu_a <?=($segmentLink == $option_menu['menu_link']) ? 'active' : '' ?>" href="<?= base_url($option_menu['menu_link']) ?>"><?= ucwords($option_menu['menu_name']) ?></a>
</li>
<?php
}
?>
</ul>
<?php
}
?>
</li>
<?php
}
}
?>
</ul>
</div>
</div>
<!-- <div class="sidebar-footer">
<a href="##" class="sidebar-user">
<span class="sidebar-user-img">
<picture>
<source srcset="assets/img/avatar/avatar-illustrated-01.webp" type="image/webp"><img
src="assets/img/avatar/avatar-illustrated-01.png" alt="User name">
</picture>
</span>
<div class="sidebar-user-info">
<span class="sidebar-user__title">Nafisa Sh.</span>
<span class="sidebar-user__subtitle">Support manager</span>
</div>
</a>
</div> -->
</aside>
<div class="main-wrapper">
<!-- ! Main nav -->
<nav class="main-nav--bg">
<div class="container main-nav">
<div class="main-nav-start">
<!-- <div class="search-wrapper">
<i data-feather="search" aria-hidden="true"></i>
<input type="text" placeholder="Enter keywords ..." required>
</div> -->
</div>
<div class="main-nav-end">
<button class="sidebar-toggle transparent-btn" title="Menu" type="button">
<span class="sr-only">Toggle menu</span>
<span class="icon menu-toggle--gray" aria-hidden="true"></span>
</button>
<!-- <div class="lang-switcher-wrapper">
<button class="lang-switcher transparent-btn" type="button">
EN
<i data-feather="chevron-down" aria-hidden="true"></i>
</button>
<ul class="lang-menu dropdown">
<li><a href="##">English</a></li>
<li><a href="##">French</a></li>
<li><a href="##">Uzbek</a></li>
</ul>
</div> -->
<!-- <button class="theme-switcher gray-circle-btn" type="button" title="Switch theme">
<span class="sr-only">Switch theme</span>
<i class="sun-icon" data-feather="sun" aria-hidden="true"></i>
<i class="moon-icon" data-feather="moon" aria-hidden="true"></i>
</button> -->
<!-- <div class="notification-wrapper">
<button class="gray-circle-btn dropdown-btn" title="To messages" type="button">
<span class="sr-only">To messages</span>
<span class="icon notification active" aria-hidden="true"></span>
</button>
<ul class="users-item-dropdown notification-dropdown dropdown">
<li>
<a href="##">
<div class="notification-dropdown-icon info">
<i data-feather="check"></i>
</div>
<div class="notification-dropdown-text">
<span class="notification-dropdown__title">System just updated</span>
<span class="notification-dropdown__subtitle">The system has been successfully upgraded. Read more
here.</span>
</div>
</a>
</li>
<li>
<a href="##">
<div class="notification-dropdown-icon danger">
<i data-feather="info" aria-hidden="true"></i>
</div>
<div class="notification-dropdown-text">
<span class="notification-dropdown__title">The cache is full!</span>
<span class="notification-dropdown__subtitle">Unnecessary caches take up a lot of memory space and
interfere ...</span>
</div>
</a>
</li>
<li>
<a href="##">
<div class="notification-dropdown-icon info">
<i data-feather="check" aria-hidden="true"></i>
</div>
<div class="notification-dropdown-text">
<span class="notification-dropdown__title">New Subscriber here!</span>
<span class="notification-dropdown__subtitle">A new subscriber has subscribed.</span>
</div>
</a>
</li>
<li>
<a class="link-to-page" href="##">Go to Notifications page</a>
</li>
</ul>
</div> -->
<div class="nav-user-wrapper">
<button href="##" class="nav-user-btn dropdown-btn" title="My profile" type="button">
<span class="sr-only">My Account</span>
<span class="nav-user-img">
<picture>
<source srcset="<?= ($this->admin_session_data['user_image']) ? base_url('public/admin_images/user_images/'.$this->admin_session_data['user_image']) : base_url().'public/admin_assets/images/user.png' ?>" type="image/webp"><img
src="<?= ($this->admin_session_data['user_image']) ? base_url('public/admin_images/user_images/'.$this->admin_session_data['user_image']) : base_url().'public/admin_assets/images/user.png' ?>" alt="User name" style="border-radius:100%;object-fit:cover;height:100%;">
</picture>
</span>
</button>
<ul class="users-item-dropdown nav-user-dropdown dropdown">
<li><a href="<?=base_url('admin/my_account')?>">
<i data-feather="user" aria-hidden="true"></i>
<span>My Account</span>
</a></li>
<li><a class="danger" href="<?=base_url('admin/logout')?>">
<i data-feather="log-out" aria-hidden="true"></i>
<span>Log out</span>
</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div id="loader_div" style="display:none;">
<div class="loader-bg">
<div class="loader"></div>
</div>
</div>
<script>
$(document).ready(function () {
$('.sub_menu_a.active').closest('ul').addClass("visible");
});
</script>