@php
    $linkBase = 'flex items-center rounded-lg border px-3 py-2 text-sm font-medium transition';
    $linkIdle = 'border-gray-200 text-gray-700 hover:border-blue-200 hover:bg-blue-50 hover:text-blue-700';
    $linkActive = 'border-blue-200 bg-blue-50 text-blue-700';
@endphp

<aside class="lg:sticky lg:top-6 self-start">
    <div class="rounded-xl border border-gray-200 bg-white p-4 shadow-sm">
        <p class="text-xs font-semibold uppercase tracking-wide text-gray-500">Yonetim</p>

        <nav class="mt-3">
            <ul class="flex gap-2 overflow-x-auto pb-1 lg:flex-col lg:overflow-visible lg:pb-0">
                <li class="shrink-0">
                    <a href="{{ route('akademi.dashboard') }}"
                       class="{{ $linkBase }} {{ request()->routeIs('akademi.dashboard') ? $linkActive : $linkIdle }}">
                        Panel Anasayfa
                    </a>
                </li>
                <li class="shrink-0">
                    <a href="{{ route('akademi.questions.index') }}"
                       class="{{ $linkBase }} {{ request()->routeIs('akademi.questions.*') ? $linkActive : $linkIdle }}">
                        Soru Listesi ve Duzenle
                    </a>
                </li>
                <li class="shrink-0">
                    <a href="{{ route('akademi.settings.index') }}"
                       class="{{ $linkBase }} {{ request()->routeIs('akademi.settings.*') ? $linkActive : $linkIdle }}">
                        Genel Ayarlar
                    </a>
                </li>
                <li class="shrink-0">
                    <a href="{{ route('akademi.dashboard') }}#question-import"
                       class="{{ $linkBase }} {{ $linkIdle }}">
                        Soru Ice Aktar
                    </a>
                </li>
                <li class="shrink-0">
                    <a href="{{ route('akademi.questions.json-import') }}"
                       class="{{ $linkBase }} {{ request()->routeIs('akademi.questions.json-import') ? $linkActive : $linkIdle }}">
                        JSON'dan Aktar
                    </a>
                </li>
                <li class="shrink-0">
                    <a href="{{ route('akademi.dashboard') }}#recent-questions"
                       class="{{ $linkBase }} {{ $linkIdle }}">
                        Son Eklenenler
                    </a>
                </li>
            </ul>
        </nav>

        <form method="POST" action="{{ route('logout') }}" class="mt-4">
            @csrf
            <button type="submit"
                    class="w-full rounded-lg border border-red-200 px-3 py-2 text-sm font-semibold text-red-700 transition hover:bg-red-50">
                Cikis Yap
            </button>
        </form>
    </div>
</aside>