<!DOCTYPE html>
<html lang="en">
    <?php
    if(!empty($data)){
            $logo = $data['logo'];
            $footer_logo = $data['footer_logo'];
            $favicon = $data['favicon'];
            $footer_about = $data['footer_about'];
            $footer_copyright = $data['footer_copyright'];
            $contact_address = $data['contact_address'];
            $contact_email = $data['contact_email'];
            $contact_fax = $data['contact_fax'];
            $contact_phone = $data['contact_phone'];
            $base_name = $data['base_name'];
            $meta_title_home = $data['meta_title_home'];
            $meta_keyword_home = $data['meta_keyword_home'];
            $meta_description_home = $data['meta_description_home'];
            $before_head = $data['before_head'];
            $after_body = $data['after_body'];
            $theme_color = $data['color'];
            $contact_map_iframe = $data['contact_map_iframe'];
            $banner_login = $data['banner_login'];
            
    }
    ?>
<head>
        <meta charset="utf-8" />
        <title><?= strtoupper("$page");?> || <?= $meta_title_home;?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="theme-color" content="#2b3d5130" />
        <meta content="<?= $meta_title_home;?>" 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('uploads/website/favicon/'.$favicon);?>">


        <!-- Table datatable css -->
        <link href="<?= base_url();?>assets/libs/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        
        <link href="<?= base_url();?>assets/libs/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="<?= base_url();?>assets/libs/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="<?= base_url();?>assets/libs/datatables/select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        
        
        <!-- Sweet Alert-->
        <link href="<?= base_url();?>assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
        
        <!-- Custom box css -->
        <link href="<?= base_url();?>assets/libs/custombox/custombox.min.css" rel="stylesheet">
        <link href="<?= base_url();?>assets/css/custom.css" rel="stylesheet">
        
        <link href="<?= base_url();?>assets/libs/bootstrap-colorpicker/bootstrap-colorpicker.min.css" rel="stylesheet" type="text/css" />
        
        <link href="<?= base_url();?>assets/libs/bootstrap-tagsinput/bootstrap-tagsinput.css" rel="stylesheet" />
        <link href="<?= base_url();?>assets/libs/switchery/switchery.min.css" rel="stylesheet" type="text/css" />
        <!--<link href="<?= base_url();?>assets/libs/multiselect/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />-->
        <link href="<?= base_url();?>assets/libs/select2/select2.min.css" rel="stylesheet" type="text/css" />

        <!-- Plugins css -->
        <link href="<?= base_url();?>assets/libs/dropify/dropify.min.css" rel="stylesheet" type="text/css" />

        <!-- App css -->
        <link href="<?= base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap-stylesheet" />
        <link href="<?= base_url();?>assets/css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="<?= base_url();?>assets/css/app.min.css" rel="stylesheet" type="text/css"  id="app-stylesheet" />

    </head>

    <body class="unsticky-layout">

        <!-- Begin page -->
        <div id="wrapper">

            
            <!-- Topbar Start -->
            <div class="navbar-custom">
                <ul class="list-unstyled topnav-menu float-right mb-0">
                    <li class="dropdown notification-list">
                        <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">
                            <img src="<?= base_url('uploads/master/user/'.$_SESSION['staff']['photo']);?>" alt="user-image" class="rounded-circle">
                            <span class="d-none d-sm-inline-block ml-1 font-weight-medium"><?= $_SESSION['staff']['full_name'];?></span>
                            <i class="mdi mdi-chevron-down d-none d-sm-inline-block"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                            <!-- item-->
                            <div class="dropdown-header noti-title">
                                <h6 class="text-overflow text-white m-0">Welcome <?= $_SESSION['staff']['full_name'];?>!</h6>
                            </div>

                            <!-- item-->
                            <a href="<?= base_url('staff/profile');?>" class="dropdown-item notify-item">
                                <i class="mdi mdi-account-outline"></i>
                                <span>Profile</span>
                            </a>

                            <!-- item-->
                            <a href="<?= base_url('staff/settings');?>" class="dropdown-item notify-item">
                                <i class="mdi mdi-settings-outline"></i>
                                <span>Settings</span>
                            </a>

                            <div class="dropdown-divider"></div>

                            <!-- item-->
                            <a href="<?= base_url('/staff/login/logout');?>" class="dropdown-item notify-item">
                                <i class="mdi mdi-logout-variant"></i>
                                <span>Logout</span>
                            </a>

                        </div>
                    </li>
                </ul>

                <!-- LOGO -->
                <div class="logo-box">
                    <a href="<?=base_url('staff');?>" class="logo text-center logo-dark">
                        <span class="logo-lg">
                            <img src="<?= base_url('uploads/website/logo/'.$logo);?>" alt="" width="90%">
                            <!-- <span class="logo-lg-text-dark">Uplon</span> -->
                        </span>
                        <span class="logo-sm">
                            <!-- <span class="logo-lg-text-dark">U</span> -->
                            <img src="<?= base_url('uploads/website/logo/'.$logo);?>" alt="" width="90%">
                        </span>
                    </a>

                    <a href="<?=base_url('staff');?>" class="logo text-center logo-light">
                        <span class="logo-lg">
                            <img src="<?= base_url('uploads/website/logo/'.$logo);?>" alt="" width="90%">
                            <!-- <span class="logo-lg-text-dark">Uplon</span> -->
                        </span>
                        <span class="logo-sm">
                            <!-- <span class="logo-lg-text-dark">U</span> -->
                            <img src="<?= base_url('uploads/website/logo/'.$logo);?>" alt="" width="90%">
                        </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="mdi mdi-menu"></i>
                        </button>
                    </li>
                </ul>
            </div>
            <!-- end Topbar -->

            
            <!-- ========== Left Sidebar Start ========== -->
            <div class="left-side-menu">

                <div class="slimscroll-menu">

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">

                        <ul class="metismenu" id="side-menu">

                            <li class="menu-title">Navigation</li>

                            <li>
                                <a href="<?= base_url('staff/dashboard');?>">
                                    <i class="mdi mdi-view-dashboard"></i>
                                    <span> Dashboard </span>
                                </a>
                            </li>

                            
                             <li>
                                <a href="<?php echo base_url().'staff/Staff/invoice/'.$_SESSION['staff']['id'];?>">
                                    <i class="mdi mdi-stocking"></i>
                                    <span> My Store </span>
                                </a>
                            </li>
                            
                            <li>
                                <a href="<?= base_url('staff/customer');?>">
                                    <i class="mdi mdi-account-circle-outline"></i>
                                    <span> Customer </span>
                                </a>
                            </li>
                            
                          
                            
                           <li>
                                <a href="javascript: void(0);">
                                    <i class="mdi mdi-bag-carry-on-check"></i>
                                    <span> Invoice </span>
                                    <span class="menu-arrow"></span>
                                </a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="<?= base_url('staff/invoice');?>"><i class="mdi mdi-arrow-right"></i> New Invoice</a></li>
                                    <li><a href="<?= base_url('staff/invoice/invoice');?>"><i class="mdi mdi-arrow-right"></i> Invoice List</a></li>
                                </ul>
                            </li>
                         
                            
                            <li>
                                <a href="javascript: void(0);">
                                    <i class="mdi mdi-bag-carry-on-check"></i>
                                    <span> Product </span>
                                    <span class="menu-arrow"></span>
                                </a>
                                <ul class="nav-second-level" aria-expanded="false">
                                    <li><a href="<?= base_url('staff/product');?>"><i class="mdi mdi-arrow-right"></i> Product List</a></li>
                                </ul>
                            </li>
                            
                            
                           
                            
                            
                         
                            
                            
                      
                          <li>
                                <a href="<?= base_url('/staff/login/logout');?>">
                                     <i class="mdi mdi-logout-variant"></i>
                                    <span> Logout</span>
                                </a>
                            </li>
                        
                            
                           
                   
                          
                        </ul>

                    </div>
                    <!-- End Sidebar -->

                    <div class="clearfix"></div>

                </div>
                <!-- Sidebar -left -->

            </div>
            <!-- Left Sidebar End -->
            <!-- ============================================================== -->
            <!-- Start Page Content here -->
            <!-- ============================================================== -->

            <div class="content-page">