@php
    $menus = [
        'pending' => 'Bookings Pending',
        'confirm' => 'Bookings Confirm',
        'complete' => 'Booking Complete',
    ];
@endphp

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

    .nav-link.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background-color: #ea3461;
        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/duties/' . $key) ? 'active' : '' }}"
                           href="{{ url('/admin/duties/' . $key) }}">
                            {{ $label }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </nav>