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

45 lines
2.0 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' => 'Manajemen Artikel',
'url' => route('admin.article-management'),
'icon' => asset('images/articles.svg'),
'active' => request()->routeIs('admin.article-management*'),
],
[
'title' => 'Tambah Artikel',
'url' => route('admin.add-article'),
'icon' => asset('images/article.svg'),
'active' =>
request()->routeIs('admin.add-article*') ||
request()->routeIs('admin.user-article.*') ||
request()->routeIs('admin.add-article-detail*') ||
request()->routeIs('admin.user-article-detail.*') ||
request()->routeIs('admin.add-article-sub*') ||
request()->routeIs('admin.user-article-sub.*'),
],
];
@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>