<!-- Admin Sidebar -->
<div class="fixed inset-y-0 left-0 w-64 bg-[#8B0000] text-white shadow-lg">
    <!-- Logo Section -->
    <div class="h-16 flex items-center justify-center border-b border-[#9B1111]">
        <span class="text-xl font-bold tracking-wide">Legacy Cafe</span>
    </div>

    <!-- Navigation Links -->
    <nav class="mt-6">
        <div class="px-4 space-y-2">
            <!-- Dashboard -->
            <a href="{{ route('admin.dashboard') }}" 
               class="flex items-center px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.dashboard') ? 'bg-[#9B1111]' : '' }}">
                <i class="fas fa-tachometer-alt w-5 h-5"></i>
                <span class="ml-3">Dashboard</span>
            </a>

            <!-- Menu -->
            <a href="{{ route('admin.menu') }}" 
               class="flex items-center px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.menu') ? 'bg-[#9B1111]' : '' }}">
                <i class="fas fa-utensils w-5 h-5"></i>
                <span class="ml-3">Menu</span>
            </a>

            <!-- Meja -->
            <a href="{{ route('admin.tables') }}" 
               class="flex items-center px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.tables') ? 'bg-[#9B1111]' : '' }}">
                <i class="fas fa-chair w-5 h-5"></i>
                <span class="ml-3">Meja</span>
            </a>

            <!-- Reservasi -->
            <a href="{{ route('admin.reservations') }}" 
               class="flex items-center px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.reservations') ? 'bg-[#9B1111]' : '' }}">
                <i class="fas fa-calendar-check w-5 h-5"></i>
                <span class="ml-3">Reservasi</span>
            </a>

            <!-- Kritik & Saran -->
            <a href="{{ route('admin.kritiksaran.index') }}" 
               class="flex items-center px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs('admin.kritiksaran.index') ? 'bg-[#9B1111]' : '' }}">
                <i class="fas fa-comments w-5 h-5"></i>
                <span class="ml-3">Kritik & Saran</span>
            </a>

            <div class="relative">
                <button id="dropdownDefaultButton" 
                        data-dropdown-toggle="dropdown" 
                        class="flex items-center w-full px-4 py-3 hover:bg-[#9B1111] rounded-lg transition-colors duration-200 {{ request()->routeIs(['admin.carousel.index', 'admin.gallery.index']) ? 'bg-[#9B1111]' : '' }}"
                        type="button">
                    <i class="fas fa-images w-5 h-5"></i>
                    <span class="ml-3">Konten</span>
                    <i class="fas fa-chevron-down ml-auto"></i>
                </button>

                <!-- Dropdown menu -->
                <div id="dropdown" 
                     class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-full">
                    <ul class="py-2 text-sm" aria-labelledby="dropdownDefaultButton">
                        <li>
                            <a href="{{ route('admin.carousel.index') }}" 
                               class="block px-4 py-2 text-gray-700 hover:bg-[#9B1111] hover:text-white {{ request()->routeIs('admin.carousel.index') ? 'bg-[#9B1111] text-white' : '' }}">
                                Carousel
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin.gallery.index') }}" 
                               class="block px-4 py-2 text-gray-700 hover:bg-[#9B1111] hover:text-white {{ request()->routeIs('admin.gallery.index') ? 'bg-[#9B1111] text-white' : '' }}">
                                Gallery
                            </a>
                        </li>
                        <li>
                            <a href="{{ route('admin.bestseller.index') }}" 
                               class="block px-4 py-2 text-gray-700 hover:bg-[#9B1111] hover:text-white {{ request()->routeIs('admin.bestseller.index') ? 'bg-[#9B1111] text-white' : '' }}">
                                Best seller
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!-- User Section -->
    <div class="absolute bottom-0 w-full border-t border-[#9B1111]">
        <div class="px-4 py-4">
            <div class="flex items-center">
                <div class="flex-shrink-0">
                    <i class="fas fa-user-circle text-2xl"></i>
                </div>
                <div class="ml-3">
                    <p class="text-sm font-medium">{{ Auth::user()->name }}</p>
                </div>
            </div>
            <form method="POST" action="{{ route('logout') }}" class="mt-3">
                @csrf
                <button type="submit" class="w-full flex items-center px-4 py-2 hover:bg-[#9B1111] rounded-lg transition-colors duration-200">
                    <i class="fas fa-sign-out-alt w-5 h-5"></i>
                    <span class="ml-3">Logout</span>
                </button>
            </form>
        </div>
    </div>
</div>