{{-- sidenav --}}
<div class="hidden lg:block xl:w-[25%] sticky top-10 h-screen overflow-y-auto">
    <div class="lg:w-[350px] p-5 bg-white shadow-xl border-2 rounded-xl">
        <h2 class="text-[#005aab] text-xl font-bold">Navigate</h2>
        <div class="scrollable-content">
            <div class="mt-8 flex flex-col space-y-5">
                @foreach($accountTypes as $accountType)
                    <a href="{{route('createAccountForm', $accountType)}}"
                       class="capitalize font-bold text-[#6c757d] hover:text-[#005aad]">{{$accountType->name}}</a>
                @endforeach
            </div>
        </div>
    </div>
</div>