<aside class="w-64 bg-gray-900 text-white flex flex-col shadow-xl flex-shrink-0">
    <div class="flex items-center gap-3 px-6 py-5 border-b border-gray-800">
        <div class="w-9 h-9 bg-green-500 rounded-lg flex items-center justify-center">
            <span class="text-white font-black text-lg">G</span>
        </div>
        <div>
            <p class="font-bold text-sm">GPS Migration</p>
            <p class="text-gray-400 text-xs">Employee Panel</p>
        </div>
    </div>

    <div class="px-6 py-3 border-b border-gray-800">
        <p class="text-xs text-gray-400">Signed in as</p>
        <p class="text-sm font-semibold truncate">{{ auth()->user()->name }}</p>
        <span class="inline-block mt-1 text-xs bg-green-700 rounded px-2 py-0.5 uppercase tracking-wide">
            {{ auth()->user()->role }}
        </span>
    </div>

    <nav class="flex-1 px-3 py-4 space-y-0.5 text-sm">
        <a href="{{ route('employee.dashboard') }}"
           class="flex items-center gap-3 px-3 py-2.5 rounded-lg font-medium text-gray-300 hover:bg-gray-800 transition
                  {{ request()->routeIs('employee.dashboard') ? 'bg-gray-800 text-white' : '' }}">
            Dashboard
        </a>
        <a href="{{ route('employee.leads.index') }}"
           class="flex items-center gap-3 px-3 py-2.5 rounded-lg font-medium text-gray-300 hover:bg-gray-800 transition
                  {{ request()->routeIs('employee.leads.*') ? 'bg-gray-800 text-white' : '' }}">
            My Leads
        </a>
        <a href="{{ route('employee.blog-articles.index') }}"
           class="flex items-center gap-3 px-3 py-2.5 rounded-lg font-medium text-gray-300 hover:bg-gray-800 transition
                  {{ request()->routeIs('employee.blog-articles.*') ? 'bg-gray-800 text-white' : '' }}">
            My Articles
        </a>
        <a href="{{ route('employee.profile.edit') }}"
           class="flex items-center gap-3 px-3 py-2.5 rounded-lg font-medium text-gray-300 hover:bg-gray-800 transition
                  {{ request()->routeIs('employee.profile.*') ? 'bg-gray-800 text-white' : '' }}">
            My Profile
        </a>
    </nav>

    <div class="p-4 border-t border-gray-800">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button type="submit"
                    class="w-full flex items-center gap-2 px-3 py-2 text-sm text-gray-400 hover:text-white hover:bg-gray-800 rounded-lg transition">
                Sign Out
            </button>
        </form>
    </div>
</aside>
