@php
    $methodInfo = [
        'cash' => [__('Cash'), __('The rider pays the driver; the platform share is charged to the driver\'s wallet.')],
        'wallet' => [__('Wallet'), __('Prepaid balance. Riders top up through an enabled gateway.')],
        'card' => [__('Card'), __('Charged automatically after the ride to a card saved with Stripe. Needs Stripe.')],
        'online' => [__('Pay online'), __('The rider pays after the ride on the checkout page of any enabled gateway.')],
    ];
@endphp
<x-admin.layout :title="__('Payment Configuration')">
    <x-admin.page-header :title="__('Payment Configuration')"
                         :subtitle="__('Choose how riders pay and connect payment gateways. The apps show only what is switched on here.')" />

    <form method="POST" action="{{ route('admin.payment-config.update') }}" class="max-w-5xl space-y-6">
        @csrf @method('PUT')

        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
            <x-admin.card :title="__('Payment methods')">
                <div class="space-y-5">
                    @foreach ($methods as $method => $state)
                        <div class="flex items-start justify-between gap-4">
                            <x-admin.toggle :name="'methods['.$method.']'" :checked="$state['enabled']" :label="$methodInfo[$method][0]" :hint="$methodInfo[$method][1]" />
                            @if ($state['enabled'] && ! $state['available'])
                                <x-admin.status value="not_configured" class="shrink-0" />
                            @elseif ($state['available'])
                                <x-admin.status value="active" class="shrink-0" />
                            @endif
                        </div>
                    @endforeach
                </div>
            </x-admin.card>

            <x-admin.card :title="__('Wallet & tips')">
                <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
                    @foreach ($limits as $field => $limit)
                        <x-admin.input :name="'limits['.$field.']'" :id="'limit_'.$field" type="number" step="any"
                                       :label="$limit['label']" :hint="$limit['hint'] ?? null" :value="$limit['value']" required />
                    @endforeach
                </div>
                <div class="mt-5 border-t border-gray-200 pt-5 dark:border-gray-800">
                    <x-admin.toggle name="tips_enabled" :checked="$tipsEnabled" :label="__('Tips')" :hint="__('Riders can tip drivers after a completed ride.')" />
                </div>
            </x-admin.card>
        </div>

        <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
            @foreach ($gateways as $name => $gateway)
                <x-admin.card :title="strcasecmp($gateway['label'], $name) === 0 ? $gateway['label'] : $gateway['label'].' · '.ucfirst($name)">
                    <x-slot:actions>
                        <x-admin.status :value="$gateway['configured'] ? 'active' : ($gateway['enabled'] ? 'not_configured' : 'disabled')" />
                    </x-slot:actions>

                    <div class="space-y-4">
                        <x-admin.toggle :name="'gateways['.$name.'][enabled]'" :checked="$gateway['enabled']" :label="__('Enabled')" />

                        @foreach ($gateway['fields'] as $field => $definition)
                            @php($inputName = 'gateways['.$name.']['.$field.']')
                            @if (isset($definition['options']))
                                <x-admin.select :name="$inputName" :id="$name.'_'.$field" :label="$definition['label']" :options="$definition['options']" :value="$definition['value']" />
                            @elseif ($definition['secret'] ?? false)
                                <x-admin.secret-input :name="$inputName" :id="$name.'_'.$field" :clear-name="'gateways['.$name.'][clear]['.$field.']'"
                                                      :label="$definition['label'].(($definition['required'] ?? false) ? ' *' : '')"
                                                      :saved-hint="$definition['saved_hint']" :hint="$definition['hint'] ?? null" />
                            @else
                                <x-admin.input :name="$inputName" :id="$name.'_'.$field" :value="$definition['value']"
                                               :label="$definition['label'].(($definition['required'] ?? false) ? ' *' : '')" :hint="$definition['hint'] ?? null" />
                            @endif
                        @endforeach

                        <div>
                            <p class="form-label">{{ __('Webhook URL') }}</p>
                            <p class="break-all rounded-lg bg-gray-50 px-3 py-2 font-mono text-xs text-gray-700 dark:bg-gray-800/60 dark:text-gray-300">{{ $gateway['webhook_url'] }}</p>
                            <p class="mt-1.5 text-xs text-gray-500 dark:text-gray-400">{{ __('Optional: payments are also confirmed when the rider returns to the app.') }}</p>
                        </div>
                    </div>
                </x-admin.card>
            @endforeach
        </div>

        <x-admin.card :title="__('Demo payments')">
            <x-slot:actions>
                <x-admin.status :value="$demoActive ? 'active' : 'disabled'" />
            </x-slot:actions>
            <p class="text-sm text-gray-600 dark:text-gray-300">
                {{ $demoActive
                    ? __('RIDEX_DEMO_MODE is on, so riders also see a "Demo payment" option that pays without real money. Turn demo mode off in .env before going live.')
                    : __('Off. With RIDEX_DEMO_MODE=true a test gateway appears so payments can be tried without keys.') }}
            </p>
        </x-admin.card>

        <div class="flex items-center justify-end gap-3">
            <p class="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
                <x-heroicon-o-lock-closed class="size-4 shrink-0" />
                {{ __('Keys are encrypted with your APP_KEY and never shown again.') }}
            </p>
            <x-admin.button type="submit" icon="check">{{ __('Save configuration') }}</x-admin.button>
        </div>
    </form>
</x-admin.layout>