New-OMIS/resources/views/layouts/partials/sidebar.blade.php

<div class="app-menu navbar-menu">
  <!-- LOGO -->
  <div class="navbar-brand-box">
    <!-- Dark Logo-->
    <a href="index-2.html" class="logo logo-dark">
      <span class="logo-sm">
        <img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
      </span>
      <span class="logo-lg">
        <img src="{{ asset('assets/images/logo-dark.png') }}" alt="" height="17">
      </span>
    </a>
    <!-- Light Logo-->
    <a href="index-2.html" class="logo logo-light">
      <span class="logo-sm">
        <img src="{{ asset('assets/images/logo-sm.png') }}" alt="" height="22">
      </span>
      <span class="logo-lg">
        <img src="{{ asset('assets/images/logo-light.png') }}" alt="" height="17">
      </span>
    </a>
    <button type="button" class="btn btn-sm fs-20 header-item float-end btn-vertical-sm-hover p-0" id="vertical-hover">
      <i class="ri-record-circle-line"></i>
    </button>
  </div>

  <div id="scrollbar">
    <div class="container-fluid">

      <div id="two-column-menu">
      </div>
      <ul class="navbar-nav" id="navbar-nav">
        <!-- start Dashboard Menu -->
        <li class="menu-title"><span data-key="t-menu">Menu</span></li>
        <li class="nav-item">
          <a class="nav-link menu-link active" href="#MenuOne" data-bs-toggle="collapse" role="button"
            aria-expanded="true" aria-controls="MenuOne">
            <i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">Dashboard</span>
          </a>
          <div class="menu-dropdown collapse" id="MenuOne">
            <ul class="nav nav-sm flex-column">
              <li class="nav-item">
                <a href="#" class="nav-link" data-key="t-setting"> Setting </a>
              </li>
            </ul>
          </div>
        </li>
        <!-- end Dashboard Menu -->
        <li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-pages">Pages</span></li>
        <li class="nav-item">
          <a class="nav-link menu-link" href="#MenuTwo" data-bs-toggle="collapse" role="button"
            aria-expanded="false" aria-controls="MenuTwo">
            <i class="ri-dashboard-2-line"></i> <span data-key="t-resources">Website Resources</span>
          </a>
          <div class="menu-dropdown collapse" id="MenuTwo">
            <ul class="nav nav-sm flex-column">
              <li class="nav-item">
                <a href="#" class="nav-link" data-key="t-slider"> Slider </a>
              </li>
              <li class="nav-item">
                <a href="dashboard-crm.html" class="nav-link" data-key="t-slider"> CRM </a>
              </li>
            </ul>
          </div>
        </li>

        <li class="nav-item">
          <a class="nav-link menu-link" href="{{ route('leave.index') }}">
            <i class="ri-honour-line"></i> <span data-key="t-widgets">Leave</span>
          </a>
        </li>

        <li class="nav-item">
          <a class="nav-link menu-link" href="{{ route('employee.index') }}">
            <i class="ri-honour-line"></i> <span data-key="t-widgets">Employee</span>
          </a>
        </li>

      </ul>
    </div>
    <!-- Sidebar -->
  </div>

  <div class="sidebar-background"></div>
</div>