104 lines
5.3 KiB
PHP
104 lines
5.3 KiB
PHP
<!-- 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> |