<!-- partial:partials/_sidebar.html -->
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
          <ul class="nav">
            <li class="nav-item nav-profile">
              <a href="#" class="nav-link">
                <div class="nav-profile-image">
                  <img src="<?= base_url();?>assets/images/faces/face1.jpg" alt="profile" />
                  <span class="login-status online"></span>
                  <!--change to offline or busy as needed-->
                </div>
                <div class="nav-profile-text d-flex flex-column">
                  <span class="font-weight-bold mb-2">David Grey. H</span>
                  <span class="text-secondary text-small">Project Manager</span>
                </div>
                <i class="mdi mdi-bookmark-check text-success nav-profile-badge"></i>
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="<?php echo base_url();?>index.php/admin/dashboard">
                <span class="menu-title">Dashboard</span>
                <i class="mdi mdi-home menu-icon"></i>
              </a>
            </li>
            <!-- CRM&SALE -->
            <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-crm" aria-expanded="false" aria-controls="ui-crm">
                <span class="menu-title">Customer Management</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-account-multiple menu-icon"></i>
              </a>
              <div class="collapse" id="ui-crm">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="<?php echo base_url('index.php/admin/');?>crmdashboard">Customers</a>
                  </li>
                  <!-- <li class="nav-item">
                    <a class="nav-link" href="crmleads">Leads</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmquotation">Create Quotation</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmsaleorders">Sales Order</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crminvoices">Invoices</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmdeliverynotes">Delivery Notes</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmcustomerpayments">Customer Payments</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmcreditnotes">Credit Notes</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="crmfollowups">Follow Ups</a>
                  </li> -->
                </ul>
              </div>
            </li>
            <!-- Quotations -->
             <li class="nav-item">
              <a href="#ui-quote" class="nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ui-quote">
                <span class="menu-title">Quote Management</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-note menu-icon"></i>
              </a>
              <div class="collapse" id="ui-quote">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a href="<?php echo base_url('index.php/admin/');?>viewquotes" class="nav-link">View Quotes</a>
                  </li>
                  <li class="nav-item">
                    <a href="<?php echo base_url('index.php/admin/');?>createquote" class="nav-link">Create Quotation</a>
                  </li>
                </ul>
              </div>
             </li>
            <!-- Quotations -->
             <li class="nav-item">
              <a href="#ui-invoice" class="nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="ui-invoice">
                <span class="menu-title">Invoice Management</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-note menu-icon"></i>
              </a>
              <div class="collapse" id="ui-invoice">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a href="<?php echo base_url('index.php/admin/');?>viewinvoices" class="nav-link">View Invoices</a>
                  </li>
                  <li class="nav-item">
                    <a href="<?php echo base_url('index.php/admin/');?>createinvoice" class="nav-link">Create Invoice</a>
                  </li>
                </ul>
              </div>
             </li>
             <!-- Inventory -->
            <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-inventory" aria-expanded="false" aria-controls="ui-inventory">
                <span class="menu-title">Inventory & Warehouse</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-warehouse menu-icon"></i>
              </a>
              <div class="collapse" id="ui-inventory">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Item Categories</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Products/Materials</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Unit of measurement</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Warehouses</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Stock Transfer</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Stock Adjustment</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Material Issue</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Material Return</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Low Stock Alerts</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Batch / Serial Tracking</a>
                  </li>
                </ul>
              </div>
            </li>
            <!-- Procurement -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-procurement" aria-expanded="false" aria-controls="ui-procurement">
                <span class="menu-title">Procurement</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-sale menu-icon"></i>
              </a>
              <div class="collapse" id="ui-procurement">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Vendor/Suppliers</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Purchase Requests</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">RFQ<sub>(Request for Quotation)</sub></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Purchase Orders</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">GRN <sub>(Good Receipt Note)</sub></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Supplier Invoices</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Supplier Payments</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Credit Notes</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Vendor Evaluation</a>
                  </li>
                </ul>
              </div>
            </li>
            -->
            <!-- CPM (Construction Project Management) -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-cpm" aria-expanded="false" aria-controls="ui-cpm">
                <span class="menu-title">CPM <sub>Construction Proj Management</sub></span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-bulldozer menu-icon"></i>
              </a>
              <div class="collapse" id="ui-cpm">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Projects</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">BOQ Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Estimation & Costing</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Site Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Work Order</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Subcontractors</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Daily Progress Report</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Material Consumption</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Machinery & Equipment</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Manpower Allocation</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Project Billing</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Variation Orders</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Inspection Requests</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">QA/QC</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">HSE Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Project Documents</a>
                  </li>
                </ul>
              </div>
            </li> -->
            <!-- HR-Payroll -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-hr" aria-expanded="false" aria-controls="ui-hr">
                <span class="menu-title">HR & Payroll</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-calendar-clock menu-icon"></i>
              </a>
              <div class="collapse" id="ui-hr">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Employees</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Attendance</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Leave Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Payroll</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Overtime</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Employee Documents</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Accommodation Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Iqama / Visa Tracking</a>
                  </li>
                </ul>
              </div>
            </li> -->
            <!-- Finance & Account -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-accounts" aria-expanded="false" aria-controls="ui-accounts">
                <span class="menu-title">Finance & Accounts</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-cash-register menu-icon"></i>
              </a>
              <div class="collapse" id="ui-accounts">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Chart of Accounts</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Journal Entries</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Cash Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Bank Accounts</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Petty Cash</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Expense Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">VAT Management</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Profit & Loss</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Balance Sheet</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Trial Balance</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Cost Centers</a>
                  </li>
                </ul>
              </div>
            </li> -->
            <!-- Asset Management -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-assets" aria-expanded="false" aria-controls="ui-assets">
                <span class="menu-title">Asset Management</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-car-2-plus menu-icon"></i>
              </a>
              <div class="collapse" id="ui-assets">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Company Assets</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Equipment Maintenance</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Fuel Tracking</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Depreciation</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Vehicle Management</a>
                  </li>
                  
                </ul>
              </div>
            </li> -->
            <!-- Reports -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-reports" aria-expanded="false" aria-controls="ui-reports">
                <span class="menu-title">Reports</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-chart-bar menu-icon"></i>
              </a>
              <div class="collapse" id="ui-reports">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Sales Report</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Purchase Report</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Inventory Reports</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Financial Reports</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Project Cost Reports</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Employee Reports</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">VAT Reports</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">KPI Dashboard</a>
                  </li>
                  
                </ul>
              </div>
            </li> -->
            <!-- Administration -->
            <!-- <li class="nav-item">
              <a class="nav-link" data-bs-toggle="collapse" href="#ui-administration" aria-expanded="false" aria-controls="ui-administration">
                <span class="menu-title">Settings</span>
                <i class="menu-arrow"></i>
                <i class="mdi mdi-cogs menu-icon"></i>
              </a>
              <div class="collapse" id="ui-administration">
                <ul class="nav flex-column sub-menu">
                  <li class="nav-item">
                    <a class="nav-link" href="#">Notifications</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Activity Logs</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Email Settings</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Backup & Restore</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">System Settings</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Approval Workflow</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">Document Templates</a>
                  </li>
                </ul>
              </div>
            </li> -->
          
          </ul>
        </nav>