@if(Gate::allows('manage-users') || Gate::allows('manage-items'))
<aside class="sidenav navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-2
    {{ $bg ?? ''}} {{ $box ?? ''}}"
    id="sidenav-main">
    <div class="sidenav-header ">
        <i class="fas fa-times p-3 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none"
            aria-hidden="true" id="iconSidenav"></i>
        <a class="navbar-brand m-0"
            href="{{ route('dashboards', ['page' => 'default']) }}">
            <!-- <img src="{{ $logo ?? '/assets/img/logo-ct-dark.png'}}" class="navbar-brand-img h-100" alt="main_logo"> -->
            <i class="fa-solid fa-person-walking  text-default navbar-brand-img h-300 "style="margin-left:36px;font-weight:400px;font-size:30px;color:defualt" alt="main_logo"></i>
            <!-- <i class="fa-solid fa-dumbbell text-default navbar-brand-img h-300 "style="margin-left:2px;font-weight:400px;font-size:30px;color:defualt" alt="main_logo"></i> -->
            <span class="ms-1 font-weight-bold" style="margin-left:20px;font-weight:400px;font-size:30px;color:defualt" >PILATES </span>
        </a>
    </div>
   <hr>
    <div class="collapse navbar-collapse  w-auto h-auto" id="sidenav-collapse-main">
        <ul class="navbar-nav">
                <li class="nav-item">
                    <a data-bs-toggle="collapse" href="#dashboardsExamples" class="nav-link {{ Route::currentRouteName() == 'dashboards' ? 'active' : '' }}"
                        aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                        <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                            <i class="ni ni-shop text-primary text-sm opacity-10"></i>
                        </div>
                        <span  style="color:black ;"class="nav-link-text ms-1 text-bold ">Dashboards</span>
                    </a>
                        <div class="collapse {{ Route::currentRouteName() == 'dashboards' ? 'show' : '' }} " id="dashboardsExamples">
                            <ul class="nav ms-4">
                            
                                @if(Gate::allows('manage-users') && Gate::allows('manage-items'))
                                    <li class="nav-item active">
                                            <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => 'default']) }}">
                                                <span class="sidenav-mini-icon"> D </span>
                                                <span style="color:black"class="sidenav-normal text- text-bold"> Default </span>
                                            </a>
                                        </li>
            
                                @elseif(Gate::allows('manage-users'))
                                    <li class="nav-item active">
                                        <a class="nav-link {{ str_contains(request()->url(), 'default1') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => 'default1']) }}">
                                            <span class="sidenav-mini-icon"> D </span>
                                            <span style="color:black"class="sidenav-normal text- text-bold"> Default </span>
                                        </a>
                                    </li>
                                @else
                                    <li class="nav-item ">
                                    
                                        <a class="nav-link {{ str_contains(request()->url(), '/user/chats') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => 'automotive']) }}">
                                            <span class="sidenav-mini-icon"> D </span>
                                            <span style="color:black"class="sidenav-normal text- text-bold"> Default </span>
                                        </a>
                                    </li>

                                @endif
                            
                            </ul>
                        </div>
                </li>

            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#laravelExamples" class="nav-link active"
                    aria-controls="laravelExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-end justify-content-center">
                        <i class="fas fa-user text-primary text-sm opacity-10"></i>
                    </div>
                    <span  style="color:white;"class="nav-link-text ms-1 text-bold ">User Details </span>
                </a>
                <div class="collapse show" id="laravelExamples">
                    <ul class="nav ms-4">
                        <!-- <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'user-profile' ? 'active' : '' }}sub" href="{{ route('user-profile') }}">
                                <span class="sidenav-mini-icon"> U </span>
                                <span style="color:black"class="sidenav-normal text- text-bold"> User Profile </span>
                            </a>
                        </li> -->
                          <li class="nav-item">
    <a class="nav-link {{ request()->is('user-profile*') ? 'active' : '' }} sub" 
       href="{{ route('user-profile') }}">
        <span class="sidenav-mini-icon">U</span>
        <span class="sidenav-normal">User Profile </span>
    </a>
</li>
   
                    @if(Gate::allows('manage-users') && Gate::allows('manage-items'))
   
                        <!-- <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'student-management' ? 'active' : '' }}sub" 
                            href="{{ route('student-management') }}">
                                <span class="sidenav-mini-icon"> S </span>
                                <span style="color:black"class="sidenav-normal text- text-bold"> Student Management </span>
                            </a>
                        </li> -->
                           <li class="nav-item">
    <a class="nav-link {{ request()->is('student-management*') ? 'active' : '' }} sub" 
       href="{{ route('student-management') }}">
        <span class="sidenav-mini-icon">U</span>
        <span class="sidenav-normal">Student Management </span>
    </a>
