@php
    $gateways = $paymentGateways ?? [];
    $selectedProvider = (string) ($selectedPaymentProvider ?? old('payment_provider', $gateways[0]['id'] ?? ''));
    $style = $style ?? 'app';
    $isLogin = $style === 'login';
@endphp

@if (count($gateways) === 1)
    <input type="hidden" name="payment_provider" value="{{ $gateways[0]['id'] }}">
@elseif (count($gateways) > 1)
    @if ($isLogin)
        <fieldset class="login-plans">
            <legend class="login-label">Payment method</legend>
            <div class="login-gateway-grid">
                @foreach ($gateways as $gateway)
                    <label class="login-plan">
                        <input type="radio" name="payment_provider" value="{{ $gateway['id'] }}"
                               @checked($selectedProvider === $gateway['id'])>
                        <span class="login-plan-term">{{ $gateway['label'] }}</span>
                    </label>
                @endforeach
            </div>
            @error('payment_provider')<p class="login-error">{{ $message }}</p>@enderror
        </fieldset>
    @else
        <div>
            <p class="field-label mb-2">Payment method</p>
            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-3">
                @foreach ($gateways as $gateway)
                    <label class="cursor-pointer rounded-xl border border-themed bg-themed-subtle p-4 flex items-center gap-3">
                        <input type="radio" name="payment_provider" value="{{ $gateway['id'] }}" class="rounded border-themed text-teal-600"
                               @checked($selectedProvider === $gateway['id'])>
                        <span class="text-sm font-medium">{{ $gateway['label'] }}</span>
                    </label>
                @endforeach
            </div>
            @error('payment_provider')<p class="text-sm text-red-400 mt-2">{{ $message }}</p>@enderror
        </div>
    @endif
@endif