<!doctype html>
<html lang="en" data-bs-theme="light">


<!-- Mirrored from codervent.com/matoxi/demo/vertical-menu/index2.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 09 Jan 2024 16:36:45 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Domun</title>

    <!--favicon-->
    <!-- full calener -->
    <link href='https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css' rel='stylesheet'>
    <link href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css' rel='stylesheet'>

    <!--plugins-->
    <link href="<?php echo base_url(); ?>assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/plugins/metismenu/metisMenu.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/plugins/metismenu/mm-vertical.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/plugins/simplebar/css/simplebar.css">

    <!--bootstrap css-->
    <link href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600&amp;display=swap"
        rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined" rel="stylesheet">
    <!--main css-->
    <link href="<?php echo base_url(); ?>assets/css/bootstrap-extended.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/sass/main.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/sass/dark-theme.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/sass/semi-dark.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/sass/bordered-theme.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/sass/responsive.css" rel="stylesheet">
    <!-- date range picker -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
        integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="<?php echo base_url(); ?>assets/plugins/fullcalendar/css/main.min.css">
         <!-- DataTables Bootstrap 5 CSS -->
<link href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css" rel="stylesheet">
    <style>

        body.toggled .sidebar ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        body.toggled .sidebar li {
            position: relative;
        }

        body.toggled .sidebar a {
            display: block;
            padding: 10px 20px;
            text-decoration: none;
            color: #333;
            background: #f1f1f1;
        }

        body.toggled .sidebar a:hover {
            background: #ddd;
        }

        body.toggled .dropdown {
            display: none;
            position: absolute;
            left: 100%;
            /* Move to the right of parent */
            top: 0;
            min-width: 150px;
            background: #eee;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }

        body.toggled li:hover>.dropdown {
            display: block;
        }

        body.toggled .dropdown li a {
            padding: 10px;
            color: #000;
            white-space: nowrap;
        }

        .calender-height {
            height: 200px;
            overflow: auto;
        }

        .card-height {
            height: 150px;
        }
    </style>
    <style>
        /* Style days in the calendar */
        .fc-daygrid-day {
            background-color: #FFF;
            /* Default for odd days */

        }

        .fc-daygrid-day:nth-child(even) {
            background-color: #F5F5F5;
            /* Background for even days */

        }

        /* Optional: Add hover effect for better user experience */
        .fc-daygrid-day:hover {
            background-color: #E8E8E8;
            cursor: pointer;
        }

        .fc-scroller-harness {
            border-radius: 10px;
        }

        .fc-scrollgrid-liquid {
            border-radius: 10px !important;
        }
    </style>

</head>

<body>

  <!--start header-->
  <header class="top-header">
    <nav class="navbar navbar-expand align-items-center gap-4 justify-content-between">
      <div class="btn-toggle">
        <a href="javascript:;"><i class="material-icons-outlined">menu</i></a>
      </div>
      <div class="search-bar flex-grow-1">
        <div class="position-relative">
       
         
          <span class="material-icons-outlined position-absolute me-3 translate-middle-y end-0 top-50 search-close">close</span>
          <div class="search-popup p-3">
            <div class="card rounded-4 overflow-hidden">
              <div class="card-header d-lg-none">
                <div class="position-relative">
               
                 
                
                  
              
                  <span class="material-icons-outlined position-absolute ms-3 translate-middle-y start-0 top-50">search</span>
                  <span class="material-icons-outlined position-absolute me-3 translate-middle-y end-0 top-50 mobile-search-close">close</span>
                 </div>
              </div>
              <div class="card-body search-content">
                <p class="search-title">Recent Searches</p>
                <div class="d-flex align-items-start flex-wrap gap-2 kewords-wrapper">
                  <a href="javascript:;" class="kewords"><span>Angular Template</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>Dashboard</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>Admin Template</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>Bootstrap 5 Admin</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>Html eCommerce</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>Sass</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                  <a href="javascript:;" class="kewords"><span>laravel 9</span><i
                      class="material-icons-outlined fs-6">search</i></a>
                </div>
                <hr>
                <p class="search-title">Tutorials</p>
                <div class="search-list d-flex flex-column gap-2">
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="list-icon">
                      <i class="material-icons-outlined fs-5">play_circle</i>
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title ">Wordpress Tutorials</h5>
                    </div>
                  </div>
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="list-icon">
                      <i class="material-icons-outlined fs-5">shopping_basket</i>
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title">eCommerce Website Tutorials</h5>
                    </div>
                  </div>
  
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="list-icon">
                      <i class="material-icons-outlined fs-5">laptop</i>
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title">Responsive Design</h5>
                    </div>
                  </div>
                </div>
  
                <hr>
                <p class="search-title">Members</p>
  
                <div class="search-list d-flex flex-column gap-2">
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="memmber-img">
                      <img src="<?= base_url('assets/images/avatars/01.png') ?>" width="32" height="32" class="rounded-circle" alt="">
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title ">Andrew Stark</h5>
                    </div>
                  </div>
  
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="memmber-img">
                      <img src="<?= base_url('assets/images/avatars/02.png') ?>" width="32" height="32" class="rounded-circle" alt="">
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title ">Snetro Jhonia</h5>
                    </div>
                  </div>
  
                  <div class="search-list-item d-flex align-items-center gap-3">
                    <div class="memmber-img">
                      <img src="<?= base_url('assets/images/avatars/03.png') ?>" width="32" height="32" class="rounded-circle" alt="">
                    </div>
                    <div class="">
                      <h5 class="mb-0 search-list-title">Michle Clark</h5>
                    </div>
                  </div>
  
                </div>
              </div>
              <div class="card-footer text-center bg-transparent">
                <a href="javascript:;" class="btn w-100">See All Search Results</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul class="navbar-nav gap-1 nav-right-links align-items-center">
        <li class="nav-item dropdown d-none">
         
          </a>
          <div class="dropdown-menu dropdown-notify dropdown-menu-end shadow">
            <div class="notify-list">
             
            </div>
          </div>
        </li>

        <li class="nav-item dropdown">
          <a
            href="javascrpt:;"
            class="dropdown-toggle dropdown-toggle-nocaret"
            data-bs-toggle="dropdown"
          >

          <?php 
          $user=$this->session->userdata('session_data');
        //   echo "<pre>";
        //   var_dump($user);
        //   echo "</pre>";
        //   exit;
          
          ?>
            <div class="d-flex align-items-center">
              <div class="me-1">
                <p class="mb-0 fs2"><?php echo $user['name']; ?></p>
                <p class=" mt-0 fmon text-end mb-0 fpop text-white "> Admin</p>
              </div>
              <img
              <?php 
              if(!empty($user['image'])){
                $image=$user['image'];
              }else{
                $image=base_url('assets/images/avatars/01.png');
              }
              ?>
              src="<?= $image ?>"
              class="p-1 borderCustom"
              width="45"
              height="45"
              style="border-radius: 50%;"
            />
            
            
            </div>
          </a>
          <div class="dropdown-menu dropdown-user dropdown-menu-end shadow">
            <a class="dropdown-item gap-2 py-2" href="javascript:;">
              <div class="text-center">
                <img
                <?php 
                if(!empty($user['image'])){
                    $image=$user['image'];
                }else{
                    $image=base_url('assets/images/avatars/01.png');
                }
                ?>
                  src="<?= $image ?>"
                  class="p-1 shadow mb-3"
                  width="90"
                  height="90"
                  alt=""
                />
                <h5 class="user-name mb-0 fw-bold"><?php echo $user['name']; ?></h5>
                <small class="text-muted mt-0 fmon"> <?php echo 'Admin'; ?></small>
              </div>
            </a>
            <hr class="dropdown-divider" />
             <a
              class="dropdown-item d-flex align-items-center gap-2 py-2"
              href="<?= base_url('site/profile') ?>"
              ><i class="material-icons-outlined">person_outline</i>Profile</a
            >

            <hr class="dropdown-divider" />
            <a
              class="dropdown-item d-flex align-items-center gap-2 py-2"
              href="<?= base_url('login/logout') ?>"
              ><i class="material-icons-outlined">power_settings_new</i
              >Logout</a
            >
          </div>
        </li>
      </ul>
     

    </nav>
  </header>
 
  <!--end top header-->


  <!--start sidebar-->
    <aside class="sidebar-wrapper">
        <div class="sidebar-header">
            <div class="logo-icon">
                <img src="<?= base_url('assets/images/dpro.png');?>" class="" width="150px" alt="">
            </div>
            <div class="logo-name flex-grow-1">

            </div>
            <div class="sidebar-close">
                <span class="material-icons-outlined">close</span>
            </div>
        </div>
        <div class="sidebar-nav" data-simplebar="true">

            <!--navigation-->
            <ul class="metismenu" id="sidenav">
                <li>
                    <a href="<?php echo base_url().'site/dashboard'; ?>" class="">
                        <div class="icnonDiv">

                            <img class="img2" src="<?= base_url('assets/images/Dashboard.svg');?>" alt="">
                        </div>
                        <div class="menu-title">Dashboard</div>
                    </a>

                </li>
                <li>

                    <a class="btn btncolapse collapsed " data-bs-toggle="collapse" href="#collapseExample" role="button"
                        aria-expanded="false" aria-controls="collapseExample">
                        <div class="d-flex justify-content-between align-items-center w-100">
                            <div class="d-flex">
                                <div class="icnonDiv">

                                    <img class="img2" src="<?php echo base_url(); ?>assets/images/men.svg" alt="">
                                </div>
                                <div class="menu-title">Units</div>
                            </div>
                            <img src="<?php echo base_url(); ?>assets/images/iconchev.png" alt="">
                        </div>
                    </a>
                    <div class="collapse" id="collapseExample">
                        <div class="card card-body menuCard">
                            <div>
                                <div>
                                    <a href="<?php echo base_url().'site/units'; ?>" class="">
                                        <div class="">


                                        </div>
                                        <div class="menu-title">units</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/warnings'; ?>" class="">
                                        <div class="">


                                        </div>
                                        <div class="menu-title">Warnings</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/boardofdirector'; ?>" class="">
                                        <div class="">


                                        </div>
                                        <div class="menu-title">Board of directors</div>
                                    </a>

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

                </li>
                <li>
                    <a href="<?php echo base_url().'site/issue'; ?>" class="">
                        <div class="icnonDiv position-relative">
                            <span
                                class="position-absolute  start-100 translate-middle p-2 bg-danger border border-light rounded-circle bdg">
                                2
                                <span class="visually-hidden">New alerts</span>
                            </span>
                            <img class="img2" src="<?php echo base_url(); ?>assets/images/issue.svg" alt="">
                        </div>
                        <div class="menu-title">Issues </div>
                    </a>

                </li>
                <li>

                    <a class="btn btncolapse collapsed" data-bs-toggle="collapse" href="#collapseExample1" role="button"
                        aria-expanded="false" aria-controls="collapseExample1">
                        <div class="d-flex justify-content-between align-items-center w-100">
                            <div class="d-flex">
                                <div class="icnonDiv">

                                    <img class="img2" src="<?php echo base_url(); ?>assets/images/social.svg" alt="">
                                </div>
                                <div class="menu-title">Socials</div>
                            </div>
                            <img src="<?php echo base_url(); ?>assets/images/iconchev.png" alt="">
                        </div>
                    </a>
                    <div class="collapse" id="collapseExample1">
                        <div class="card card-body menuCard">
                            <div>

                                <div>
                                    <a href="<?php echo base_url().'site/reservations'; ?>" class="">
                                        <div class="">


                                        </div>
                                        <div class="menu-title">Reservations</div>
                                    </a>

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

                </li>
                <li>
                    <a href="<?php echo base_url().'site/messagecenter'; ?>" class="">
                        <div class="icnonDiv">

                            <img class="img2" src="<?php echo base_url(); ?>assets/images/messages.svg" alt="">
                        </div>
                        <div class="menu-title">Message Center</div>
                    </a>

                </li>
                <li>

                    <a class="btn btncolapse collapsed" data-bs-toggle="collapse" href="#collapseExample2" role="button"
                        aria-expanded="false" aria-controls="collapseExample2">
                        <div class="d-flex justify-content-between align-items-center w-100">
                            <div class="d-flex">
                                <div class="icnonDiv">

                                    <img class="img2" src="<?php echo base_url(); ?>assets/images/finance.svg" alt="">
                                </div>
                                <div class="menu-title">Finance</div>
                            </div>
                            <img src="<?php echo base_url(); ?>assets/images/iconchev.png" alt="">
                        </div>
                    </a>
                    <div class="collapse" id="collapseExample2">
                        <div class="card card-body menuCard">
                            <div>

                                <div>
                                    <a href="<?php echo base_url().'site/configuration'; ?>" class="">

                                        <div class="menu-title">Configuration & Settings</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/vendors'; ?>" class="">

                                        <div class="menu-title">Vendors</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/accountsreceivables'; ?>" class="">

                                        <div class="menu-title">Accounts Receivabless</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/accountspayables'; ?>" class="">

                                        <div class="menu-title">Accounts Payables</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/bankaccounts'; ?>" class="">

                                        <div class="menu-title">Bank Accounts</div>
                                    </a>

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

                </li>
                <li>

                    <a class="btn btncolapse collapsed" data-bs-toggle="collapse" href="#collapseExample3" role="button"
                        aria-expanded="false" aria-controls="collapseExample3">
                        <div class="d-flex justify-content-between align-items-center w-100">
                            <div class="d-flex">
                                <div class="icnonDiv">

                                    <img class="img2" src="<?php echo base_url(); ?>assets/images/social.png" alt="">
                                </div>
                                <div class="menu-title">Security</div>
                            </div>
                            <img src="<?php echo base_url(); ?>assets/images/iconchev.png" alt="">
                        </div>
                    </a>
                    <div class="collapse" id="collapseExample3">
                        <div class="card card-body menuCard">
                            <div>

                                <div>
                                    <a href="<?php echo base_url().'site/entandext'; ?>" class="">

                                        <div class="menu-title">Entrances & Exists</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/eventjournal'; ?>" class="">

                                        <div class="menu-title">Event Journal</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/checklists'; ?>" class="">

                                        <div class="menu-title">Check-lists</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/bannedpeople'; ?>" class="">

                                        <div class="menu-title">Banned People</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/securityofficer'; ?>" class="">

                                        <div class="menu-title">Security officers</div>
                                    </a>

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

                </li>
                <li>
                    <a href="<?php echo base_url().'site/rules'; ?>" class="">
                        <div class="icnonDiv">

                            <img class="img2" src="<?php echo base_url(); ?>assets/images/document.svg" alt="">
                        </div>
                        <div class="menu-title">Documents</div>
                    </a>

                </li>

                <li>
                    <a href="<?php echo base_url().'site/serviceprovider'; ?>" class="">
                        <div class="icnonDiv">

                            <img class="img2" src="<?php echo base_url(); ?>assets/images/service.svg" alt="">
                        </div>
                        <div class="menu-title">Service Provider</div>
                    </a>

                </li>





                <li>

                    <a class="btn btncolapse collapsed" data-bs-toggle="collapse" href="#collapseExample4" role="button"
                        aria-expanded="false" aria-controls="collapseExample4">
                        <div class="d-flex justify-content-between align-items-center w-100">
                            <div class="d-flex">
                                <div class="icnonDiv">

                                    <img class="img2" src="<?php echo base_url(); ?>assets/images/sett.png" alt="">
                                </div>
                                <div class="menu-title">Settings</div>
                            </div>
                            <img src="<?php echo base_url(); ?>assets/images/iconchev.png" alt="">
                        </div>
                    </a>
                    <div class="collapse" id="collapseExample4">
                        <div class="card card-body menuCard">
                            <div>

                                <div>
                                    <a href="<?php echo base_url().'site/waterrates'; ?>" class="">

                                        <div class="menu-title">Water Rates</div>
                                    </a>

                                </div>



                                <div>
                                    <a href="<?php echo base_url().'site/amenities'; ?>" class="">

                                        <div class="menu-title">Amenities</div>
                                    </a>

                                </div>

                                <div>
                                    <a href="<?php echo base_url().'site/authorization'; ?>" class="">

                                        <div class="menu-title">Authorizations</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/admininfo'; ?>" class="">

                                        <div class="menu-title">Admin & condo info</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/setupmeetings'; ?>" class="">

                                        <div class="menu-title">Setup Meetings</div>
                                    </a>

                                </div>
                                <div>
                                    <a href="<?php echo base_url().'site/securitycompanies'; ?>" class="">

                                        <div class="menu-title">Security Companies</div>
                                    </a>

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

                </li>
                <li>
                    <a href="<?php echo base_url().'site/reports'; ?>" class="">
                        <div class="icnonDiv">

                            <img class="img2" src="<?php echo base_url(); ?>assets/images/report.svg" alt="">
                        </div>
                        <div class="menu-title">Reports
                        </div>
                    </a>

                </li>
                <li>
                    <a href="#" class="d-flex align-items-center text-white gap-2">
                        <div class="icnonDiv">

                            <span class="img2">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-box-arrow-left" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                        d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z" />
                                    <path fill-rule="evenodd"
                                        d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708z" />
                                </svg>
                            </span>
                        </div>
                        <div class="menu-title m-0">Logout</div>
                    </a>
                </li>




            </ul>

            <!--end navigation-->
        </div>




    </aside>
<!--end sidebar-->




      

  