Heera/resources/views/layouts/partials/sidebar.blade.php

<div class="app-menu navbar-menu">
  <!-- LOGO -->
  <div class="navbar-brand-box">
    <!-- Dark Logo-->
    <a href="{{ route('home') }}" 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="{{ route('home') }}" 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">
        <li class="nav-item">
          <a href="{{ route('home') }}" class="nav-link"> <i class="ri-home-line"></i>Dashboard </a>
        </li>

        @can('customer.index')
          <li class="nav-item">
            <a class="nav-link menu-link @if (\Request::is('customer') || \Request::is('customer/*')) active @endif"
              href="{{ route('customer.index') }}">
              <i class="ri-team-line"></i> <span data-key="t-customers">Customer</span>
            </a>
          </li>
        @endcan

        @can('billingComponent.index')
        <li class="nav-item">
          <a class="nav-link menu-link @if (\Request::is('billing-component') || \Request::is('billing-component/*')) active @endif"
            href="{{ route('billingComponent.index') }}">
            <i class="ri-team-line"></i> <span data-key="t-billingDetails">Billing Component</span>
          </a>
        </li>
      @endcan

        <!--- Estimate Start-->
        <li class="nav-item">
          <a class="nav-link menu-link" href="#MenuEstimate" data-bs-toggle="collapse" role="button"
            aria-expanded="false" aria-controls="MenuEstimate">
            <i class="ri-dashboard-2-line"></i> <span data-key="t-estimates">Estimate</span>
          </a>
          <div class="menu-dropdown collapse" id="MenuEstimate">
            <ul class="nav nav-sm flex-column">
              @can('estimate.index')
                <li class="nav-item">
                  <a href="{{ route('estimate.index') }}"
                    class="nav-link @if (\Request::is('estimate') || \Request::is('estimate/*')) active @endif">Estimate</a>
                </li>
              @endcan

              @can('estimateDetail.index')
              <li class="nav-item">
                <a href="{{ route('estimateDetail.index') }}"
                  class="nav-link @if (\Request::is('estimate-detail') || \Request::is('estimate-detail/*')) active @endif">Estimate Detail</a>
              </li>
            @endcan
             
            </ul>
          </div>
        </li>
        <!--- Master End-->

        @role('admin')
          <li class="menu-title"><i class="ri-more-fill"></i> <span data-key="t-pages">Setting</span></li>
          <li class="nav-item">
            <a class="nav-link menu-link" href="#MenuUser" data-bs-toggle="collapse" role="button" aria-expanded="false"
              aria-controls="MenuUser">
              <i class="ri-user-2-line"></i> <span data-key="t-Users">User Management</span>
            </a>
            <div class="menu-dropdown collapse" id="MenuUser">
              <ul class="nav nav-sm flex-column">
                @can('user.index')
                  <li class="nav-item">
                    <a href="{{ route('user.index') }}"
                      class="nav-link @if (\Request::is('user') || \Request::is('user/*')) active @endif">Users</a>
                  </li>
                @endcan
                @can('role.index')
                  <li class="nav-item">
                    <a href="{{ route('role.index') }}"
                      class="nav-link @if (\Request::is('role') || \Request::is('role/*')) active @endif">Roles</a>
                  </li>
                @endcan
                @can('permission.index')
                  <li class="nav-item">
                    <a href="{{ route('permission.index') }}"
                      class="nav-link @if (\Request::is('permission') || \Request::is('permission/*')) active @endif">Permissions</a>
                  </li>
                @endcan
              </ul>
            </div>
          </li>

          <!--- Master Start-->
          <li class="nav-item">
            <a class="nav-link menu-link" href="#MenuMaster" data-bs-toggle="collapse" role="button"
              aria-expanded="false" aria-controls="MenuMaster">
              <i class="ri-dashboard-2-line"></i> <span data-key="t-masters">Master</span>
            </a>
            <div class="menu-dropdown collapse" id="MenuMaster">
              <ul class="nav nav-sm flex-column">
                @can('country.index')
                  <li class="nav-item">
                    <a href="{{ route('country.index') }}"
                      class="nav-link @if (\Request::is('country') || \Request::is('country/*')) active @endif">Countries</a>
                  </li>
                @endcan
                @can('province.index')
                  <li class="nav-item">
                    <a href="{{ route('province.index') }}"
                      class="nav-link @if (\Request::is('province') || \Request::is('province/*')) active @endif">Provinces</a>
                  </li>
                @endcan
                @can('district.index')
                  <li class="nav-item">
                    <a href="{{ route('district.index') }}"
                      class="nav-link @if (\Request::is('district') || \Request::is('district/*')) active @endif">Districts</a>
                  </li>
                @endcan
                @can('municipality.index')
                  <li class="nav-item">
                    <a href="{{ route('municipality.index') }}"
                      class="nav-link @if (\Request::is('municipality') || \Request::is('municipality/*')) active @endif">Municipalities</a>
                  </li>
                @endcan
                @can('dropdown.index')
                  <li class="nav-item">
                    <a href="{{ route('dropdown.index') }}"
                      class="nav-link @if (\Request::is('dropdown') || \Request::is('dropdown/*')) active @endif">Dropdown</a>
                  </li>
                @endcan
              </ul>
            </div>
          </li>
          <!--- Master End-->
        @endrole


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

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