@props(['methods', 'model'])

{{-- A RESELLER'S TOP-UP METHODS.

     A reseller pays their plan to use the system; the credit their own clients
     buy with is topped up separately, and the owner decides here which gateways
     EACH reseller may use for it. Everything ticked means no restriction, which
     is the default state for any reseller nobody has limited.

     The list shows the owner's gateways that have credentials configured. One
     switched off globally is shown as such rather than hidden: it can be
     authorised today and switched on tomorrow, and this way the screen does not
     lie about why the reseller cannot see it yet. --}}
@if ($methods->isNotEmpty())
    <div>
        <label class="rf-label">{{ __('Top-up methods') }}</label>
        <p class="rf-hint mb-2">{{ __('The gateways this reseller may use to recharge their prepaid balance. All of them unless you untick one.') }}</p>
        <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
            @foreach ($methods as $m)
                <label class="flex items-center gap-2 rounded-lg border p-2 text-sm" style="border-color:var(--color-border);cursor:pointer;">
                    <input type="checkbox" class="rf-checkbox" value="{{ $m->id }}" wire:model="{{ $model }}">
                    <span class="flex-1">{{ $m->name }}</span>
                    @unless ($m->status)
                        <span class="rf-badge rf-badge-neutral" title="{{ __('Switched off for everyone in Payment methods') }}">
                            <span class="rf-badge-dot"></span>{{ __('Off') }}
                        </span>
                    @endunless
                </label>
            @endforeach
        </div>
    </div>
@else
    <p class="rf-hint">{{ __('No payment gateway is configured yet, so there is nothing to allow here.') }}</p>
@endif