@php
    use App\Support\GrnGradeCatalog;
    use App\Support\PaymentVoucherModes;

    $voucherModes = $voucherModes ?? PaymentVoucherModes::all();
    $mode = $mode ?? 'full';
    $voucherMode = $voucherMode ?? PaymentVoucherModes::get($mode);
    $allowedModes = $allowedModes ?? array_keys($voucherModes);
    $activeGrades = $activeGrades ?? [];
@endphp

<div class="chm-voucher-mode-bar mb-0 no-print">
    <div class="d-flex flex-wrap align-items-center justify-content-end gap-2">
        <div class="btn-group flex-wrap" role="group" aria-label="Voucher type">
            @foreach($voucherModes as $key => $meta)
                @php
                    $isAllowed = in_array($key, $allowedModes, true);
                    $isActive = $mode === $key;
                    $disabledTitle = 'Not available for this GRN';
                    if (! $isAllowed && ($requiresGradedPurchase ?? false)) {
                        $labels = collect($allowedModes)
                            ->map(fn ($k) => $voucherModes[$k]['label'] ?? $k)
                            ->implode(' or ');
                        $disabledTitle = 'This GRN has graded coffee across multiple screens. Use '.$labels.'.';
                    }
                @endphp
                @if($isAllowed)
                    <a href="{{ route('generate.payment.voucher', ['id' => $grn->id, 'mode' => $key]) }}"
                       class="btn btn-sm {{ $isActive ? 'btn-coffee' : 'btn-outline-secondary' }}"
                       @if($isActive) aria-current="page" @endif>
                        <i class="bx {{ $meta['icon'] ?? 'bx-receipt' }} me-1"></i>{{ $meta['label'] }}
                    </a>
                @else
                    <button type="button"
                            class="btn btn-sm btn-outline-secondary disabled opacity-50"
                            disabled
                            title="{{ $disabledTitle }}">
                        <i class="bx {{ $meta['icon'] ?? 'bx-receipt' }} me-1"></i>{{ $meta['label'] }}
                    </button>
                @endif
            @endforeach
        </div>
    </div>
</div>