</li>
                    @elseif(Gate::allows('manage-users'))
                        <!-- <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'users-management' ? 'active' : '' }}sub" href="{{ route('users-management') }}">
                                <span class="sidenav-mini-icon"> U </span>
                                <span style="color:black"class="sidenav-normal text- text-bold"> User Management </span>
                            </a>
                        </li> -->
                                                     <li class="nav-item">
    <a class="nav-link {{ request()->is('users-management*') ? 'active' : '' }} sub" 
       href="{{ route('users-management') }}">
        <span class="sidenav-mini-icon">U</span>
        <span class="sidenav-normal">User Management </span>
    </a>
</li>
                            <!-- <li class="nav-item ">
                                <a class="nav-link {{ Route::currentRouteName() == 'role-management' ? 'active' : '' }}sub" href="{{ route('role-management') }}">
                                    <span class="sidenav-mini-icon"> R </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Role Management </span>
                                </a>
                            </li> -->
                            
                                               <li class="nav-item">
    <a class="nav-link {{ request()->is('role-management*') ? 'active' : '' }} sub" 
       href="{{ route('role-management') }}">
        <span class="sidenav-mini-icon">R</span>
        <span class="sidenav-normal">Role Management </span>
    </a>
</li>
                    
   
                           
                    @endif

                      
                    </ul>
                </div>
            </li>

            <li class="nav-item ">
                <a data-bs-toggle="collapse" href="#laravelExamples" class="nav-link active"
                    aria-controls="laravelExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-end justify-content-center">
                        <i class="fa fa-calendar text-primary text-sm opacity-10"></i>
                    </div>
                    <span  style="color:white;"class="nav-link-text ms-1 text-bold ">Session </span>
                </a>
                <div class="collapse show" id="laravelExamples">
                    <ul class="nav ms-4">
                       
    @if(Gate::allows('manage-users') && Gate::allows('manage-items'))
        <!-- Show Student Management when both permissions exist -->
    
                                               <li class="nav-item">
    <a class="nav-link {{ request()->is('groupsession*') ? 'active' : '' }} sub" 
       href="{{ route('groupsession') }}">
        <span class="sidenav-mini-icon">GS </span>
        <span class="sidenav-normal">Group Session</span>
    </a>
</li>
            
                            
       
                                
                                                                           <li class="nav-item">
    <a class="nav-link {{ request()->is('individualsession_create*') ? 'active' : '' }} sub" 
       href="{{ route('individualsession_create') }}">
        <span class="sidenav-mini-icon">CS </span>
        <span class="sidenav-normal">Create Session</span>
    </a>
</li>
                                <!-- <li class="nav-item">
                                    <a href="{{ route('individualsession_result') }}" class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}sub"
                                        aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                                        <span class="sidenav-mini-icon"> R</span>
                                        <span style="color:black"class="sidenav-normal text- text-bold">Result Session</span>
                                    </a>
                                </li> -->
                                                                          <li class="nav-item">
    <a class="nav-link {{ request()->is('individualsession_result*') ? 'active' : '' }} sub" 
       href="{{ route('individualsession_result') }}">
        <span class="sidenav-mini-icon">CS </span>
        <span class="sidenav-normal">Result Session</span>
    </a>
</li>
                               
                                <!-- <li class="nav-item">
                                    <a href="{{ route('signup') }}" class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}"
                                        aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                                        <span class="sidenav-mini-icon"> S</span>
                                        <span style="color:black"class="sidenav-normal text- text-bold">Group Session Edit</span>
                                    </a>
                                </li> -->
                                
    @elseif(Gate::allows('manage-users'))
        
    <!-- <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}sub" href="{{ route('groupsession') }}" >
                                    <span class="sidenav-mini-icon"> GS </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Group Session </span>
                                </a>
                            </li> -->
                                 <li class="nav-item">
    <a class="nav-link {{ request()->is('groupsession*') ? 'active' : '' }} sub" 
       href="{{ route('groupsession') }}">
        <span class="sidenav-mini-icon">GS </span>
        <span class="sidenav-normal">Group Session</span>
    </a>
