laravel12/resources/views/inc/topbar.blade.php

94 lines
3.7 KiB
PHP

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
{{-- Logo on the left --}}
<a class="navbar-brand fw-bold" href="{{ route('dashboard') }}">
📊 대시보드
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
{{-- Menu items on the right --}}
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link {{ request()->routeIs('product*') ? 'active' : '' }}" href="{{ route('product') }}">재고관리</a>
</li>
<li class="nav-item">
<a class="nav-link {{ request()->routeIs('stock.*') ? 'active' : '' }}" href="{{ route('stock.list') }}">입출고 이력</a>
</li>
<li class="nav-item">
<a class="nav-link {{ request()->routeIs('stats') ? 'active' : '' }}" href="{{ route('stats') }}">통계</a>
</li>
@if(auth()->check() && auth()->user()->is_admin)
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle {{ request()->routeIs('settings.*') ? 'active' : '' }}" href="javascript:void(0);" id="settingsDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
설정
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="settingsDropdown">
<li><a class="dropdown-item {{ request()->routeIs('settings.categories.*') ? 'active' : '' }}" href="{{ route('settings.categories.index') }}">카테고리</a></li>
<li><a class="dropdown-item {{ request()->routeIs('settings.users.*') ? 'active' : '' }}" href="{{ route('settings.users.index') }}">사용자 관리</a></li>
</ul>
</li>
@endif
{{-- 로그아웃 버튼 --}}
<li class="nav-item">
<form method="POST" action="{{ route('logout') }}" class="d-inline">
@csrf
<button class="btn btn-link logout-btn" type="submit" title="로그아웃">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-box-arrow-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z"/>
<path fill-rule="evenodd" d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"/>
</svg>
</button>
</form>
</li>
</ul>
</div>
</div>
</nav>
<style>
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.55);
transition: color 0.2s ease;
}
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, 0.85);
}
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
font-weight: 500;
border-bottom: 2px solid #0d6efd;
}
.dropdown-menu .dropdown-item.active {
background-color: #0d6efd;
color: #fff;
}
.navbar-brand {
font-size: 1.25rem;
}
.logout-btn {
color: rgba(255, 255, 255, 0.35) !important;
padding: 0.5rem;
text-decoration: none;
border: none;
background: none;
transition: color 0.2s ease;
}
.logout-btn:hover {
color: rgba(255, 255, 255, 0.65) !important;
}
</style>