@php
    $badgeColors = [
        'Pending' => 'warning',
        'Reporting Manager Approved' => 'light',
        'Head Manager Accepted' => 'dark',
        'HR Approved' => 'info',
        'Account Approved' => 'primary',
        'Reporting Manager Rejected' => 'danger',
        'Head Manager Rejected' => 'danger',
        'HR Rejected' => 'danger',
        'Cancelled' => 'danger',
    ];

    $disabledStatus = in_array($resignation->status, ['HR Approved', 'HR Rejected']) ? 'disabled' : '';
@endphp


<div class="btn-group">
    <button type="button" class="btn btn-{{ $badgeColors[$resignation->status] ?? '' }}" {{ $disabledStatus }}>
        {{ $resignation->status }}
    </button>
    <button type="button"
        class="btn btn-{{ $badgeColors[$resignation->status] ?? '' }} dropdown-toggle dropdown-toggle-split"
        id="changeStatus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" {{ $disabledStatus }}>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <div class="dropdown-menu" aria-labelledby="changeStatus">
        <h5 class="dropdown-header">Change Status</h5>

        <a class="dropdown-item change-status {{ $resignation->status == 'Head Manager Accepted' ? '' : 'hidden-status' }}"
            href="javascript:void(0)" data-status="HR Approved" data-old-status="{{ $resignation->status }}">
            HR Approve
        </a>

        <a class="dropdown-item change-status {{ $resignation->status == 'Head Manager Accepted' ? '' : 'hidden-status' }}"
            href="javascript:void(0)" data-status="HR Rejected" data-old-status="{{ $resignation->status }}">
            HR Reject
        </a>
    </div>
</div>