</li>
                                <!-- <li class="nav-item">
                                    <a href="{{ route('individualsession_create') }}" class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}sub"
                                        aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                                        <span class="sidenav-mini-icon"> S</span>
                                        <span style="color:black"class="sidenav-normal text- text-bold">Create Session</span>
                                    </a>
                                </li> -->
                                                      <li class="nav-item">
    <a class="nav-link {{ request()->is('individualsession_create*') ? 'active' : '' }} sub" 
       href="{{ route('individualsession_create') }}">
        <span class="sidenav-mini-icon">CS </span>
        <span class="sidenav-normal">Create Session</span>
    </a>
</li>
                                <!-- <li class="nav-item">
                                    <a href="{{ route('signup') }}" class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}sub"
                                        aria-controls="dashboardsExamples" role="button" aria-expanded="false">
                                        <span class="sidenav-mini-icon"> S</span>
                                        <span style="color:black"class="sidenav-normal text- text-bold">Group Session Edit</span>
                                    </a>
                                </li> -->
                                                                              <li class="nav-item">
    <a class="nav-link {{ request()->is('signup*') ? 'active' : '' }} sub" 
       href="{{ route('signup') }}">
        <span class="sidenav-mini-icon">GSE </span>
        <span class="sidenav-normal">Group Session Edit</span>
    </a>
</li>
                                <!-- <li class="nav-item">
        <a href="{{ route('signup') }}" class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}"
            aria-controls="dashboardsExamples" role="button" aria-expanded="false">
            <span class="sidenav-mini-icon"> S</span>
            <span class="nav-link-text ms-1">Group Session Edit</span>
        </a>
    </li> -->
    @else
        <!-- Show User Management when only manage-users is allowed -->
                               
                                
                                <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}sub" href="{{ route('individualsession') }}" >
                                    <span class="sidenav-mini-icon"> S </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold">Feedback Session </span>
                                </a>
                            </li>
                              
                           
                                <!-- <li class="nav-item"> <span class="sidenav-mini-icon">C </span> <a class="nav-link" href="{{ route('chats') }}">Chat Support</a></li> -->

                                <!-- <li class="nav-item">
        <a class="nav-link" data-toggle="collapse" href="#chat-support" aria-expanded="false" aria-controls="chat-support">
            <i class="fas fa-comments menu-icon"></i>
            <span class="menu-title">Chat Support</span>
            <i class="menu-arrow"></i>
        </a>
        <div class="collapse" id="chat-support">
            <ul class="nav flex-column sub-menu"> -->
            
            <!-- </ul>
        </div>
    </li> -->
        
                            
    @endif
                    <!-- <li class="nav-item ">
                                <a class="nav-link {{ Route::currentRouteName() == 'item-management' ? 'active' : '' }}" href="{{ route('item-management') }}">
                                    <span class="sidenav-mini-icon"> I </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Items Management </span>
                                </a>
                            </li> -->
                        </ul>
                    </div>
                </li>
                
            <li class="nav-item ">
                <a data-bs-toggle="collapse" href="#laravelExamples" class="nav-link active"
                    aria-controls="laravelExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-end justify-content-center">
                    <!-- <i class="fa-brands fa-rocketchat"></i> -->
                        <i class="fa-brands fa-rocketchat text-primary text-sm opacity-10 mt-2"></i>
                    </div>
                    <span  style="color:white;"class="nav-link-text ms-1 text-bold ">Social </span>
                </a>
                <div class="collapse show" id="laravelExamples">
                    <ul class="nav ms-4">
                       
    @if(Gate::allows('manage-users') && Gate::allows('manage-items'))
        <!-- Show Student Management when both permissions exist -->
    
                              
        <!-- <li class="nav-item ">
                                    <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => '/home']) }}">
                                   
                                    <span class="sidenav-mini-icon"> D </span>

                                        <span style="color:black"class="sidenav-normal text- text-bold"> Class Room </span>
                                    </a>
                                </li>
                               
                               
                                <li class="nav-item"> <a class="nav-link" href="{{ route('chats') }}sub"> <span class="sidenav-mini-icon"> C </span>
                                <span style="color:black"class="sidenav-normal text- text-bold">  Chat Support </span></a></li> -->

                                              <li class="nav-item">
    <a class="nav-link {{ request()->is('home*') ? 'active' : '' }} sub" 
       href="{{ route('dashboards', ['page' => '/home']) }}">
        <span class="sidenav-mini-icon"> D </span>
        <span class="sidenav-normal">Class Room</span>
    </a>
</li>

<li class="nav-item">
    <a class="nav-link {{ request()->is('chats*') ? 'active' : '' }} sub" 
       href="{{ route('chats') }}">
        <span class="sidenav-mini-icon"> C </span>
        <span class="sidenav-normal">Chat Support</span>
    </a>
