{{-- Quick actions dropdown --}}
<div class="relative" data-header-dropdown>
    <button type="button"
            class="hdr-btn"
            data-header-dropdown-toggle
            aria-expanded="false"
            title="{{ __('dashboard.Navigate') }}">
        <i class="fa-solid fa-grip text-base"></i>
    </button>

    <div class="quick-actions-menu absolute top-full mt-2 end-0 z-50"
         data-header-dropdown-menu
         style="display:none;">

        <a href="{{ route('dashboard.reservations.create') }}" class="quick-action-link">
            <span class="quick-action-icon bg-emerald-50 text-emerald-600"><i class="fa-solid fa-calendar-check"></i></span>
            {{ __('dashboard.Reservation') }}
        </a>
        <a href="{{ route('dashboard.sales.create') }}" class="quick-action-link">
            <span class="quick-action-icon bg-teal-50 text-teal-600"><i class="fa-solid fa-cart-shopping"></i></span>
            {{ __('dashboard.Sale') }}
        </a>
        <a href="{{ route('dashboard.sale_returns.create') }}" class="quick-action-link">
            <span class="quick-action-icon bg-red-50 text-red-500"><i class="fa-solid fa-rotate-left"></i></span>
            {{ __('dashboard.Return') }}
        </a>
        <a href="{{ route('dashboard.laundry_operations.create') }}" class="quick-action-link">
            <span class="quick-action-icon bg-amber-50 text-amber-600"><i class="fa-solid fa-droplet"></i></span>
            {{ __('dashboard.Send to Laundry') }}
        </a>
        <a href="{{ route('dashboard.reservations.availability.form') }}" class="quick-action-link">
            <span class="quick-action-icon bg-blue-50 text-blue-500"><i class="fa-solid fa-calendar-check"></i></span>
            {{ __('dashboard.Check Availability') }}
        </a>
    </div>
</div>