
@php
    $currentRoute = Route::currentRouteName();
@endphp

<div class="flex space-x-4 border-b border-gray-200 w-full">
    <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black {{ $currentRoute == 'staff.salary' ? 'border-b-2 border-blue-500' : '' }}"
        onclick="window.location.href='{{ route('staff.salary') }}'">
        Salary List
    </button>

     <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black" onclick="openModal()">
         Generate Salary
     </button>

    <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black {{ $currentRoute == 'staff.gen.indexR' ? 'border-b-2 border-blue-500' : '' }}"
        onclick="window.location.href='{{ route('staff.gen.indexR') }}'">
        Generated Report
    </button>

     <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black" onclick="openModalStruct()">
         Update Salary
     </button>

    <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black {{ $currentRoute == 'salary.pay.list' ? 'border-b-2 border-blue-500' : '' }}"
        onclick="window.location.href='{{ route('salary.pay.list') }}'">
        Pay Salary
    </button>

    <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black {{ $currentRoute == 'staff.pay.indexR' ? 'border-b-2 border-blue-500' : '' }}"
        onclick="window.location.href='{{ route('staff.pay.indexR') }}'">
        Pay Report
    </button>

    <button class="tab-btn px-4 pb-4 bg-white font-semibold text-black {{ $currentRoute == 'staff.payable.index' ? 'border-b-2 border-blue-500' : '' }}"
        onclick="window.location.href='{{ route('staff.payable.index') }}'">
        Payable Report
    </button>
</div>
