<!DOCTYPE html>
<html lang="en">
    <!-- begin::Head -->
    <head>
        <base href="">
        <meta charset="utf-8" />
        <title><?php echo $title; ?></title>
        <meta name="description" content="Updates and statistics">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link rel="icon" type="image/png" href="<?= base_url('public/upload/userimage/' . $this->config->item('tab_logo')) ?>" />

        <!--begin::Fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,600,700">

        <?php
        if ($this->session->userdata('language') == "english") {
            $language_set = "arabic";
        } else {
            $language_set = "english";
        } if ($language_set == "english") {
            ?>
            <link href="<?php echo base_url() ?>public/plugins/custom/fullcalendar/fullcalendar.bundle.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/plugins/global/plugins.bundle.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/style.bundle.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/base/light.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/custom_css.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/menu/light.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/brand/dark.rtl.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/aside/dark.rtl.css" rel="stylesheet" type="text/css" />
            <style>
                #kt_wrapper{
                    margin-left: 0px;
                    margin-right: 20px;
                    padding-left: 0px;
                }
                #kt_header{
                    left:0px;
                }
                #kt_subheader{
                    left: 0px;
                    right: 265px;
                }
            </style>
<?php } else { ?>
            <!--begin::Page Vendors Styles(used by this page) -->
            <link href="<?php echo base_url() ?>public/plugins/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/base/light.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/menu/light.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/brand/dark.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/aside/dark.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/style.bundle.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/base/light.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/custom_css.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/header/menu/light.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/brand/dark.css" rel="stylesheet" type="text/css" />
            <link href="<?php echo base_url() ?>public/css/skins/aside/dark.css" rel="stylesheet" type="text/css" />
<?php } ?> <!--end::Layout Skins -->
        <link href="<?php echo base_url() ?>public/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
        <!-- <link rel="shortcut icon" href="<?php //echo base_url()  ?>public/media/logos/favicon.ico" />  -->
        <!-- <script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script> -->
        <!-- <link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet"> </head> -->
        <!-- ============== -->
        <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
        <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
        <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
        <!-- end::Head -->

        <!-- begin::Body -->
    <body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--enabled kt-subheader--fixed kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading <?= $language_set == 'english' ? 'rtl' : '' ?>">

        <!-- begin:: Page -->

        <!-- begin:: Header Mobile -->
        <div id="kt_header_mobile" class="kt-header-mobile  kt-header-mobile--fixed ">
            <div class="kt-header-mobile__logo">
                <a href="index.html">
                  <!-- <img alt="Logo" src="<?php echo base_url() ?>public/media/logos/logo-light.png" /> -->
                </a>
            </div>
            <div class="kt-header-mobile__toolbar">
                <button class="kt-header-mobile__toggler kt-header-mobile__toggler--left" id="kt_aside_mobile_toggler"><span></span></button>
                <button class="kt-header-mobile__toggler" id="kt_header_mobile_toggler"><span></span></button>
                <button class="kt-header-mobile__topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
            </div>
        </div>

        <!-- end:: Header Mobile -->
        <div class="kt-grid kt-grid--hor kt-grid--root">
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">

                <!-- begin:: Aside -->

                <!-- Uncomment this to display the close button of the panel
        <button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
                -->
                <div class="kt-aside  kt-aside--fixed  kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">

                    <!-- begin:: Aside -->
                    <div class="kt-aside__brand kt-grid__item " id="kt_aside_brand">
                        <div class="kt-aside__brand-logo">
                            <a href="#">
                              <!-- <img alt="Logo" src="<?php echo base_url() ?>public/media/logos/logo-light.png" /> --><h2 class="kt-main-logo"><?php echo $this->config->item('company_title') ?></h2>
                            </a>
                        </div>
                        <div class="kt-aside__brand-tools">
                            <button class="kt-aside__brand-aside-toggler" id="kt_aside_toggler">
                                <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon points="0 0 24 0 24 24 0 24" />
                                    <path d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z" fill="#000000" fill-rule="nonzero" transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) " />
                                    <path d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) " />
                                    </g>
                                    </svg></span>
                                <span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <polygon points="0 0 24 0 24 24 0 24" />
                                    <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero" />
                                    <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) " />
                                    </g>
                                    </svg></span>
                            </button>

                            <!--
                    <button class="kt-aside__brand-aside-toggler kt-aside__brand-aside-toggler--left" id="kt_aside_toggler"><span></span></button>
                            -->
                        </div>
                    </div>

                    <!-- end:: Aside -->

                    <!-- begin:: Aside Menu -->