</li>
                               
    @elseif(Gate::allows('manage-users'))
        
                                
    <!-- <li class="nav-item ">
                                    <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}" href="{{ route('dashboards', ['page' => '/home']) }}">
                                        <span class="sidenav-mini-icon"> D </span>
                                        <span style="color:black"class="sidenav-normal text- text-bold"> Class Room </span>
                                    </a>
                                </li>
                                
                              
                               
                            <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}" href="{{ route('chats') }}" >
                                    <span class="sidenav-mini-icon">C </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Chat Support </span>
                                </a>
                            </li> -->
                            <li class="nav-item">
    <a class="nav-link {{ request()->is('dashboards*') ? 'active' : '' }} sub" 
       href="{{ route('dashboards', ['page' => '/home']) }}">
        <span class="sidenav-mini-icon"> D </span>
        <span class="sidenav-normal">Class Room</span>
    </a>
</li>

<li class="nav-item">
    <a class="nav-link {{ request()->is('chats*') ? 'active' : '' }} sub" 
       href="{{ route('chats') }}">
        <span class="sidenav-mini-icon"> C </span>
        <span class="sidenav-normal">Chat Support</span>
    </a>
</li>

                              
    @else
        <!-- Show User Management when only manage-users is allowed -->
                                <li class="nav-item ">
                                    <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => '/home']) }}">
                                        <span class="sidenav-mini-icon"> D </span>
                                        <span style="color:black"class="sidenav-normal text- text-bold"> Class Room </span>
                                    </a>
                                </li>
                                
                              
                               
                            <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}" href="{{ route('chats') }}sub" >
                                    <span class="sidenav-mini-icon">C </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Chat Support </span>
                                </a>
                            </li>
                                <!-- <li class="nav-item"> <span class="sidenav-mini-icon">C </span> <a class="nav-link" href="{{ route('chats') }}">Chat Support</a></li> -->

                                <!-- <li class="nav-item">
        <a class="nav-link" data-toggle="collapse" href="#chat-support" aria-expanded="false" aria-controls="chat-support">
            <i class="fas fa-comments menu-icon"></i>
            <span class="menu-title">Chat Support</span>
            <i class="menu-arrow"></i>
        </a>
        <div class="collapse" id="chat-support">
            <ul class="nav flex-column sub-menu"> -->
            
            <!-- </ul>
        </div>
    </li> -->
        
                            
    @endif
                    <!-- <li class="nav-item ">
                                <a class="nav-link {{ Route::currentRouteName() == 'item-management' ? 'active' : '' }}" href="{{ route('item-management') }}">
                                    <span class="sidenav-mini-icon"> I </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Items Management </span>
                                </a>
                            </li> -->
                        </ul>
                    </div>
                </li>
                 <li class="nav-item ">
                <a data-bs-toggle="collapse" href="#laravelExamples" class="nav-link active"
                    aria-controls="laravelExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-end justify-content-center">
                        <i class="fa-solid fa-dumbbell text-primary text-sm opacity-10 mt-6"></i>
                    </div>
                    <span style="color:white;"class="nav-link-text ms-1 text-bold ">Activities </span>
                </a>
                <div class="collapse show" id="laravelExamples">
                    <ul class="nav ms-4">
                       
    @if(Gate::allows('manage-users') && Gate::allows('manage-items'))
        <!-- Show Student Management when both permissions exist -->
                          <li class="nav-item">
    <a class="nav-link {{ request()->is('exercise*') ? 'active' : '' }} sub" 
       href="{{ route('exercise') }}">
        <span class="sidenav-mini-icon">E </span>
        <span class="sidenav-normal">Exercise</span>
    </a>
</li>
                                <!-- <li class="nav-item ">
                                    <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => '/assignexercise_class']) }}">
                                        <span class="sidenav-mini-icon"> E </span>
                                        <span style="color:black"class="sidenav-normal text- text-bold"> Assign Exercise</span>
                                    </a>
                                </li> -->
                                                    <li class="nav-item">
    <a class="nav-link {{ request()->is('assignexercise_class*') ? 'active' : '' }} sub" 
       href="{{ route('assignexercise_class') }}">
        <span class="sidenav-mini-icon">E </span>
        <span class="sidenav-normal"> Assign Exercise</span>
    </a>
