bb_sign/app/Views/layout/header.php

410 lines
19 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Dox 2 Approve</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
<meta content="Coderthemes" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="<?= base_url()."public"; ?>/assets/images/dox2apprv-fav.png">
<!-- App css -->
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
<link href="<?= base_url()."public"; ?>/assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
<!-- icons -->
<link href="<?= base_url()."public"; ?>/assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<!-- third party css -->
<link href="<?= base_url()."public"; ?>/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url()."public"; ?>/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url()."public"; ?>/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="<?= base_url()."public"; ?>/assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!-- third party css end -->
<!-- Plugins css -->
<link href="<?= base_url()."public"; ?>/assets/libs/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0/css/select2.min.css" rel="stylesheet" />
<!-- toster alert -->
<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/toastr.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.css" rel="stylesheet">
<!-- Summernote css -->
<link href="<?= base_url()."public"; ?>/assets/libs/summernote/summernote-bs4.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="<?= base_url() . "public"; ?>/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<style>
.select2-container .select2-selection--multiple .select2-selection__choice {
padding: 5px 7px 5px 0 !important;
color: #000000;
}
#business_list_header option{
background-color: white;
color:black;
}
.btn-secondary {
background-color: #f4f9fb;
border-color: #f4f9fb;
color:black;
}
.btn-secondary:hover {
color: #343a40;
background-color: #d8eaf1;
border-color: #cfe5ed;
}
.loader-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00000069;
z-index: 99999;
}
.dataTables_wrapper button{
background: #f1f5f7;
color: #343a40;
border-width: 0;
}
.dataTables_wrapper .dt-buttons{
float:left;
}
.loader {
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
font-size: 0;
color: #00c9d0;
display: inline-block;
margin: -25px 0 0 -25px;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.lead {
font-size: 13px;
}
.loader div {
background-color: #6ad9cf;
display: inline-block;
float: none;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
opacity: .5;
border-radius: 50%;
-webkit-animation: ballPulseDouble 2s ease-in-out infinite;
animation: ballPulseDouble 2s ease-in-out infinite;
}
.loader div:last-child {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: #7ce4dd;
}
@media (min-width: 992px) {
.topnav { height: 56px; }
.logo-lg img{ height:35px; }
.navbar-custom{ height:60px; }
.logo-box .logo{ line-height: 60px; }
.navbar-custom .topnav-menu .nav-link{ line-height: 60px; height: 60px; color:#ffffff; }
.topnav{ margin-top:55px; height:50px; }
}
@media (max-width: 991px){
.logo-sm img{ height:50px; }
}
footer{
padding:10px 15px 10px!important;
}
.page-title-box-alt {
background-color: transparent;
padding: 15px 27px;
box-shadow: none;
margin-bottom: 0;
}
.navbar-custom{
background-color: #85a7c9;
/* background-color: #d44d4dd1; */
}
.select2-container .select2-selection--single{
height: 36px;
border:1px solid #ced4da;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top:4px;
}
</style>
<style>
.dropdown-menu-right {
right: auto !important;
top: auto !important;
/* left: auto !important; */
}
.modal-xg {
max-width: 70%; /* Adjust the percentage as needed */
}
</style>
</head>
<script>
$(window).on('load', function() {
// setTimeout(function() {
$('.loader').fadeOut();
$('.loader-mask').fadeOut('slow');
// }, 500);
});
</script>
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
<!-- <div class="loader-mask">
<div class="loader">
<img src="<?= base_url() . "public" ?>/assets/images/submit-spin.svg" height="40" width="40" alt="Loading...">
</div>
</div> -->
<!-- Begin page -->
<div id="wrapper">
<!-- Topbar Start -->
<div class="navbar-custom">
<div class="container-fluid">
<ul class="list-unstyled topnav-menu float-right mb-0" style="margin-right: 55px;">
<li class="nav-item dropdown" >
<a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-Service" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="dropdown-selected-text">Business</span> <div class="arrow-down"></div>
</a>
<div class="dropdown-menu busines_menu_header_staff_view" aria-labelledby="topnav-Service">
</div>
</li>
<li>
<?php if(isset($_SESSION['logged_in_staff_business_id']) && $_SESSION['logged_in_staff_business_id']) { ?>
<!-- <select name="business" class="form-control" id="business_list_header" style="width: 213px;margin-top: 13px;background-color: #85a7c9;border: none;color:white;">
</select> -->
<?php } ?>
</li>
<li class="dropdown notification-list topbar-dropdown">
<a class="nav-link dropdown-toggle nav-user mr-0 waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<span class="pro-user-name ml-1">
<?php if(isset($_SESSION['is_staff_logged_in']) && $_SESSION['is_staff_logged_in']) { ?>
<?= $Data->name; ?>
<?php }else if(isset($_SESSION['is_client_logged_in']) && $_SESSION['is_client_logged_in']){ ?>
<?= $Data->name; ?>
<?php } ?>
<i class="mdi mdi-chevron-down"></i>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
<!-- item-->
<div class="dropdown-header noti-title">
<h6 class="text-overflow m-0">Welcome !</h6>
</div>
<!-- item-->
<?php if(isset($_SESSION['is_staff_logged_in']) && $_SESSION['is_staff_logged_in']) { ?>
<a href="<?= base_url('staff_profile'); ?>" class="dropdown-item notify-item">
<i class="ri-account-circle-line"></i>
<span>My Profile</span>
</a>
<?php if($_SESSION['logged_in_staff_role'] == 'Admin' ) { ?>
<!-- <a href="<?= base_url('business'); ?>" class="dropdown-item notify-item">
<i class="ri-briefcase-line"></i>
<span>Business</span>
</a> -->
<?php } }else if(isset($_SESSION['is_client_logged_in']) && $_SESSION['is_client_logged_in']){ ?>
<!-- <a href="<?= base_url('client_profile'); ?>" class="dropdown-item notify-item"> -->
<!-- <i class="ri-account-circle-line"></i> -->
<!-- <span>My Profile</span> -->
<!-- </a> -->
<?php } ?>
<div class="dropdown-divider"></div>
<!-- item-->
<?php if(isset($_SESSION['is_staff_logged_in']) && $_SESSION['is_staff_logged_in']) { ?>
<a href="<?= base_url()."staff_logout"; ?>" class="dropdown-item notify-item">
<i class="ri-logout-box-line"></i>
<span>Logout</span>
</a>
<?php }else if(isset($_SESSION['is_client_logged_in']) && $_SESSION['is_client_logged_in']){ ?>
<a href="<?= base_url()."client_logout"; ?>" class="dropdown-item notify-item">
<i class="ri-logout-box-line"></i>
<span>Logout</span>
</a>
<?php } ?>
</div>
</li>
</ul>
<!-- LOGO -->
<div class="logo-box">
<a class="logo logo-dark text-center">
<span class="logo-sm">
<img src="<?= base_url()."public"; ?>/assets/images/logo_white_sm.png" alt="" height="24">
<!-- <span class="logo-lg-text-light">Minton</span> -->
</span>
<span class="logo-lg">
<img src="<?= base_url()."public"; ?>/assets/images/logo_white.png" alt="" height="20">
<!-- <span class="logo-lg-text-light">M</span> -->
</span>
</a>
<a class="logo logo-light text-center">
<span class="logo-sm">
<!-- <img src="?= base_url()."public"; ?>/assets/images/logo_white_sm.png" alt="" height="24"> -->
<img src="<?= base_url()."public"; ?>/assets/images/dox2apprv-fav.png" alt="" height="24">
</span>
<span class="logo-lg">
<!-- <h3 style="color: white;margin-top: 16px;"> Dox 2 Approve </h3> -->
<img src="<?= base_url()."public"; ?>/assets/images/Dox.png" alt="" height="20">
</span>
</a>
</div>
<ul class="list-unstyled topnav-menu topnav-menu-left m-0">
<li>
<button class="button-menu-mobile waves-effect waves-light">
<i class="fe-menu"></i>
</button>
</li>
<li>
<!-- Mobile menu toggle (Horizontal Layout)-->
<a class="navbar-toggle nav-link" data-toggle="collapse" data-target="#topnav-menu-content">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
<!-- end Topbar -->
<div class="topnav">
<div class="container-fluid">
<nav class="navbar navbar-light navbar-expand-lg topnav-menu">
<div class="collapse navbar-collapse" id="topnav-menu-content">
<ul class="navbar-nav">
<?php if(isset($_SESSION['is_staff_logged_in']) && $_SESSION['is_staff_logged_in']) { ?>
<?php if($_SESSION['logged_in_staff_role'] == 'Admin' || $_SESSION['logged_in_staff_role'] == 'Staff') { ?>
<li class="nav-item">
<a class="nav-link" href="<?= base_url()."shared_docs_list"; ?>">
<i class="ri-share-line"></i> Share Docs </a>
</li>
<?php } ?>
<?php if($_SESSION['logged_in_staff_role'] == 'Admin' ) { ?>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-Service" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ri-service-line"></i> Masters <div class="arrow-down"></div>
</a>
<div class="dropdown-menu" aria-labelledby="topnav-Service">
<a href="<?= base_url()."service_group_list"; ?>" class="dropdown-item">Service Group</a>
<a href="<?= base_url()."service_list"; ?>" class="dropdown-item">Services</a>
<a href="<?= base_url()."template_list"; ?>" class="dropdown-item">Template</a>
<a href="<?= base_url()."client_list"; ?>" class="dropdown-item">Client</a>
<a href="<?= base_url()."client_branch_list"; ?>" class="dropdown-item">Client Branch</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle arrow-none" href="#" id="topnav-my-visa" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-building"></i> Business Masters <div class="arrow-down"></div>
</a>
<div class="dropdown-menu" aria-labelledby="topnav-my-visa">
<a href="<?= base_url()."business_list"; ?>" class="dropdown-item">Business</a>
<a href="<?= base_url()."branch_index"; ?>" class="dropdown-item">Business Branch</a>
<a href="<?= base_url()."staff_list"; ?>" class="dropdown-item">Staff</a>
</div>
</li>
<?php } ?>
<?php }else if(isset($_SESSION['is_client_logged_in']) && $_SESSION['is_client_logged_in']) { ?>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle arrow-none" href="<?= base_url()."client_home"; ?>" id="topnav-my-visa" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="ri-pages-line mr-1"></i> My Documents <div class="arrow-down"></div>
</a>
<div class="dropdown-menu" aria-labelledby="topnav-my-visa">
<a href="<?= base_url()."client_home"; ?>" class="dropdown-item">Document List</a>
</div>
</li>
<?php } ?>
</ul> <!-- end navbar-->
</div> <!-- end .collapsed-->
</nav>
</div> <!-- end container-fluid -->
</div> <!-- end topnav-->