<!-- TABS -->
<div
    class="lg:hidden w-full text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:text-gray-400 dark:border-gray-700">
    <ul class="lg:hidden w-full flex">
        <li class="mr-2">
            <a href="/settings"
                class="inline-block p-4 px-8 border-b-2 rounded-t-lg {{ Request::get('settings') ? 'text-primary-800 border-primary-800' : '' }} hover:text-gray-600 hover:border-gray-300">Profile</a>
        </li>

        <li class="mr-2">
            <a href="/settings/history"
                class="inline-block p-4 px-8 border-b-2 rounded-t-lg {{ Request::get('settings/history') ? 'text-primary-800 border-primary-800' : '' }} hover:text-gray-600 hover:border-gray-300">Tiket</a>
        </li>

        <li class="mr-2">
            <a href="/settings/history"
                class="inline-block p-4 px-8 border-b-2 rounded-t-lg {{ Request::get('settings/history') ? 'text-primary-800 border-primary-800' : '' }} hover:text-gray-600 hover:border-gray-300">Riwayat
                Diskusi</a>
        </li>
    </ul>
</div>
<!-- END TABS -->


<!-- SIDEBAR -->
<div
    class="hidden lg:block lg:col-span-3 h-fit text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg overflow-hidden">
    <a href="/settings" aria-current="true"
        class="flex items-center gap-4 w-full px-4 py-4 border-b rounded-t-lg cursor-pointer {{ Request::is('settings') ? 'text-white bg-blue-700  border-gray-200' : 'border-gray-200 hover:bg-gray-100 hover:text-blue-700' }} ">
        <i class="fa-solid fa-user"></i>Profile
    </a>
    <a href="/settings/riwayat-tiket"
        class="flex items-center gap-4 w-full px-4 py-4 cursor-pointer {{ Request::is('settings/riwayat-tiket') ? 'text-white bg-blue-700  border-gray-200' : 'border-gray-200 hover:bg-gray-100 hover:text-blue-700' }} ">
        <i class="fa-solid fa-ticket"></i>Tiket
    </a>
    <a href="/settings/riwayat-diskusi"
        class="flex items-center gap-4 w-full px-4 py-4 border-b rounded-b-lg cursor-pointer {{ Request::is('settings/riwayat-diskusi') ? 'text-white bg-blue-700  border-gray-200' : 'border-gray-200 hover:bg-gray-100 hover:text-blue-700' }} ">
        <i class="fa-solid fa-clock-rotate-left"></i>Riwayat
    </a>
</div>
<!-- END SIDEBAR -->