</li>
            
                                <!-- <li class="nav-item ">
                                <a class="nav-link {{ str_contains(request()->url(), 'default') == true ? 'active' : '' }}" href="{{ route('dashboards', ['page' => '/assignexercise_class']) }}">
                                    <span class="sidenav-mini-icon"> E </span>
                                    <span class="sidenav-normal">Assign Exercise </span>
                                </a>
                            </li> -->
                               
    @elseif(Gate::allows('manage-users'))
        
    <!-- <li class="nav-item ">
                                    <a class="nav-link {{ request()->is('exercise*') ? 'active' : '' }}sub" href="{{ route('dashboards', ['page' => '/exercise']) }}">
                                        <span class="sidenav-mini-icon"> E </span>
                                        <span style="color:black"class="sidenav-normal text- text-bold"> Exercise </span>
                                    </a>
                                </li> -->
                               <li class="nav-item">
    <a class="nav-link {{ request()->is('exercise*') ? 'active' : '' }} sub" 
       href="{{ route('exercise') }}">
        <span class="sidenav-mini-icon">E </span>
        <span class="sidenav-normal">Exercise</span>
    </a>
</li>
                              
    @else
        <!-- Show User Management when only manage-users is allowed -->
                              
                              
                               
                                <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}" href="{{ route('exerciseforstudent') }}sub" >
                                  <span class="sidenav-mini-icon">C </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold">  Exercise </span>
                                </a>
                            </li>
                             <!-- <li class="nav-item ">  
                            <a class="nav-link {{ Route::currentRouteName() == 'session' ? 'active' : '' }}" href="{{ route('chats') }}sub" >
                                    <span class="sidenav-mini-icon">C </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Chat Support </span>
                                </a>
                            </li> -->
                                <!-- <li class="nav-item"> <span class="sidenav-mini-icon">C </span> <a class="nav-link" href="{{ route('chats') }}">Chat Support</a></li> -->

                                <!-- <li class="nav-item">
        <a class="nav-link" data-toggle="collapse" href="#chat-support" aria-expanded="false" aria-controls="chat-support">
            <i class="fas fa-comments menu-icon"></i>
            <span class="menu-title">Chat Support</span>
            <i class="menu-arrow"></i>
        </a>
        <div class="collapse" id="chat-support">
            <ul class="nav flex-column sub-menu"> -->
            
            <!-- </ul>
        </div>
    </li> -->
        
                            
    @endif
                    <!-- <li class="nav-item ">
                                <a class="nav-link {{ Route::currentRouteName() == 'item-management' ? 'active' : '' }}" href="{{ route('item-management') }}">
                                    <span class="sidenav-mini-icon"> I </span>
                                    <span style="color:black"class="sidenav-normal text- text-bold"> Items Management </span>
                                </a>
                            </li> -->
                        </ul>
                    </div>
                </li>
                
    <!-- 
            <li class="nav-item mt-3">
                <h6 class="ps-4  ms-2 text-uppercase text-xs font-weight-bolder opacity-6">PAGES</h6>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#pagesExamples" class="nav-link {{ str_contains(request()->url(), 'pages') == true ? 'active' : '' }}"
                    aria-controls="pagesExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                        <i class="ni ni-ungroup text-warning text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Pages</span>
                </a>
                <div class="collapse {{ str_contains(request()->url(), 'pages') == true ? 'show' : '' }}" id="pagesExamples">
                    <ul class="nav ms-4">
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'profile') == true ? 'active' : '' }}"
                                aria-controls="profileExample" data-bs-toggle="collapse" aria-expanded="false" role="button"
                                href="#profileExample">
                                <span class="sidenav-mini-icon"> P </span>
                                <span class="sidenav-normal"> Profile <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{  Route::currentRouteName() == 'profiles' ? 'show' : '' }}" id="profileExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'overview') == true ? 'active' : '' }}" href="{{ route('profiles', ['page' => 'overview']) }}">
                                            <span class="sidenav-mini-icon text-xs"> P </span>
                                            <span class="sidenav-normal"> Profile Overview </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'teams') == true ? 'active' : '' }}" href="{{ route('profiles', ['page' => 'teams']) }}">
                                            <span class="sidenav-mini-icon text-xs"> T </span>
                                            <span class="sidenav-normal"> Teams </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'projects') == true ? 'active' : '' }}" href="{{ route('profiles', ['page' => 'projects']) }}">
                                            <span class="sidenav-mini-icon text-xs"> A </span>
                                            <span class="sidenav-normal"> All Projects </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{ Route::currentRouteName() == 'users' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false" role="button"
                                href="#usersExample">
                                <span class="sidenav-mini-icon"> U </span>
                                <span class="sidenav-normal"> Users <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{  Route::currentRouteName() == 'users' ? 'show' : '' }}" id="usersExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'reports') == true ? 'active' : '' }}" href="{{ route('users', ['page' => 'reports']) }}">
                                            <span class="sidenav-mini-icon text-xs"> R </span>
                                            <span class="sidenav-normal"> Reports </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'new-user') == true ? 'active' : '' }}" href="{{ route('users', ['page' => 'new-user']) }}">
                                            <span class="sidenav-mini-icon text-xs"> N </span>
                                            <span class="sidenav-normal"> New User </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'accounts' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#accountExample">
                                <span class="sidenav-mini-icon"> A </span>
                                <span class="sidenav-normal"> Account <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'accounts' ? 'show' : '' }}" id="accountExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'settings') == true ? 'active' : '' }}" href="{{ route('accounts', ['page' => 'settings']) }}">
                                            <span class="sidenav-mini-icon text-xs"> S </span>
                                            <span class="sidenav-normal"> Settings </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'billing') == true ? 'active' : '' }}" href="{{ route('accounts', ['page' => 'billing']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Billing </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'invoice') == true ? 'active' : '' }}" href="{{ route('accounts', ['page' => 'invoice']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Invoice </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'security') == true ? 'active' : '' }}" href="{{ route('accounts', ['page' => 'security']) }}">
                                            <span class="sidenav-mini-icon text-xs"> S </span>
                                            <span class="sidenav-normal"> Security </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'projects' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#projectsExample">
                                <span class="sidenav-mini-icon"> P </span>
                                <span class="sidenav-normal"> Projects <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'projects' ? 'show' : '' }}" id="projectsExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'general') == true ? 'active' : '' }}" href="{{ route('projects', ['page' => 'general']) }}">
                                            <span class="sidenav-mini-icon text-xs"> G </span>
                                            <span class="sidenav-normal"> General </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'timeline') == true ? 'active' : '' }}" href="{{ route('projects', ['page' => 'timeline']) }}">
                                            <span class="sidenav-mini-icon text-xs"> T </span>
                                            <span class="sidenav-normal"> Timeline </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'new-project') == true ? 'active' : '' }}" href="{{ route('projects', ['page' => 'new-project']) }}">
                                            <span class="sidenav-mini-icon text-xs"> N </span>
                                            <span class="sidenav-normal"> New Project </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'pricing-page') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'pricing-page']) }}">
                                <span class="sidenav-mini-icon"> P </span>
                                <span class="sidenav-normal"> Pricing Page </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'rtl') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'rtl']) }}">
                                <span class="sidenav-mini-icon"> R </span>
                                <span class="sidenav-normal"> RTL </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'widgets') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'widgets']) }}">
                                <span class="sidenav-mini-icon"> W </span>
                                <span class="sidenav-normal"> Widgets </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'charts') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'charts']) }}">
                                <span class="sidenav-mini-icon"> C </span>
                                <span class="sidenav-normal"> Charts </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'sweet-alerts') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'sweet-alerts']) }}">
                                <span class="sidenav-mini-icon"> S </span>
                                <span class="sidenav-normal"> Sweet Alerts </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'notifications') == true ? 'active' : '' }}" href="{{ route('pages', ['page' => 'notifications']) }}">
                                <span class="sidenav-mini-icon"> N </span>
                                <span class="sidenav-normal"> Notifications </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#applicationsExamples" class="nav-link {{ Route::currentRouteName() == 'applications' ? 'active' : '' }}"
                    aria-controls="applicationsExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                        <i class="ni ni-ui-04 text-info text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Applications</span>
                </a>
                <div class="collapse {{ Route::currentRouteName() == 'applications' ? 'show' : '' }}" id="applicationsExamples">
                    <ul class="nav ms-4">
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'kanban') == true ? 'active' : '' }}" href="{{ route('applications', ['page' => 'kanban']) }}">
                                <span class="sidenav-mini-icon"> K </span>
                                <span class="sidenav-normal"> Kanban </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'wizard') == true ? 'active' : '' }}" href="{{ route('applications', ['page' => 'wizard']) }}">
                                <span class="sidenav-mini-icon"> W </span>
                                <span class="sidenav-normal"> Wizard </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link  {{ str_contains(request()->url(), 'datatables') == true ? 'active' : '' }}" href="{{ route('applications', ['page' => 'datatables']) }}">
                                <span class="sidenav-mini-icon"> D </span>
                                <span class="sidenav-normal"> DataTables </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'calendar') == true ? 'active' : '' }}" href="{{ route('applications', ['page' => 'calendar']) }}">
                                <span class="sidenav-mini-icon"> C </span>
                                <span class="sidenav-normal"> Calendar </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'analytics') == true ? 'active' : '' }}" href="{{ route('applications', ['page' => 'analytics']) }}">
                                <span class="sidenav-mini-icon"> A </span>
                                <span class="sidenav-normal"> Analytics </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#ecommerceExamples" class="nav-link {{ str_contains(request()->url(), 'ecommerce') == true ? 'active' : '' }}"
                    aria-controls="ecommerceExamples" role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                        <i class="ni ni-archive-2 text-success text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Ecommerce</span>
                </a>
                <div class="collapse {{ str_contains(request()->url(), 'ecommerce') == true ? 'show' : '' }}" id="ecommerceExamples">
                    <ul class="nav ms-4">
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'overview-ecommerce') == true ? 'active' : '' }}" href="{{ route('ecommerce', ['page' => 'overview-ecommerce']) }}">
                                <span class="sidenav-mini-icon"> O </span>
                                <span class="sidenav-normal"> Overview </span>
                            </a>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'products' ? 'actve' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#productsExample">
                                <span class="sidenav-mini-icon"> P </span>
                                <span class="sidenav-normal"> Products <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'products' ? 'show' : '' }} " id="productsExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'new-product') == true ? 'active' : '' }}" href="{{ route('products', ['page' => 'new-product']) }}">
                                            <span class="sidenav-mini-icon text-xs"> N </span>
                                            <span class="sidenav-normal"> New Product </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'edit-product') == true ? 'active' : '' }}" href="{{ route('products', ['page' => 'edit-product']) }}">
                                            <span class="sidenav-mini-icon text-xs"> E </span>
                                            <span class="sidenav-normal"> Edit Product </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'product-page') == true ? 'active' : '' }}" href="{{ route('products', ['page' => 'product-page']) }}">
                                            <span class="sidenav-mini-icon text-xs"> P </span>
                                            <span class="sidenav-normal"> Product Page </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'product-list') == true ? 'active' : '' }}" href="{{ route('products', ['page' => 'product-list']) }}">
                                            <span class="sidenav-mini-icon text-xs"> P </span>
                                            <span class="sidenav-normal"> Products List </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'orders' ? 'actve' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#ordersExample">
                                <span class="sidenav-mini-icon"> O </span>
                                <span class="sidenav-normal"> Orders <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'orders' ? 'show' : '' }}" id="ordersExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'order-list') == true ? 'active' : '' }}" href="{{ route('orders', ['page' => 'order-list']) }}">
                                            <span class="sidenav-mini-icon text-xs"> O </span>
                                            <span class="sidenav-normal"> Order List </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'details') == true ? 'active' : '' }}" href="{{ route('orders', ['page' => 'details']) }}">
                                            <span class="sidenav-mini-icon text-xs"> O </span>
                                            <span class="sidenav-normal"> Order Details </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ str_contains(request()->url(), 'referral') == true ? 'active' : '' }}" href="{{ route('ecommerce', ['page' => 'referral']) }}">
                                <span class="sidenav-mini-icon"> R </span>
                                <span class="sidenav-normal"> Referral </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a data-bs-toggle="collapse" href="#authExamples" class="nav-link {{ str_contains(request()->url(), 'authentication') == true ? 'active' : '' }}" aria-controls="authExamples"
                    role="button" aria-expanded="false">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                        <i class="ni ni-single-copy-04 text-danger text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Authentication</span>
                </a>
                <div class="collapse {{ str_contains(request()->url(), 'authentication') == true ? 'show' : '' }}" id="authExamples">
                    <ul class="nav ms-4">
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'signins' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#signinExample">
                                <span class="sidenav-mini-icon"> S </span>
                                <span class="sidenav-normal"> Sign In <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'signins' ? 'show' : '' }}" id="signinExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signin-basic') == true ? 'active' : '' }}" href="{{ route('signins', ['page' => 'signin-basic']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Basic </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signin-cover') == true ? 'active' : '' }}" href="{{ route('signins', ['page' => 'signin-cover']) }}">
                                            <span class="sidenav-mini-icon text-xs"> C </span>
                                            <span class="sidenav-normal"> Cover </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signin-illustration') == true ? 'active' : '' }}" href="{{ route('signins', ['page' => 'signin-illustration']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Illustration </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'signups' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#signupExample">
                                <span class="sidenav-mini-icon"> S </span>
                                <span class="sidenav-normal"> Sign Up <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'signups' ? 'show' : '' }}" id="signupExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signup-basic') == true ? 'active' : '' }}" href="{{ route('signups', ['page' => 'signup-basic']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Basic </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signup-cover') == true ? 'active' : '' }}" href="{{ route('signups', ['page' => 'signup-cover']) }}">
                                            <span class="sidenav-mini-icon text-xs"> C </span>
                                            <span class="sidenav-normal"> Cover </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'signup-illustration') == true ? 'active' : '' }}" href="{{ route('signups', ['page' => 'signup-illustration']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Illustration </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'resets' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#resetExample">
                                <span class="sidenav-mini-icon"> R </span>
                                <span class="sidenav-normal"> Reset Password <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'resets' ? 'show' : '' }}" id="resetExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'reset-basic') == true ? 'active' : '' }}" href="{{ route('resets', ['page' => 'reset-basic']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Basic </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'reset-cover') == true ? 'active' : '' }}" href="{{ route('resets', ['page' => 'reset-cover']) }}">
                                            <span class="sidenav-mini-icon text-xs"> C </span>
                                            <span class="sidenav-normal"> Cover </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'reset-illustration') == true ? 'active' : '' }}" href="{{ route('resets', ['page' => 'reset-illustration']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Illustration </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'locks' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#lockExample">
                                <span class="sidenav-mini-icon"> L </span>
                                <span class="sidenav-normal"> Lock <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'locks' ? 'show' : '' }}" id="lockExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'lock-basic') == true ? 'active' : '' }}" href="{{ route('locks', ['page' => 'lock-basic']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Basic </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'lock-cover') == true ? 'active' : '' }}" href="{{ route('locks', ['page' => 'lock-cover']) }}">
                                            <span class="sidenav-mini-icon text-xs"> C </span>
                                            <span class="sidenav-normal"> Cover </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'lock-illustration') == true ? 'active' : '' }}" href="{{ route('locks', ['page' => 'lock-illustration']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Illustration </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'verifications' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#StepExample">
                                <span class="sidenav-mini-icon"> 2 </span>
                                <span class="sidenav-normal"> 2-Step Verification <b
                                        class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'verifications' ? 'show' : '' }}" id="StepExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link  {{ str_contains(request()->url(), 'verification-basic') == true ? 'active' : '' }}" href="{{ route('verifications', ['page' => 'verification-basic']) }}">
                                            <span class="sidenav-mini-icon text-xs"> B </span>
                                            <span class="sidenav-normal"> Basic </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link  {{ str_contains(request()->url(), 'verification-cover') == true ? 'active' : '' }}" href="{{ route('verifications', ['page' => 'verification-cover']) }}">
                                            <span class="sidenav-mini-icon text-xs"> C </span>
                                            <span class="sidenav-normal"> Cover </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), 'verification-illustration') == true ? 'active' : '' }}" href="{{ route('verifications', ['page' => 'verification-illustration']) }}">
                                            <span class="sidenav-mini-icon text-xs"> I </span>
                                            <span class="sidenav-normal"> Illustration </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item ">
                            <a class="nav-link {{ Route::currentRouteName() == 'errors' ? 'active' : '' }}" data-bs-toggle="collapse" aria-expanded="false"
                                href="#errorExample">
                                <span class="sidenav-mini-icon"> E </span>
                                <span class="sidenav-normal"> Error <b class="caret"></b></span>
                            </a>
                            <div class="collapse {{ Route::currentRouteName() == 'errors' ? 'show' : '' }}" id="errorExample">
                                <ul class="nav nav-sm flex-column">
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), '404') == true ? 'active' : '' }}" href="{{ route('errors', ['page' => '404']) }}">
                                            <span class="sidenav-mini-icon text-xs"> E </span>
                                            <span class="sidenav-normal"> Error 404 </span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link {{ str_contains(request()->url(), '500') == true ? 'active' : '' }}" href="{{ route('errors', ['page' => '500']) }}">
                                            <span class="sidenav-mini-icon text-xs"> E </span>
                                            <span class="sidenav-normal"> Error 500 </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </li> -->
        </ul>
    </div>
   <style>
  /* Base link style */
.nav-link.sub {
    color: black !important;
    font-weight: bold;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    display: block;   /* ensures background covers full width */
    padding: 8px 12px;
}

/* Hover effect */
.nav-link.sub:hover {
    background-color: #6f757eff !important;  /* light grey */
    color: #fff !important;             /* blue text */
}

/* Active link */
.nav-link.sub.active {
    background-color: #6f757eff !important;  /* blue background */
    color: #fff !important;   
    margin-top:12px;             /* white text */
}

   </style>
</aside>
   @endif