@extends('layouts.app')
@section('title', __('Payment gateways'))
@section('page-title', __('Payment gateways'))
@section('page-subtitle', __('Configure Stripe and PayPal to accept tenant subscription payments.'))

@section('content')
@include('super-admin._nav')

@if(session('status'))
    <div class="mb-4 px-4 py-3 rounded-lg bg-emerald-50 text-emerald-800 text-sm">{{ session('status') }}</div>
@endif
@if($errors->any())
    <div class="mb-4 px-4 py-3 rounded-lg bg-rose-50 text-rose-800 text-sm">
        <ul class="list-disc ms-5">
            @foreach($errors->all() as $err)<li>{{ $err }}</li>@endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('super-admin.payment-gateways.update') }}" class="space-y-6">
    @csrf

    {{-- ────────────── Common ────────────── --}}
    <div class="card card-pad">
        <div class="flex items-start gap-4">
            <span class="w-10 h-10 rounded-lg bg-slate-100 dark:bg-slate-800 flex items-center justify-center">
                <x-icon name="cog" class="w-5 h-5 text-slate-600 dark:text-slate-300"/>
            </span>
            <div class="flex-1 grid grid-cols-1 sm:grid-cols-3 gap-4">
                <div>
                    <label class="form-label">{{ __('Default currency') }}</label>
                    <select name="default_currency" class="form-select">
                        @foreach($currencies as $cur)
                            <option value="{{ $cur }}" @selected(old('default_currency', $settings['default_currency'] ?? 'USD') === $cur)>{{ $cur }}</option>
                        @endforeach
                    </select>
                    <p class="text-xs text-slate-500 mt-1">{{ __('Used when a plan does not specify its own currency.') }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- ────────────── Stripe ────────────── --}}
    <div class="card card-pad space-y-5">
        <div class="flex items-start justify-between gap-4">
            <div class="flex items-center gap-3">
                <span class="w-10 h-10 rounded-lg bg-indigo-100 dark:bg-indigo-900/30 text-indigo-700 dark:text-indigo-300 flex items-center justify-center">
                    <x-icon name="credit-card" class="w-5 h-5"/>
                </span>
                <div>
                    <h2 class="text-base font-semibold">Stripe</h2>
                    <p class="text-sm text-slate-500 dark:text-slate-400">{{ __('Get keys at dashboard.stripe.com/apikeys') }}</p>
                </div>
            </div>
            <label class="inline-flex items-center gap-2">
                <input type="hidden" name="stripe_enabled" value="0">
                <input type="checkbox" name="stripe_enabled" value="1" class="w-4 h-4 accent-brand-600"
                       @checked(old('stripe_enabled', ($settings['stripe_enabled'] ?? '0') === '1'))>
                <span class="text-sm">{{ __('Enabled') }}</span>
            </label>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="form-label">{{ __('Mode') }}</label>
                <select name="stripe_mode" class="form-select">
                    <option value="test" @selected(old('stripe_mode', $settings['stripe_mode'] ?? 'test') === 'test')>{{ __('Test') }}</option>
                    <option value="live" @selected(old('stripe_mode', $settings['stripe_mode'] ?? 'test') === 'live')>{{ __('Live') }}</option>
                </select>
            </div>
            <div>
                <label class="form-label">{{ __('Publishable key') }}</label>
                <input name="stripe_publishable_key" value="{{ old('stripe_publishable_key', $settings['stripe_publishable_key'] ?? '') }}"
                       class="form-input font-mono" placeholder="pk_test_..." autocomplete="off">
            </div>
        </div>

        <div>
            <label class="form-label">{{ __('Secret key') }}</label>
            <input type="password" name="stripe_secret_key" class="form-input font-mono" autocomplete="new-password"
                   placeholder="{{ !empty($settings['stripe_secret_key']) ? '••••••••  ('.__('saved').')' : 'sk_test_...' }}">
            <p class="text-xs text-slate-500 mt-1">{{ __('Stored encrypted. Leave blank to keep the current value.') }}</p>
        </div>

        <div>
            <label class="form-label">{{ __('Webhook signing secret') }}</label>
            <input type="password" name="stripe_webhook_secret" class="form-input font-mono" autocomplete="new-password"
                   placeholder="{{ !empty($settings['stripe_webhook_secret']) ? '••••••••  ('.__('saved').')' : 'whsec_...' }}">
            <p class="text-xs text-slate-500 mt-1">{{ __('Optional — only needed if you wire up Stripe webhooks.') }}</p>
        </div>
    </div>

    {{-- ────────────── PayPal ────────────── --}}
    <div class="card card-pad space-y-5">
        <div class="flex items-start justify-between gap-4">
            <div class="flex items-center gap-3">
                <span class="w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 flex items-center justify-center">
                    <x-icon name="credit-card" class="w-5 h-5"/>
                </span>
                <div>
                    <h2 class="text-base font-semibold">PayPal</h2>
                    <p class="text-sm text-slate-500 dark:text-slate-400">{{ __('Get credentials at developer.paypal.com') }}</p>
                </div>
            </div>
            <label class="inline-flex items-center gap-2">
                <input type="hidden" name="paypal_enabled" value="0">
                <input type="checkbox" name="paypal_enabled" value="1" class="w-4 h-4 accent-brand-600"
                       @checked(old('paypal_enabled', ($settings['paypal_enabled'] ?? '0') === '1'))>
                <span class="text-sm">{{ __('Enabled') }}</span>
            </label>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="form-label">{{ __('Mode') }}</label>
                <select name="paypal_mode" class="form-select">
                    <option value="sandbox" @selected(old('paypal_mode', $settings['paypal_mode'] ?? 'sandbox') === 'sandbox')>{{ __('Sandbox') }}</option>
                    <option value="live"    @selected(old('paypal_mode', $settings['paypal_mode'] ?? 'sandbox') === 'live')>{{ __('Live') }}</option>
                </select>
            </div>
            <div>
                <label class="form-label">{{ __('Client ID') }}</label>
                <input name="paypal_client_id" value="{{ old('paypal_client_id', $settings['paypal_client_id'] ?? '') }}"
                       class="form-input font-mono" placeholder="A...." autocomplete="off">
            </div>
        </div>

        <div>
            <label class="form-label">{{ __('Client secret') }}</label>
            <input type="password" name="paypal_client_secret" class="form-input font-mono" autocomplete="new-password"
                   placeholder="{{ !empty($settings['paypal_client_secret']) ? '••••••••  ('.__('saved').')' : 'E...' }}">
            <p class="text-xs text-slate-500 mt-1">{{ __('Stored encrypted. Leave blank to keep the current value.') }}</p>
        </div>
    </div>

    <div class="flex flex-col-reverse sm:flex-row sm:justify-end gap-2">
        <button class="btn-primary"><x-icon name="check" class="w-4 h-4"/> {{ __('Save settings') }}</button>
    </div>
