{{-- <!-- 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('customer') }}">
        <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('customer')}}">
            <i class="fas fa-fw fa-tachometer-alt"></i>
            <span>Dashboard</span></a>
    </li>

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

    <!-- Heading -->
    <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('customer/application/' . $i) }}">Application Details</a>
            </div>
        </div>
    </li>
    @endfor

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

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

</ul>
<!-- End of Sidebar --> --}}


{{-- <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('customer/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>
            @can('permission')
                <li class="nav-item">
                    <a class="nav-link" href="{{ URL('admin/user') }}" data-toggle="tooltip" data-placement="right"
                        title="">
                        <i class="fa-solid fa-users"></i>
                    </a>
                </li>
            @endcan
        </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('customer')}}" >
                            <i class="nc-icon nc-stre-right"></i>
                            <span class="sidebar-normal">Dashboard</span>
                        </a>
                    </li>
                    <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('customer/application/' . $i) }}">
                                            <span class="sidebar-normal">Application Details</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    @endfor
                </ul>
            </div>
        </div>
    </div>
</div> --}}