{{-- <!-- Sidebar -->
<ul class="customSidemenu navbar-nav bg-dark-brown sidebar sidebar-dark accordion" id="accordionSidebar">

    <!-- Sidebar - Brand -->
    <a class="sidebar-brand d-flex align-items-center justify-content-center" href="{{ URL('admin') }}">
        <div class="sidebar-brand-icon profile">
            <img src="{{ asset('image/cropped-hdlogo.jpg') }}" alt="App Logo" class="bg-white img img-fluid" />
        </div>
    </a>

    <!-- Divider -->
    <hr class="sidebar-divider my-0">

    <!-- Nav Item - Dashboard -->
    <li class="nav-item">
        <a class="nav-link" href="{{ URL('admin') }}">
            <i class="fas fa-fw fa-tachometer-alt"></i>
            <span>Dashboard</span></a>
    </li>

    <!-- Divider -->
    <hr class="sidebar-divider">

    <!-- Heading -->
    @can('application')
        <div class="sidebar-heading">
            AAT Application
        </div>


        @for ($i = 2023; $i <= 2028; $i++)
            <!-- Nav Item - Pages Collapse Menu -->
            <li class="nav-item">
                <a class="nav-link collapsed" href="#" data-toggle="collapse"
                    data-target="#collapseTwo{{ $i }}" aria-expanded="true" aria-controls="collapseTwo">
                    <i class="fas fa-calendar"></i>
                    <span>Year {{ $i }}</span>
                </a>
                <div id="collapseTwo{{ $i }}" class="collapse" aria-labelledby="headingTwo"
                    data-parent="#accordionSidebar">
                    <div class="bg-white py-2 collapse-inner rounded">
                        <a class="collapse-item" href="{{ URL('admin/user/?year=' . $i) }}">Application Details</a>
                    </div>
                </div>
            </li>
        @endfor
        <!-- Divider -->
        <hr class="sidebar-divider">
    @endcan

    @can('user')
        <li class="nav-item">
            <a class="nav-link" href="{{ URL('admin/user') }}">
                <i class="fas fa-users"></i>
                <span>Users</span>
            </a>
        </li>
        <!-- Divider -->
        <hr class="sidebar-divider">
    @endcan
    @can('logs')
        <li class="nav-item">
            <a class="nav-link" href="{{ URL('admin/logs') }}">
                <i class="fas fa-users"></i>
                <span>Logs</span>
            </a>
        </li>
        <!-- Divider -->
        <hr class="sidebar-divider">
    @endcan
    @can('permission')
        <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwoPermission"
                aria-expanded="true" aria-controls="collapseTwo">
                <i class="fas fa-calendar"></i>
                <span>User Permissions</span>
            </a>
            <div id="collapseTwoPermission" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <a class="collapse-item" href="{{ URL('admin/role') }}">Roles</a>
                    <a class="collapse-item" href="{{ URL('admin/permission') }}">Permissions</a>
                </div>
            </div>
        </li>
        <!-- Divider -->
        <hr class="sidebar-divider">
    @endcan

    <!-- Sidebar Toggler (Sidebar) -->
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>

</ul> --}}

{{-- Old Code --}}
{{-- <div class="mobile-header d-flex d-md-none align-items-center">
    <div class="fix-padding d-flex align-items-center">
        <a class="nav-link" href="#" data-toggle="modal" data-target="#customNavigation">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2"
                stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                <line x1="4" y1="6" x2="20" y2="6"></line>
                <line x1="4" y1="12" x2="14" y2="12"></line>
                <line x1="4" y1="18" x2="18" y2="18"></line>
            </svg>
        </a>
    </div>
    <div class="fix-padding page-title ms-2">Laravel Package</div>
</div>

<div class="customSidemenu d-none d-md-flex align-items-start flex-column bg-dark-gray">
    <div class="menu-item mb-auto">
        <ul class="navbar-nav">
            <li class="nav-item profile">
                <a class="nav-link" href="{{ URL('admin/dashboard') }}">
                    <img src="{{ asset('image/hdlogo.jpg') }}" alt="App Logo" class="bg-white">
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#" data-toggle="modal" data-target="#customNavigation">
                    Menu
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- Modal -->
<div class="modal fixed-right fade" id="customNavigation" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-aside modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-body">
                <div class="media pb-1 pt-3">
                    <img src="{{ asset('image/hdlogo.jpg') }}" class="mr-3 proPic align-self-center w-100"
                        alt="user Name">
                </div>
                <div class="media pb-1 pt-1">
                    <div class="media-body align-self-center">
                        <h5 class="mt-0 proName mb-0">{{ auth::user()->name }}</h5>
                        <form method="post" action="{{ route('logout') }}">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-primary">Logout</button>
                        </form>
                    </div>
                </div>
                <ul class="custom-side-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ URL('admin') }}">
                            <i class="nc-icon nc-stre-right"></i>
                            <span class="sidebar-normal">Dashboard</span>
                        </a>
                    </li>
                    @can('application')
                        <li class="nav-item-title">AAT Application</li>
                        @for ($i = 2023; $i <= 2028; $i++)
                            <li class="nav-item">
                                <a class="nav-link collapsed" href="#submenu{{ $i }}" data-toggle="collapse"
                                    data-target="#submenu{{ $i }}">
                                    <i class="nc-icon nc-stre-right"></i>
                                    <span class="sidebar-normal">Year {{ $i }}</span>
                                </a>
                                <div class="collapse" id="submenu{{ $i }}" aria-expanded="false">
                                    <ul class="flex-column nav pl-4">
                                        <li class="nav-item">
                                            <a class="nav-link" href="{{ URL('admin/user/?year=' . $i) }}">
                                                <span class="sidebar-normal">Applicant Details</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        @endfor
                    @endcan
                    @can('user')
                        <li class="nav-item">
                            <a class="nav-link" href="{{ URL('admin/user') }}">
                                <i class="nc-icon nc-circle-09"></i>
                                <span class="sidebar-normal">Users</span>
                            </a>
                        </li>
                    @endcan
                    @can('logs')
                        <li class="nav-item">
                            <a class="nav-link" href="{{ URL('admin/logs') }}">
                                <i class="nc-icon nc-circle-09"></i>
                                <span class="sidebar-normal">Logs</span>
                            </a>
                        </li>
                    @endcan
                    @can('permission')
                        <li class="nav-item">
                            <a class="nav-link collapsed" href="#submenupermission" data-toggle="collapse"
                                data-target="#submenupermission">
                                <i class="nc-icon nc-stre-right"></i>
                                <span class="sidebar-normal">User Permissions</span>
                            </a>
                            <div class="collapse" id="submenupermission" aria-expanded="false">
                                <ul class="flex-column nav pl-4">
                                    <li class="nav-item">
                                        <a class="nav-link" href="{{ URL('admin/role') }}">
                                            <span class="sidebar-normal">Roles</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="{{ URL('admin/permission') }}">
                                            <span class="sidebar-normal">Permissions</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    @endcan
                </ul>
            </div>
        </div>
    </div>
</div> --}}