</form>

{{-- Test connection cards --}}
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-6">
    <div class="card card-pad space-y-3">
        <div class="flex items-center gap-2">
            <h3 class="font-semibold">{{ __('Test Stripe') }}</h3>
            @if(($settings['stripe_enabled'] ?? '0') === '1')
                <span class="text-[10px] uppercase tracking-wider px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700">{{ __('Enabled') }}</span>
            @else
                <span class="text-[10px] uppercase tracking-wider px-2 py-0.5 rounded-full bg-slate-100 text-slate-600">{{ __('Disabled') }}</span>
            @endif
        </div>
        <p class="text-sm text-slate-500">{{ __('Fetches the account balance to verify the API key.') }}</p>
        <form method="POST" action="{{ route('super-admin.payment-gateways.test', 'stripe') }}">@csrf
            <button class="btn-secondary"><x-icon name="check" class="w-4 h-4"/> {{ __('Test now') }}</button>
        </form>
    </div>

    <div class="card card-pad space-y-3">
        <div class="flex items-center gap-2">
            <h3 class="font-semibold">{{ __('Test PayPal') }}</h3>
            @if(($settings['paypal_enabled'] ?? '0') === '1')
                <span class="text-[10px] uppercase tracking-wider px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700">{{ __('Enabled') }}</span>
            @else
                <span class="text-[10px] uppercase tracking-wider px-2 py-0.5 rounded-full bg-slate-100 text-slate-600">{{ __('Disabled') }}</span>
            @endif
        </div>
        <p class="text-sm text-slate-500">{{ __('Requests an OAuth token to verify client ID & secret.') }}</p>
        <form method="POST" action="{{ route('super-admin.payment-gateways.test', 'paypal') }}">@csrf
            <button class="btn-secondary"><x-icon name="check" class="w-4 h-4"/> {{ __('Test now') }}</button>
        </form>
    </div>
</div>
@endsection