@php
$currentUrl = \Route::currentRouteName();
@endphp

{{--@php
    $user = auth()->user();
    $allowedRoles = ['SMART'];
    $allowedIds = ['SU200206076','SU202500001','SU202512345'];
    $hasRole = $user->roles
        ->pluck('title')
        ->intersect($allowedRoles)
        ->isNotEmpty();
    $canSuperLogin = $hasRole && in_array($user->user_name, $allowedIds);
@endphp--}}

@if(!session('sidebar_blocked', false))


<div class="aside">
    <div class="aside-head">
        <div class="brand">
            <div class="brand-logo w-100 d-flex gap-2 justify-content-between align-items-center">
                <a href="/"><img class="img-fluid logo-img" src="{{ asset('/assets/images/gov-logo-white.svg') }}"
                        alt=""></a>
                <button type="button" class="btn brand-aside-toggle" aria-label="Toggle Aside"><i
                        class="fa-solid fa-angles-up"></i></button>
            </div>
        </div>
    </div>
    <div class="aside-body">
        <!-- <h6 class="mt-4">Main Menu</h6>-->
        <ul class="nav flex-column">

            @can('super_user_login')
            <li class="nav-item">
                <a href="{{ route('super.login') }}" class="nav-link">
                    <i class="fa-solid fa-circle-user"></i> Super Login
                </a>
            </li>
            @endcan

            @if(session()->has('original_admin_id'))
            <li class="nav-item">
                <a href="{{ route('back.to.admin') }}" class="nav-link">
                    <i class="fa-solid fa-envelope"></i> Switch User
                </a>
            </li>
            @endif

            @can('offline_payment')
            <li class="nav-item">
                <a href="{{ route('offline.payment') }}"
                    class="nav-link {{ request()->routeIs('offline.payment') ? 'active' : '' }}">
                    <i class="fas fa-money-check"></i>Offline Payment
                </a>
            </li>
            @endcan

            @can('nodal_list')
            <li class="nav-item">
                <a class="nav-link {{ request()->routeIs('nodal.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse"
                    href="#nodal_settings" role="button" aria-expanded="{{ request()->routeIs('nodal.*') ? 'true' : 'false' }}">
                    <i class="fa-solid fa-gear"></i> Nodal Service
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu {{ request()->routeIs('nodal.*') ? 'show' : '' }}" id="nodal_settings">
                    <ul class="nav flex-column ms-3">
                        <li>
                            <a href="{{ route('nodal.services') }}"
                                class="nav-link {{ request()->routeIs('nodal.services') ? 'active' : '' }}">
                                Add Service
                            </a>
                        </li>

                        <li>
                            <a href="{{ route('nodal.list') }}"
                                class="nav-link {{ request()->routeIs('nodal.list') ? 'active' : '' }}">
                                View Service
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            @endcan
        </ul>

        <h6 class="mt-4">Applications</h6>
        @if (app()->environment('local'))
        <ul class="nav flex-column">
            <!-- <li class="nav-item">
                <a href="{{ route('dashboard')}}" class="nav-link">
                    <i class="fa-solid fa-home"></i>Dashboard
                </a>
            </li> -->
            <!-- <li class="nav-item">
                <a class="nav-link" data-bs-toggle="collapse" href="#auth" role="button" aria-expanded="false">
                    <i class="fa-solid fa-table-list"></i>Authorisation
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu" id="auth">
                    <ul class="nav flex-column ms-3">
                        <li><a href="#" class="nav-link">Apply</a></li>
                        <li><a href="#" class="nav-link">Application List</a></li>
                    </ul>
                </div>
            </li> -->
            {{--@can('send_box')
            <li class="nav-item">
                <a href="{{route('email.sendBoxList')}}" class="nav-link">
            <i class="fa-solid fa-envelope"></i> Mail
            </a>
            </li>
            @endcan--}}
            <!-- <li class="nav-item">
                <a class="nav-link" data-bs-toggle="collapse" href="#dir" role="button" aria-expanded="false">
                    <i class="fa-solid fa-table-columns"></i> Directives
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu" id="dir">
                    <ul class="nav flex-column ms-3">
                        <li><a href="#" class="nav-link">Circular</a></li>
                        <li><a href="#" class="nav-link">Notices</a></li>
                        <li><a href="#" class="nav-link">Order</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="collapse" href="#act" role="button" aria-expanded="false">
                    <i class="fa-solid fa-clock"></i> Pending Actions
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu" id="act">
                    <ul class="nav flex-column ms-3">
                        <li><a href="#" class="nav-link">For Your Action</a></li>
                        <li><a href="#" class="nav-link">For Your Information</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="collapse" href="#compl" role="button" aria-expanded="false">
                    <i class="fa-solid fa-file-export"></i> Submit Compliances
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu" id="compl">
                    <ul class="nav flex-column ms-3">
                        <li><a href="#" class="nav-link">Submit Reports</a></li>
                        <li><a href="#" class="nav-link">Submit ITU</a></li>
                        <li><a href="#" class="nav-link">Submit MOR</a></li>
                    </ul>
                </div>
            </li> -->
            <!-- <li class="nav-item">
                <a class="nav-link" data-bs-toggle="collapse" href="#supp" role="button" aria-expanded="false">
                    <i class="fa-solid fa-circle-info"></i>Support
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>
                <div class="collapse submenu" id="supp">
                    <ul class="nav flex-column ms-3">
                        <li><a href="javascript:void(0)" class="nav-link">New Document List</a></li>
                        <li><a href="javascript:void(0)" class="nav-link">User Manual</a></li>
                        <li><a href="javascript:void(0)" class="nav-link">FAQ</a></li>
                    </ul>
                </div>
            </li> -->
            <!-- <li class="nav-item">
                <a href="javascript:void(0)" class="nav-link">
                    <i class="fa-solid fa-circle-info"></i>HelpDesk
                </a>
            </li> -->
        </ul>

        {{-- Temp sidebar --}}
        <!-- <h6 class="mt-4">Saral Temp Sidebar</h6> -->
        @endif


        <!-- Main Telecommunication Services -->

        @canany(['nso_apply','nso_scrutiny','vno_apply','vno_scrutiny'])
        <ul class="nav flex-column sidebar-menu">

            <li class="nav-item">
                <a class="nav-link d-flex align-items-center {{ request()->routeIs('nso.*') || request()->routeIs('vno.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#mainServices" role="button" aria-expanded="{{ request()->routeIs('nso.*') || request()->routeIs('vno.*') ? 'true' : 'false' }}">
                    <i class="fa-solid fa-table-list me-2"></i> Principal Telecom Services
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>

                <div class="collapse submenu {{ request()->routeIs('nso.*') || request()->routeIs('vno.*') ? 'show' : '' }}" id="mainServices" data-bs-parent=".sidebar-menu">
                    <ul class="nav flex-column ms-3">

                        <!-- NSO -->
                        @canany(['nso_apply','nso_scrutiny'])
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center {{ request()->routeIs('nso.*') ? '' : 'collapsed' }}"
                                data-bs-toggle="collapse" href="#nsoMenu" role="button" aria-expanded="{{ request()->routeIs('nso.*') ? 'true' : 'false' }}"> NSO
                                <i class="fa-solid fa-chevron-down ms-auto"></i>
                            </a>

                            <div class="collapse {{ request()->routeIs('nso.*') ? 'show' : '' }}" id="nsoMenu" data-bs-parent="#mainServices">
                                <ul class="nav flex-column ms-3">
                                    @can('nso_apply')
                                    <li>
                                        <a href="{{ route('templates.show', encode_id(2))}}" class="nav-link">Apply New</a>
                                    </li>
                                    @endcan

                                    @can('nso_apply')
                                    <li>
                                        <a href="{{ route('nso.application.index')}}" class="nav-link {{ request()->routeIs('nso.application.index') ? 'active' : '' }}">Application List</a>
                                    </li>
                                    @endcan

                                    @can('nso_scrutiny')
                                    <li>
                                        <a href="{{ route('nso.scrutiny.index')}}" class="nav-link {{ request()->routeIs('nso.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                                    </li>
                                    @endcan
                                </ul>
                            </div>
                        </li>
                        @endcanany

                        <!-- VNO -->
                        @canany(['vno_apply', 'vno_scrutiny'])
                        <li class="nav-item">
                            <a class="nav-link d-flex align-items-center {{ request()->routeIs('vno.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#vnoMenu" role="button" aria-expanded="{{ request()->routeIs('vno.*') ? 'true' : 'false' }}"> VNO
                                <i class="fa-solid fa-chevron-down ms-auto"></i>
                            </a>

                            <div class="collapse {{ request()->routeIs('vno.*') ? 'show' : '' }}" id="vnoMenu" data-bs-parent="#mainServices">
                                <ul class="nav flex-column ms-3">
                                    @can('vno_apply')
                                    <li>
                                        <a href="{{ route('templates.show', encode_id(4))}}" class="nav-link">Apply New</a>
                                    </li>
                                    @endcan

                                    @can('vno_apply')
                                    <li>
                                        <a href="{{ route('vno.application.index')}}" class="nav-link {{ request()->routeIs('vno.application.index') ? 'active' : '' }}">Application List</a>
                                    </li>
                                    @endcan

                                    @can('vno_scrutiny')
                                    <li>
                                        <a href="{{ route('vno.scrutiny.index')}}" class="nav-link {{ request()->routeIs('vno.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                                    </li>
                                    @endcan
                                </ul>
                            </div>
                        </li>
                        @endcanany
                    </ul>
                </div>
            </li>
        </ul>
        @endcanany

        <!-- Miscellaneous Telecommunication Services -->

        @canany(['pmrts_apply','pmrts_scrutiny'])
        <ul class="nav flex-column sidebar-menu">
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center {{ request()->routeIs('mis.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#misServices" role="button" aria-expanded="{{ request()->routeIs('mis.*') ? 'true' : 'false' }}">
                    <i class="fa-solid fa-table-list me-2"></i> Miscellaneous Telecom Services
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>

                <!-- PMRTS -->
                @canany(['pmrts_apply','pmrts_scrutiny'])
                <div class="collapse {{ request()->routeIs('mis.*') ? 'show' : '' }}" id="misServices" data-bs-parent="#misServices">
                    <ul class="nav flex-column ms-3">
                        @can('pmrts_apply')
                        <li>
                            <a href="{{ route('templates.show', encode_id(5))}}" class="nav-link">Apply New</a>
                        </li>
                        @endcan

                        @if(app()->environment(['local', 'development']))
                        @can('pmrts_apply')
                        <li>
                            <a class="nav-link {{ request()->routeIs('mis.application.srm-approval') ? 'active' : '' }}" href="{{ route('mis.application.srmApproval') }}">Apply for SRM Platform Approval</a>
                        </li>
                        @endcan
                        @endif

                        @can('pmrts_apply')
                        <li>
                            <a class="nav-link {{ request()->routeIs('mis.application.index') ? 'active' : '' }}" href="{{ route('mis.application.index') }}">Application List</a>
                        </li>
                        @endcan

                        @can('pmrts_scrutiny')
                        <li>
                            <a class="nav-link {{ request()->routeIs('mis.scrutiny.index') ? 'active' : '' }}" href="{{ route('mis.scrutiny.index') }}">Application Scrutiny List</a>
                        </li>
                        @endcan
                    </ul>
                </div>
                @endcanany
            </li>
        </ul>
        @endcanany

        <!-- Captive Telecommunication Services -->
        @canany(['captive_apply','captive_scrutiny'])
        <ul class="nav flex-column sidebar-menu">
            <li class="nav-item">
                <a class="nav-link d-flex align-items-center {{ request()->routeIs('captive.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#captiveMenu" role="button" aria-expanded="{{ request()->routeIs('captive.*') ? 'true' : 'false' }}">
                    <i class="fa-solid fa-table-list me-2"></i> Captive Telecom Services
                    <i class="fa-solid fa-chevron-down ms-auto"></i>
                </a>

                <div class="collapse {{ request()->routeIs('captive.*') ? 'show' : '' }}" id="captiveMenu" data-bs-parent="#mainServices">
                    <ul class="nav flex-column ms-3">
                        @can('captive_apply')
                        <li>
                            <a href="{{ route('templates.show', encode_id(17))}}" class="nav-link">Apply New</a>
                        </li>

                        <li>
                            <a class="nav-link {{ request()->routeIs('captive.application.index') ? 'active' : '' }}" href="{{ route('captive.application.index')}}">Application List</a>
                        </li>
                        @endcan

                        @can('captive_scrutiny')
                        <li>
                            <a class="nav-link {{ request()->routeIs('captive.scrutiny.index') ? 'active' : '' }}" href="{{ route('captive.scrutiny.index') }}">Application Scrutiny List</a>
                        </li>
                        @endcan
                    </ul>
                </div>
            </li>
        </ul>
        @endcanany



    <!-- NWA Start-->
    @if( in_array(auth()->user()?->user_type, ['C', 'PSU','D2']) )
    @canany(['nwa_apply','nwa_scrutiny'])
    <ul class="nav flex-column sidebar-menu">
        <li class="nav-item">
            <a class="nav-link d-flex align-items-center {{ request()->routeIs('nwa.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#nwaMenu" role="button"
                aria-expanded="{{ request()->routeIs('nwa.*') ? 'true' : 'false' }}">

                <i class="fa-solid fa-table-list me-2"></i> Network Telecom Services
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>
            <div class="collapse {{ request()->routeIs('nwa.*') ? 'show' : '' }}"
                id="nwaMenu"
                data-bs-parent="#mainServices">

                <ul class="nav flex-column ms-3">
                    @can('nwa_apply')
                    <li><a href="{{ route('templates.show', encode_id(18))}}" class="nav-link">Apply New</a></li>

                    <li>
                        <a href="{{ route('nwa.application.index') }}"
                            class="nav-link {{ request()->routeIs('nwa.application.index') ? 'active' : '' }}">
                            Application List
                        </a>
                    </li>
                    @endcan
                    @can('nwa_scrutiny')
                    <li>
                        <a href="{{ route('nwa.scrutiny.index')}}" class="nav-link {{ request()->routeIs('nwa.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                    </li>
                    @endcan
                </ul>
            </div>
        </li>
    </ul>
    @endcanany
    @endif
    <!-- NWA End -->

    @canany(['migration_apply', 'migration_scrutiny'])
    <ul class="nav flex-column">
        <li class="nav-item">
            <a class="nav-link {{ request()->routeIs('migrate.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#migration" role="button" aria-expanded="{{ request()->routeIs('migrate.*') ? 'true' : 'false' }}">
                <i class="fa-solid fa-table-list"></i>Migration
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>
            <div class="collapse submenu {{ request()->routeIs('migrate.*') ? 'show' : '' }}" id="migration">
                <ul class="nav flex-column ms-3">
                    @can('migration_apply')
                    <li>
                        <a href="{{ route('migrate.application.index')}}" class="nav-link {{ request()->routeIs('migrate.application.index') ? 'active' : '' }}">Migration List</a>
                    </li>
                    @endcan

                    @can('migration_scrutiny')
                    <li>
                        <a href="{{ route('migrate.scrutiny.index')}}" class="nav-link {{ request()->routeIs('migrate.scrutiny.index') ? 'active' : '' }}">Migration Scrutiny List</a>
                    </li>
                    @endcan
                </ul>
            </div>
        </li>
    </ul>
    @endcanany


    <!-- WPC REPA Start -->
    @canany(['repa_apply','repa_scrutiny'])
    <ul class="nav flex-column sidebar-menu">
        <li class="nav-item">
            <a class="nav-link d-flex align-items-center {{ request()->routeIs('repa.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#wpcServices" role="button" aria-expanded="{{ request()->routeIs('repa.*') ? 'true' : 'false' }}">
                <i class="fa-solid fa-table-list me-2"></i> Radio Equipment Possession Authorisation
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>


            <div class="collapse {{ request()->routeIs('repa.*') ? 'show' : '' }}" id="wpcServices" data-bs-parent="#wpcServices">
                <ul class="nav flex-column ms-3">
                    @can('repa_apply')
                    <li>
                        <a href="{{ route('repa.wpc-radio-equipment-important-info')}}" class="nav-link" {{ request()->routeIs('repa.wpc-radio-equipment-important-info') ? 'active' : '' }}>Apply New</a>
                    </li>

                    <li>
                        <a href="{{ route('repa.application.index')}}" class="nav-link {{ request()->routeIs('repa.application.index') ? 'active' : '' }}">Application List</a>
                    </li>
                    @endcan
                    @can('repa_scrutiny')
                    <li>
                        <a href="{{ route('repa.scrutiny.index')}}" class="nav-link {{ request()->routeIs('repa.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                    </li>
                    @endcan
                </ul>
            </div>

        </li>
    </ul>
    @endcanany
    <!-- WPC REPA End -->


    <!-- Sandbox Start -->
    @if(!app()->environment('prod'))
    @canany(['sandbox_apply','sandbox_scrutiny'])
    <ul class="nav flex-column sidebar-menu">
        <li class="nav-item">
            <a class="nav-link d-flex align-items-center {{ request()->routeIs('sandbox.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#sandboxMenu" role="button" aria-expanded="{{ request()->routeIs('sandbox.*') ? 'true' : 'false' }}">
                <i class="fa-solid fa-table-list me-2"></i> Regulatory Sandbox
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>

            <div class="collapse {{ request()->routeIs('sandbox.*') ? 'show' : '' }}" id="sandboxMenu" data-bs-parent="#sandboxMenu">
                <ul class="nav flex-column ms-3">
                    @can('sandbox_apply')
                        <li>
                            <a href="{{ route('templates.show', encode_id(19))}}" class="nav-link">Apply New</a>
                        </li>

                        <li>
                            <a href="{{ route('sandbox.application.index')}}" class="nav-link {{ request()->routeIs('sandbox.application.index') ? 'active' : '' }}">Application List</a>
                        </li>
                    @endcan
                    @can('sandbox_scrutiny')
                    <li>
                        <a href="{{ route('sandbox.scrutiny.index')}}" class="nav-link {{ request()->routeIs('sandbox.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                    </li>
                    @endcan
                </ul>
            </div>
        </li>
    </ul>
    @endcanany
    @endif


    <!-- Compliance -->
    @if(!app()->environment('prod'))
    @canany(['intimation_apply','intimation_scrutiny','tstp_report_apply','tstp_report_scrutiny'])
    <h6 class="mt-4">Compliance Report</h6>
    <ul class="nav flex-column sidebar-menu">

        <li class="nav-item">
            <a class="nav-link d-flex align-items-center {{ request()->routeIs('tsp.*') || request()->routeIs('intimation.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#complianceMenu" role="button" aria-expanded="{{ request()->routeIs('tstp.*') || request()->routeIs('intimation.*') ? 'true' : 'false' }}">
                <i class="fa-solid fa-table-list me-2"></i> Submit Compliances
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>

            <div class="collapse submenu {{ request()->routeIs('tstp.*') || request()->routeIs('intimation.*') ? 'show' : '' }}" id="complianceMenu" data-bs-parent=".sidebar-menu">
                <ul class="nav flex-column ms-3">

                    <!-- Intimation -->

                    @canany(['intimation_apply','intimation_scrutiny'])
                    <li class="nav-item">
                        <a class="nav-link d-flex align-items-center {{ request()->routeIs('intimation.*') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#intimationMenu" role="button" aria-expanded="{{ request()->routeIs('intimation.*') ? 'true' : 'false' }}"> Intimation of Commencement of Provision of Services
                            <i class="fa-solid fa-chevron-down ms-auto"></i>
                        </a>

                        <div class="collapse {{ request()->routeIs('intimation.*') ? 'show' : '' }}" id="intimationMenu" data-bs-parent="#complianceMenu">
                            <ul class="nav flex-column ms-3">

                                @can('intimation_apply')
                                <li>
                                    <a href="{{ route('intimation.application.create')}}" class="nav-link {{ request()->routeIs('intimation.application.create') ? 'active' : '' }}">Intimation of Commencement of Provision of Services</a>
                                </li>

                                <li>
                                    <a href="{{ route('intimation.application.index')}}" class="nav-link {{ request()->routeIs('intimation.application.index') ? 'active' : '' }}">Intimation of Commencement of Provision of Services List</a>
                                </li>
                                @endcan

                                @can('intimation_scrutiny')
                                <li>
                                    <a href="{{ route('intimation.scrutiny.index')}}" class="nav-link {{ request()->routeIs('intimation.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                                </li>
                                @endcan
                            </ul>
                        </div>
                    </li>
                    @endcanany

                    <!-- TSTP -->

                    @canany(['tstp_report_apply','tstp_report_scrutiny'])
                    <li class="nav-item">
                        <a class="nav-link d-flex align-items-center {{ request()->routeIs('nso.*') ? '' : 'collapsed' }}"

                            data-bs-toggle="collapse" href="#tstpMenu" role="button" aria-expanded="{{ request()->routeIs('nso.*') ? 'true' : 'false' }}"> Compliance Report for Trusted Sources and Trusted Products
                            <i class="fa-solid fa-chevron-down ms-auto"></i>
                        </a>

                        <div class="collapse {{ request()->routeIs('nso.*') ? 'show' : '' }}" id="tstpMenu" data-bs-parent="#complianceMenu">
                            <ul class="nav flex-column ms-3">

                                @can('tstp_report_apply')

                                <li>
                                    <a href="{{ route('tstp.application.create')}}" class="nav-link {{ request()->routeIs('tstp.application.create') ? 'active' : '' }}">Compliance Report for TSTP</a>
                                </li>

                                <li>
                                    <a href="{{ route('tstp.application.index')}}" class="nav-link {{ request()->routeIs('tstp.application.index') ? 'active' : '' }}">Compliance Report for TSTP List</a>
                                </li>

                                @endcan

                                @can('tstp_report_scrutiny')
                                <li>
                                    <a href="#" class="nav-link {{ request()->routeIs('nso.scrutiny.index') ? 'active' : '' }}">Application Scrutiny List</a>
                                </li>
                                @endcan
                            </ul>
                        </div>
                    </li>
                    @endcanany
                </ul>
            </div>
        </li>
    </ul>
    @endcanany
    @endif



    @canany(['user_list', 'role_list', 'permission_list'])
    <ul class="nav flex-column">
        <li class="nav-item">
            <a class="nav-link {{ request()->routeIs('admin.user_list') || request()->routeIs('admin.role_list') || request()->routeIs('admin.permission_list') ? '' : 'collapsed' }}" data-bs-toggle="collapse" href="#userRolePer" role="button" aria-expanded="{{ request()->routeIs('admin.user_list') || request()->routeIs('admin.role_list') || request()->routeIs('admin.permission_list') ? 'true' : 'false' }}">
                <i class="fa-solid fa-table-list"></i>Super User Management
                <i class="fa-solid fa-chevron-down ms-auto"></i>
            </a>
            <div class="collapse submenu {{ request()->routeIs('admin.user_list') || request()->routeIs('admin.role_list') || request()->routeIs('admin.permission_list') ? 'show' : '' }}" id="userRolePer">
                <ul class="nav flex-column ms-3">
                    @can('user_list')
                    <li><a href="{{ route('admin.user_list')}}" class="nav-link {{ request()->routeIs('admin.user_list') ? 'active' : '' }}">User List</a></li>
                    @endcan
                    @can('role_list')
                    <li><a href="{{ route('admin.role_list')}}" class="nav-link {{ request()->routeIs('admin.role_list') ? 'active' : '' }}">Roles</a></li>
                    @endcan
                    @can('permission_list')
                    <li><a href="{{ route('admin.permission_list')}}" class="nav-link {{ request()->routeIs('admin.permission_list') ? 'active' : '' }}">Permission</a></li>
                    @endcan
                </ul>
            </div>
        </li>
    </ul>
    @endcanany
</div>
</div>

@endif