@php
    $menus = [
        'availability' => 'Availability',
        'bookings' => 'Bookings',
        'billing' => 'Billing',
        'purchase-duties' => 'Purchase - Duties',
        'purchase-invoices' => 'Purchase - Invoices',
        'purchase-payments' => 'Purchase - Payments',
        'credit-debit-notes' => 'Credit/Debit Notes',
        'payroll' => 'Driver Payroll',
        'petty-cash' => 'Petty Cash',
        'vehicle-expenses' => 'Vehicle Expenses',
        'vehicle-fuels' => 'Vehicle Fuel',
        'sms-details' => 'SMS Details',
    ];
@endphp

<style>
    .nav-link.active {
        position: relative;
        font-weight: bold;
        color: #ed2759 !important;
    }

    .nav-link.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: #ed2759;
        border-radius: 1px;
    }
</style>

<div class="min-vh-100 d-flex flex-column bg-white">

    {{-- Top Menu --}}
    <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm px-3" style="margin:13px;">
        <div class="container-fluid">
            <ul class="navbar-nav d-flex flex-wrap w-100">
                @foreach ($menus as $key => $label)
                    <li class="nav-item me-3 mb-2">
                        <a class="nav-link {{ request()->is('admin/operations/' . $key) ? 'active' : '' }}"
                           href="{{ url('/admin/operations/' . $key) }}">
                            {{ $label }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </nav>