<aside class="sidebar">
     <div class="p-lg">
         <div class="nav-brand mb-lg text-center">
             <a href="{{ route('dashboard') }}" class="text-center">
                 <x-application-logo class="block h-9 w-auto fill-current text-gray-800 dark:text-gray-200 text-center" />
             </a>
         </div>
 
         <nav class="sidebar-nav">
             {{-- Dashboard: visible to all authenticated tenant users by default. If you want to gate it, wrap with @can('view_dashboard') --}}
             <div class="nav-item">
                 <a href="{{ route('dashboard') }}" class="nav-link {{ request()->routeIs('dashboard*') ? 'active' : '' }}">
                     <i class="fas fa-tachometer-alt"></i>
                     {{ __('Dashboard') }}
                 </a>
             </div>
 
             {{-- Manage Customers --}}
             @can('manage_customers')
             <div class="nav-item">
                 <a href="{{ route('customers.index') }}" class="nav-link {{ request()->routeIs('customers.index') ? 'active' : '' }}">
                     <i class="fas fa-users-rectangle"></i>
                     {{ __('Manage Customers') }}
                 </a>
             </div>
             @endcan
 
             {{-- Manage Users --}}
             @can('manage_users')
             <div class="nav-item">
                 <a href="{{ route('users.index') }}" class="nav-link {{ request()->routeIs('users.index') ? 'active' : '' }}">
                     <i class="fas fa-users"></i>
                     {{ __('Manage Users') }}
                 </a>
             </div>
             @endcan
 
             <!-- <div class="nav-item">
                 <a href="{{ route('printer-type.index') }}" class="nav-link {{ request()->routeIs('printer-type.index') ? 'active' : '' }}">
                     <i class="fas fa-teletype"></i>
                     {{ __('Manage Printer Type') }}
                 </a>
             </div> -->
 
             {{-- Manage Printers --}}
             @can('manage_printers')
             <div class="nav-item">
                 <a href="{{ route('printers.index') }}" class="nav-link {{ request()->routeIs('printers.index') ? 'active' : '' }}">
                     <i class="fas fa-print"></i>
                     {{ __('Manage Printers') }}
                 </a>
             </div>
             @endcan
 
             <!-- <div class="nav-item">
                 <a href="{{ route('vendors.index') }}" class="nav-link {{ request()->routeIs('vendors.index') ? 'active' : '' }}">
                     <i class="fas fa-print"></i>
                     {{ __('Vendors') }}
                 </a>
             </div> -->
 
             {{-- Monitoring Settings --}}
             @can('monitoring_settings')
             <div class="nav-item">
                 <a href="{{ route('settings.index') }}" class="nav-link {{ request()->routeIs('settings.index') ? 'active' : '' }}">
                     <i class="fas fa-cog"></i>
                     {{ __('Monitoring Settings') }}
                 </a>
             </div>
             @endcan
 
             {{-- Notification Settings --}}
             @can('notification_settings')
             <div class="nav-item">
                 <a href="{{ route('email-settings.index') }}" class="nav-link {{ request()->routeIs('email-settings.index') ? 'active' : '' }}">
                     <i class="fas fa-cog"></i>
                     {{ __('Notification Settings') }}
                 </a>
             </div>
             @endcan
 
             {{-- Profile and Logout: available to all authenticated users --}}
             <div class="nav-item">
                 <a href="{{ route('profile.edit') }}" class="nav-link {{ request()->routeIs('profile.edit') ? 'active' : '' }}">
                     <i class="fas fa-user-edit"></i>
                     {{ __('Profile') }}
                 </a>
             </div>
             <div class="nav-item">
                 <form method="POST" action="{{ route('logout') }}">
                     @csrf
                     <x-dropdown-link class="nav-link" :href="route('logout')" onclick="event.preventDefault(); this.closest('form').submit();">
                         <i class="fas fa-sign-out"></i>
                         {{ __(' Log Out') }}
                     </x-dropdown-link>
                 </form>
             </div>
         </nav>
     </div>
 </aside>