<?php include('navbar.php'); ?> 
                    <!-- end:: Aside Menu -->
                </div>

                <!-- end:: Aside -->
                <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

                    <!-- begin:: Header -->
                    <div id="kt_header" class="kt-header kt-grid__item  kt-header--fixed ">

                        <!-- begin:: Header Menu -->

                        <!-- Uncomment this to display the close button of the panel
                      <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
                        -->
                        <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
                            <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile  kt-header-menu--layout-default ">
                                <ul class="kt-menu__nav ">

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

                        <!-- end:: Header Menu -->

                        <!-- begin:: Header Topbar -->
                        <div class="kt-header__topbar">


                            <!--begin: Language bar -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--langs">
                                <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="1px,0px">
                                    <span class="kt-header__topbar-icon">
                                        <a onclick="language('<?php echo $language_set; ?>')" class="flog"><img src="<?php echo base_url() ?>public/media/flags/<?php echo $language_set; ?>.png"width="70" height="30"></a>
                                    </span>
                                </div>

                            </div>

                            <!--end: Language bar -->

                            <!--begin: User Bar -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--user">
                                <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="0px,0px">
                                    <div class="kt-header__topbar-user">
                                        <span class="kt-header__topbar-welcome kt-hidden-mobile"><?php echo $this->lang->line('hi'); ?>,</span>
                                        <span class="kt-header__topbar-username kt-hidden-mobile"><?php echo $this->session->userdata('name'); ?></span>
                                        <img class="kt-hidden" alt="Pic" src="<?php echo base_url() ?>public/media/users/300_25.jpg" />

                                        <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
                                       <!--  <span class="kt-badge kt-badge--username kt-badge--unified-success kt-badge--lg kt-badge--rounded kt-badge--bold"><?php echo $this->session->userdata('name'); ?></span> -->
                                    </div>
                                </div>
                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround dropdown-menu-xl">

                                    <!--begin: Head -->
                                    <div class="kt-user-card kt-user-card--skin-dark kt-notification-item-padding-x" style="background-image: url(assets/media/misc/bg-1.jpg)">
                                        <div class="kt-user-card__avatar">
                                            <img class="kt-hidden" alt="Pic" src="<?php echo base_url() ?>public/media/users/300_25.jpg" />

                                            <!--use below badge element instead the user avatar to display username's first letter(remove kt-hidden class to display it) -->
                                            <span class="kt-badge kt-badge--lg kt-badge--rounded kt-badge--bold kt-font-success"><?php echo $this->session->userdata('name'); ?></span>
                                        </div>
                                        <!-- <div class="kt-user-card__name">
                                          Sean Stone
                                        </div> -->
                                        <!-- <div class="kt-user-card__badge">
                                          <span class="btn btn-success btn-sm btn-bold btn-font-md">23 messages</span>
                                        </div> -->
                                    </div>

                                    <!--end: Head -->

                                    <!--begin: Navigation -->
                                    <div class="kt-notification">
                                        <!--  <a href="custom/apps/user/profile-1/overview.html" class="kt-notification__item">
                                           <div class="kt-notification__item-icon">
                                             <i class="flaticon2-cardiogram kt-font-warning"></i>
                                           </div>
                                           <div class="kt-notification__item-details">
                                             <div class="kt-notification__item-title kt-font-bold">
                                               Billing
                                             </div>
                                             <div class="kt-notification__item-time">
                                               billing & statements <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill kt-badge--rounded">2 pending</span>
                                             </div>
                                           </div>
                                         </a> -->
                                        <div class="kt-notification__custom kt-space-between">
                                            <a href="<?= base_url('users/edit/' . $this->session->userdata('admin_id')) ?>" 
                                               class="btn btn-label btn-label-brand btn-sm btn-bold"><?php echo $this->lang->line('edit_personal_info') ?></a>
                                            <a href="<?= base_url('auth/logout') ?>" class="btn btn-label btn-label-brand btn-sm btn-bold"><?php echo $this->lang->line('logout') ?></a>
                                            <!-- <a href="custom/user/login-v2.html" target="_blank" class="btn btn-clean btn-sm btn-bold">Upgrade Plan</a> -->
                                        </div>
                                    </div>

                                    <!--end: Navigation -->
                                </div>
                            </div>

                            <!--end: User Bar -->
                        </div>

                        <!-- end:: Header Topbar -->
                    </div>

                    <!-- end:: Header -->
