<aside id="sidebar-multi-level-sidebar" class="fixed top-0 left-0 z-20 flex flex-col flex-shrink-0 w-64 h-full pt-16 font-normal duration-75 lg:flex transition-width hidden" aria-label="Sidebar">
   <div class="relative flex flex-col flex-1 min-h-0 pt-0 bg-white border-r border-gray-200  ">
       <div class="flex flex-col flex-1 pt-5 pb-4 overflow-y-auto">
           <div class="flex-1 px-3 space-y-1 bg-white divide-y divide-gray-200  dark:divide-gray-700">
                <ul class="space-y-2 font-semibold">
                    <li>
                        <a href="{{ route('admin.index') }}" class="{{ (request()->is('app')) ? 'bg-gray-100' : '' }} flex items-center p-2 text-gray-900 rounded-lg  hover:bg-gray-100  group">
                        <span class="ms-3">Beranda</span>
                        </a>
                    </li>
                    <li>
                        <button type="button" class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100  " aria-controls="pendaftaran" data-collapse-toggle="pendaftaran">
                            <span class="flex-1 ms-3 text-left rtl:text-right whitespace-nowrap">Pendaftaran</span>
                            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
                            </svg>
                        </button>
                        <ul id="pendaftaran" class="{{ (request()->is('app*')) ? '' : 'hidden' }} py-2 space-y-2">
                            <li>
                                <a href="{{ route('admin.proposal.index') }}" class="{{ (request()->is('app/proposal')) ? 'bg-gray-100' : '' }} flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-8 group hover:bg-gray-100  ">Proposal</a>
                            </li>
                            <li>
                                <a href="#" class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-8 group hover:bg-gray-100  ">Kolokium</a>
                            </li>
                            <li>
                                <a href="#" class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-8 group hover:bg-gray-100  ">Yudisium</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="{{ route('admin.kelola.create') }}" class="{{ (request()->is('app/kelola')) ? 'bg-gray-100' : '' }} flex items-center p-2 text-gray-900 rounded-lg  hover:bg-gray-100  group">
                        <span class="ms-3">Kelola</span>
                        </a>
                    </li>
                </ul>
           </div>
       </div>
   </div>
</aside>