芝麻web文件管理V1.00

编辑当前文件:/home/rejoandoctor/medicine.joruridoctor.com/resources/views/layouts/navigation.blade.php

<nav class="navbar navbar-expand-lg shadow-lg" style="background: linear-gradient(135deg, #0066ff, #003366);">
    <div class="container">
        
        <a class="navbar-brand fw-bold text-white d-flex align-items-center gap-2" href="{{ route('dashboard') }}">
            <span class="fs-5">Dashboard</span>
        </a>

<button class="navbar-toggler border-0 text-white" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <i class="bi bi-list fs-1"></i>
        </button>

<div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav me-auto gap-1">
                <li class="nav-item">
                    <a class="nav-link text-white px-3 py-2 rounded {{ request()->routeIs('products.manage') ? 'active-nav' : '' }}" href="{{ route('products.manage') }}">
                        <i class="bi bi-box-seam"></i> Products
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white px-3 py-2 rounded {{ request()->routeIs('stock') ? 'active-nav' : '' }}" href="{{ route('stock') }}">
                        <i class="bi bi-box"></i> Stock
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white px-3 py-2 rounded {{ request()->routeIs('productIn.manage') ? 'active-nav' : '' }}" href="{{ route('productIn.manage') }}">
                        <i class="bi bi-arrow-down-circle"></i> Product In
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white px-3 py-2 rounded {{ request()->routeIs('productOut.manage') ? 'active-nav' : '' }}" href="{{ route('productOut.manage') }}">
                        <i class="bi bi-arrow-up-circle"></i> Product Out
                    </a>
                </li>

<li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle text-white px-3 py-2 rounded" href="#" id="navbarDropdownReports"
                       role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="bi bi-clipboard-data"></i> Reports
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="dropdown-item {{ request()->routeIs('report.daily.productin') ? 'active' : '' }}" href="{{ route('report.daily.productin') }}">
                                📊 Daily In Report
                            </a>
                        </li>
                        <li>
                            <a class="dropdown-item {{ request()->routeIs('report.daily.productout') ? 'active' : '' }}" href="{{ route('report.daily.productout') }}">
                                📉 Daily Out Report
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

<ul class="navbar-nav ms-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle text-white px-3 py-2 rounded" href="#" id="navbarDropdownAccount"
                       role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="bi bi-person-circle"></i> Account
                    </a>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                            <form method="POST" action="{{ route('logout') }}">
                                @csrf
                                <button class="dropdown-item" type="submit">🚪 Log Out</button>
                            </form>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

<style>
    .navbar-nav .nav-link {
        transition: all 0.3s ease-in-out;
        font-weight: 500;
    }

.navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active-nav {
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(8px);
        border-radius: 12px;
    }

.dropdown-menu {
        border-radius: 10px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        animation: fadeIn 0.3s ease-in-out;
    }

@keyframes fadeIn {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
</style>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>