<?php $this->load->view($view); ?>
                    <!-- end:: Footer -->
                </div>
            </div>
        </div>

        <!-- end:: Page -->


        <!--ENd:: Chat-->

        <!-- begin::Global Config(global config for global JS sciprts) -->
        <script>
            var KTAppOptions = {
                "colors": {
                    "state": {
                        "brand": "#5d78ff",
                        "dark": "#282a3c",
                        "light": "#ffffff",
                        "primary": "#5867dd",
                        "success": "#34bfa3",
                        "info": "#36a3f7",
                        "warning": "#ffb822",
                        "danger": "#fd3995"
                    },
                    "base": {
                        "label": [
                            "#c5cbe3",
                            "#a1a8c3",
                            "#3d4465",
                            "#3e4466"
                        ],
                        "shape": [
                            "#f0f3ff",
                            "#d9dffa",
                            "#afb4d4",
                            "#646c9a"
                        ]
                    }
                }
            };
        </script>
        <script>
            var base_url = "<?php echo base_url(); ?>";
            function language() {
                // var new_lang;
                /* $.ajax({
                 method: "POST",
                 url: "<?php echo base_url() ?>bills/language/lang/" +new_lang,
                 data: {'lang':new_lang},
                 success: function(e) {
                 location.reload();
                 
                 }
                 });*/
            }
            $(function () {
                //Initialize Select2 Elements
                $(".select2").select2();

                //Datemask dd/mm/yyyy
                $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
                //Datemask2 mm/dd/yyyy
                $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
                //Money Euro
                $("[data-mask]").inputmask();

                //Date range picker
                $('#reservation').daterangepicker();
                //Date range picker with time picker
                $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
                //Date range as a button
                $('#daterange-btn').daterangepicker(
                        {
                            ranges: {
                                'Today': [moment(), moment()],
                                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                                'This Month': [moment().startOf('month'), moment().endOf('month')],
                                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                            },
                            startDate: moment().subtract(29, 'days'),
                            endDate: moment()
                        },
                        function (start, end) {
                            $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
                        }
                );
                $('#reservation').daterangepicker();
                //Date picker
                $('#datepicker').datepicker({
                    autoclose: true
                });
                $('#datepicker2').datepicker({
                    autoclose: true
                });

                //iCheck for checkbox and radio inputs
                $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                    checkboxClass: 'icheckbox_minimal-blue',
                    radioClass: 'iradio_minimal-blue'
                });
                //Red color scheme for iCheck
                $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
                    checkboxClass: 'icheckbox_minimal-red',
                    radioClass: 'iradio_minimal-red'
                });
                //Flat red color scheme for iCheck
                $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
                    checkboxClass: 'icheckbox_flat-green',
                    radioClass: 'iradio_flat-green'
                });

                //Colorpicker
                $(".my-colorpicker1").colorpicker();
                //color picker with addon
                $(".my-colorpicker2").colorpicker();

                //Timepicker
                $(".timepicker").timepicker({
                    showInputs: false
                });
            });

            $(function () {
            $('#expencedatepicker').datetimepicker();
                    $('#expencedatepicker').datetimepicker({
            defaultDate: "11/1/2013",
                    disabledDates: [
                            moment("12/25/2013"),
                            new Date(2013, 11 - 1, 21),
                            "11/22/2013 00:53"
                    ]
            });
                    // date picker script
                    $(document).ready(function() {
            $(".start_datepicker").datepicker();
                    $(".end_datepicker").datepicker();
            }); var picker = new Lightpick({
            field: document.getElementById('demo-3_1'),
                    secondField: document.getElementById('demo-3_2'),
                    singleDate: false,
                    onSelect: function(start, end){
                    var str = '';
                            str += start ? start.format('Do MMMM YYYY') + ' to ' : '';
                            str += end ? end.format('Do MMMM YYYY') : '...';
                            document.getElementById('result-3').innerHTML = str;
                    }
            });
        </script>
        <script src="<?php echo base_url() ?>public/plugins/global/plugins.bundle.js" type="text/javascript"></script>
        <script src="<?php echo base_url() ?>public/plugins/custom/datatables/datatables.bundle.js" type="text/javascript"></script>
        <script src="<?php echo base_url() ?>public/js/pages/crud/datatables/basic/basic.js" type="text/javascript"></script>
        <script src="<?php echo base_url() ?>public/js/custom.js" type="text/javascript"></script>
        <script src="<?php echo base_url() ?>public/js/scripts.bundle.js" type="text/javascript"></script><script src="<?php echo base_url() ?>public/plugins/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
        <!-- <script src="//maps.google.com/maps/api/js?key=AIzaSyBTGnKT7dt597vo9QgeQ7BFhvSRP4eiMSM" type="text/javascript"></script> -->
        <!-- <script src="<?php echo base_url() ?>public/plugins/custom/gmaps/gmaps.js" type="text/javascript"></script> -->
     <!-- <script src="<?php echo base_url() ?>public/js/pages/crud/datatables/advanced/multiple-controls.js" type="text/javascript"></script> -->
    <!-- <script src="<?php echo base_url() ?>public/js/pages/dashboard.js" type="text/javascript"></script> -->
    <!-- <script src="<?php echo base_url() ?>public/js/pages/crud/metronic-datatable/base/html-table.js" type="text/javascript"></script> -->
         <!-- </script><script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> -->

        <!-- multi select js file  -->
        <script type="text/javascript" src="<?php echo base_url() ?>public/js/multiselect.js"></script>
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /><script >$('.datepicker').daterangepicker();</script>
        <script>
                    var datepicker = new ej.calendars.DatePicker({ width: "255px" });
                    datepicker.appendTo('#datepicker_single');
                    var datepicker = new ej.calendars.DatePicker({ width: "255px" });
                    datepicker.appendTo('.datepicker_single'); $(function() {
            $("#datepicker").datepicker();
            });</script>
        <!--end::Page Scripts -->
    </body>

    <!-- end::Body -->
</html>