<aside class="sidebar-wrapper">
    <div class="sidebar-header">
      <div class="logo-icon">
        <img src="<?php echo base_url(); ?>assets/images/dplogo.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().'dashboard'; ?>" class="">
            <div class="icnonDiv">
              <img class="img1" src="<?php echo base_url(); ?>assets/images/megaIcons/t2.png" alt="" width="20px">
              <img class="img2" src="<?php echo base_url(); ?>assets/images/megaIcons/t1.png" alt="" width="20px">
            </div>
            <div class="menu-title">Time Clock</div>
          </a>

        </li>
        <li>
          <a href="<?php echo base_url().'Users'; ?>" class="">
            <div class="icnonDiv">
              <img class="img1" src="<?php echo base_url(); ?>assets/images/megaIcons/u2.png" alt="" width="20px">
              <img class="img2" src="<?php echo base_url(); ?>assets/images/megaIcons/u1.png" alt=""
              width="20px">
            </div>
            <div class="menu-title">Users</div>
          </a>

        </li>
        <li>
          <a href="<?php echo base_url().'Dashboard/leaves'; ?>" class="">
            <div class="icnonDiv">
              <img class="img1" src="<?php echo base_url(); ?>assets/images/megaIcons/l2.png" alt="" width="20px">
              <img class="img2" src="<?php echo base_url(); ?>assets/images/megaIcons/l1.png" alt="" width="20px">
            </div>
            <div class="menu-title">Leave Request</div>
          </a>

        </li>

        <li>
          <a href="<?php echo base_url().'Users/profile'; ?>" class="">
            <div class="icnonDiv">
              <img class="img1" src="<?php echo base_url(); ?>assets/images/megaIcons/p2.png" alt="" width="20px">
              <img class="img2" src="<?php echo base_url(); ?>assets/images/megaIcons/p1.png" alt="" width="20px">
            </div>
            <div class="menu-title">Profile</div>
          </a>

        </li>
        <li>
            <a href="<?php echo base_url().'jobs'; ?>" class="">
              <div class="icnonDiv">
                <img class="img1" src="<?php echo base_url(); ?>assets/images/megaIcons/j2.png" alt="" width="20px">
                <img class="img2" src="<?php echo base_url(); ?>assets/images/megaIcons/j1.png" alt="" width="20px">
              </div>
              <div class="menu-title">Jobs</div>
            </a>
  
          </li>

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

  </aside>
