TIF_NGANJUK_E41212146/resources/views/components/sidebar.blade.php

69 lines
2.9 KiB
PHP

<aside
class="block fixed top-0 left-0 h-full w-16 sm:w-[260px] bg-polishedPine text-gray-100 shadow-lg border-r-2 border-[#3e8e7d]">
<div class="flex items-center justify-center h-16 bg-polishedPine">
<img id="logo" src="{{ asset('images/logo.svg') }}"
class="w-16 sm:w-24 duration-1000 transition-all ease-in-out">
</div>
<nav class="px-2 sm:px-4 py-6">
@php
$menus = [
[
'title' => 'Dashboard',
'url' => route('dashboard'),
'icon' => asset('images/menu.svg'),
'active' => request()->routeIs('dashboard*'),
],
[
'title' => 'Manajemen Kandang',
'url' => route('cage-management'),
'icon' => asset('images/cage.svg'),
'active' => request()->routeIs('cage-management*'),
],
[
'title' => 'Manajemen Ayam',
'url' => route('chicken-management'),
'icon' => asset('images/chicken.svg'),
'active' => request()->routeIs('chicken-management*'),
],
[
'title' => 'Manajemen Pakan',
'url' => route('food-management'),
'icon' => asset('images/feed.svg'),
'active' => request()->routeIs('food-management*'),
],
[
'title' => 'Manajemen Keuangan',
'url' => route('finance-management'),
'icon' => asset('images/money.svg'),
'active' => request()->routeIs('finance-management*'),
],
[
'title' => 'Tambah Artikel',
'url' => route('add-article'),
'icon' => asset('images/article.svg'),
'active' => request()->is('add-article*') || request()->is('add-article-sub/*'),
],
[
'title' => 'Forum',
'url' => route('forum.index'),
'icon' => asset('images/forum.svg'),
'active' => request()->routeIs('forum.index') || request()->routeIs('topics.*'),
],
];
@endphp
<ul class="space-y-4">
@foreach ($menus as $menu)
<li>
<a href="{{ $menu['url'] }}"
class="flex items-center gap-3 px-3 py-2 rounded-md font-semibold transition hover:bg-pewterBlue hover:text-white {{ $menu['active'] ? 'bg-pewterBlue' : '' }}">
<img src="{{ $menu['icon'] }}" alt="{{ $menu['title'] }} Icon" class="w-6 h-6">
<span class="hidden sm:inline-block">{{ $menu['title'] }}</span>
</a>
</li>
@endforeach
</ul>
</nav>
</aside>