@php
    $items = [
        ['route' => 'pos.supplier.bill.index', 'label' => 'Purchases', 'active' => fn () => request()->routeIs('pos.supplier.bill.*')],
        ['route' => 'pos.supplier.returns.index', 'label' => 'Returns', 'active' => fn () => request()->routeIs('pos.supplier.returns.*')],
        ['route' => 'pos.supplier.index', 'label' => 'Suppliers', 'active' => fn () => request()->routeIs('pos.supplier.index') || request()->routeIs('pos.supplier.show')],
        ['route' => 'pos.supplier.payments', 'label' => 'Payments', 'active' => fn () => request()->routeIs('pos.supplier.payments*')],
        ['route' => 'pos.supplier.summary', 'label' => 'Due Summary', 'active' => fn () => request()->routeIs('pos.supplier.summary')],
    ];
@endphp

<div class="flex items-center justify-between">
    <div class="inline-flex rounded-lg border border-gray-200 bg-white p-1 flex-wrap gap-1">
        @foreach($items as $it)
            @php
                $isActive = ($it['active'])();
                $classes = $isActive
                    ? 'bg-gray-900 text-white'
                    : 'text-gray-700 hover:bg-gray-50';
            @endphp
            <a href="{{ route($it['route']) }}"
               class="px-4 py-2 text-sm font-semibold rounded-md {{ $classes }}">
                {{ $it['label'] }}
            </a>
        @endforeach
    </div>
</div>