@extends('layouts.app')

@section('title', 'Platform Settings')

@section('content')
@include('super-admin.partials.nav')

@php
    $tabs = [
        'platform' => ['label' => 'Platform', 'icon' => 'bolt'],
        'branding' => ['label' => 'Branding', 'icon' => 'sparkles'],
        'legal' => ['label' => 'Legal / GDPR', 'icon' => 'shield'],
        'notifications' => ['label' => 'Defaults', 'icon' => 'alerts'],
        'maintenance' => ['label' => 'Maintenance', 'icon' => 'wrench'],
        'apps' => ['label' => 'Apps', 'icon' => 'download'],
    ];
@endphp

<x-page-header title="Platform Settings" subtitle="Administrative controls for the entire {{ $appName }} application" icon="settings" icon-color="violet" />

<div class="flex flex-col lg:flex-row gap-6">
    <nav class="glass-card-subtle p-2 lg:w-56 shrink-0 flex lg:flex-col gap-1 overflow-x-auto">
        @foreach ($tabs as $key => $meta)
            <a href="{{ route('super-admin.settings.index', ['tab' => $key]) }}"
               class="nav-link whitespace-nowrap {{ $tab === $key ? 'nav-link-active' : 'nav-link-inactive' }}">
                <x-icon :name="$meta['icon']" class="w-4 h-4 shrink-0" />
                {{ $meta['label'] }}
            </a>
        @endforeach
    </nav>

    <div class="flex-1 min-w-0">
        @if ($tab === 'platform')
            <form method="POST" action="{{ route('super-admin.settings.platform') }}" class="glass-card p-6 space-y-5 max-w-2xl"
                  x-data="{ enabled: {{ \Illuminate\Support\Js::from(array_values($enabledPaymentProviders ?? [])) }} }">
                @csrf
                @method('PUT')
                <div>
                    <label class="field-label">Global 2FA policy</label>
                    <select name="two_factor_policy" class="field-select">
                        @foreach (['disabled' => 'Disabled (default — no 2FA)', 'optional' => 'Optional for non-admins', 'required' => 'Required for all users'] as $value => $label)
                            <option value="{{ $value }}" @selected(($twoFactorPolicy ?? 'disabled') === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                    <p class="text-xs text-themed-muted mt-1">2FA is off by default. Enable Optional/Required here (and/or admin requirement below) when you are ready.</p>
                </div>

                <label class="flex items-center gap-2 text-sm text-themed-muted">
                    <input type="checkbox" name="two_factor_require_admins" value="1" class="rounded border-themed" @checked($twoFactorRequireAdmins ?? false)>
                    Require 2FA for all admin logins (Super Admin and company admins)
                </label>

                <label class="flex items-center gap-2 text-sm text-themed-muted">
                    <input type="checkbox" name="payment_gateway_enabled" value="1" class="rounded border-themed" @checked($paymentGatewayEnabled)>
                    Enable payment checkout for company registration
                </label>

                <div>
                    <label class="field-label">Payment gateways</label>
                    <p class="text-xs text-themed-muted mb-2">Turn on any combination. Payers choose among the enabled methods. Auto-renew with a saved card remains Paystack-only (Paystack must stay enabled).</p>
                    <input type="hidden" name="payment_providers_mode" value="1">
                    <div class="grid sm:grid-cols-2 gap-2">
                        @foreach (($paymentGatewayLabels ?? \App\Services\Payments\PaymentGatewayManager::labels()) as $id => $label)
                            <label class="flex items-center gap-2 p-3 rounded-xl border border-themed bg-themed-subtle cursor-pointer">
                                <input type="checkbox" name="payment_providers[]" value="{{ $id }}" class="rounded border-themed" x-model="enabled">
                                <span class="text-sm">{{ $label }}</span>
                            </label>
                        @endforeach
                    </div>
                </div>

                <div class="rounded-xl border border-themed p-4 space-y-3 bg-themed-subtle/40">
                    <p class="text-sm text-themed-muted">
                        Self-serve trials convert at
                        <strong class="text-themed">{{ \App\Support\Currency::format((float) ($settings['subscription_price_usd'] ?? 3.99), $settings['subscription_currency'] ?? 'USD', true) }}</strong>
                        / {{ (int) ($settings['subscription_interval_days'] ?? 30) }} days
                        (edit under <a href="{{ route('super-admin.subscription.index') }}" class="text-cyan-300 hover:underline">Subscription</a>).
                        Fields below are legacy offline/pending registration only.
                    </p>
                    <div class="grid sm:grid-cols-2 gap-4">
                        <div>
                            <label class="field-label">Legacy currency (offline / pending)</label>
                            <input type="text" name="payment_currency" maxlength="3" value="{{ old('payment_currency', $settings['payment_currency'] ?? 'GHS') }}" class="field-input uppercase">
                        </div>
                        <div>
                            <label class="field-label">Legacy registration amount</label>
                            <input type="number" step="0.01" min="1" name="payment_registration_amount" value="{{ old('payment_registration_amount', $settings['payment_registration_amount'] ?? 100) }}" class="field-input">
                        </div>
                    </div>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('paystack')" x-cloak>
                    <h4 class="font-medium text-sm">Paystack credentials</h4>
                    <input type="text" name="paystack_public_key" value="{{ old('paystack_public_key', $settings['paystack_public_key'] ?? '') }}" class="field-input" placeholder="Public key">
                    <input type="password" name="paystack_secret_key" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['paystack_secret_key_is_set']) ? 'Secret key set — leave blank to keep' : 'Secret key' }}">
                    <input type="password" name="paystack_webhook_secret" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['paystack_webhook_secret_is_set']) ? 'Webhook secret set — leave blank to keep' : 'Webhook secret (optional)' }}">
                    <p class="text-xs text-themed-muted">Webhook: <code>{{ $paystackWebhookUrl }}</code></p>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('hubtel')" x-cloak>
                    <h4 class="font-medium text-sm">Hubtel credentials</h4>
                    <input type="text" name="hubtel_client_id" value="{{ old('hubtel_client_id', $settings['hubtel_client_id'] ?? '') }}" class="field-input" placeholder="Client ID">
                    <input type="password" name="hubtel_client_secret" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['hubtel_client_secret_is_set']) ? 'Client secret set — leave blank to keep' : 'Client secret' }}">
                    <input type="text" name="hubtel_merchant_account_number" value="{{ old('hubtel_merchant_account_number', $settings['hubtel_merchant_account_number'] ?? '') }}" class="field-input" placeholder="Merchant account number">
                    <input type="password" name="hubtel_webhook_secret" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['hubtel_webhook_secret_is_set']) ? 'Webhook secret set — leave blank to keep' : 'Webhook secret (optional)' }}">
                    <p class="text-xs text-themed-muted">Webhook: <code>{{ $hubtelWebhookUrl }}</code></p>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('stripe')" x-cloak>
                    <h4 class="font-medium text-sm">Stripe credentials</h4>
                    <input type="text" name="stripe_publishable_key" value="{{ old('stripe_publishable_key', $settings['stripe_publishable_key'] ?? '') }}" class="field-input" placeholder="Publishable key">
                    <input type="password" name="stripe_secret_key" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['stripe_secret_key_is_set']) ? 'Secret key set — leave blank to keep' : 'Secret key' }}">
                    <input type="password" name="stripe_webhook_secret" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['stripe_webhook_secret_is_set']) ? 'Webhook secret set — leave blank to keep' : 'Webhook signing secret' }}">
                    <p class="text-xs text-themed-muted">Webhook: <code>{{ $stripeWebhookUrl }}</code> (event: checkout.session.completed)</p>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('paypal')" x-cloak>
                    <h4 class="font-medium text-sm">PayPal credentials</h4>
                    <input type="text" name="paypal_client_id" value="{{ old('paypal_client_id', $settings['paypal_client_id'] ?? '') }}" class="field-input" placeholder="Client ID">
                    <input type="password" name="paypal_client_secret" value="" autocomplete="new-password" class="field-input" placeholder="{{ !empty($settings['paypal_client_secret_is_set']) ? 'Client secret set — leave blank to keep' : 'Client secret' }}">
                    <input type="text" name="paypal_webhook_id" value="{{ old('paypal_webhook_id', $settings['paypal_webhook_id'] ?? '') }}" class="field-input" placeholder="Webhook ID (optional — verifies signatures)">
                    <select name="paypal_mode" class="field-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>
                    <p class="text-xs text-themed-muted">Webhook: <code>{{ $paypalWebhookUrl }}</code> (event: PAYMENT.CAPTURE.COMPLETED)</p>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('offline')" x-cloak>
                    <h4 class="font-medium text-sm">Offline MoMo receiving account</h4>
                    <input type="text" name="offline_momo_network" value="{{ old('offline_momo_network', $settings['offline_momo_network'] ?? '') }}" class="field-input" placeholder="Network (MTN, Telecel, AirtelTigo)">
                    <input type="text" name="offline_momo_number" value="{{ old('offline_momo_number', $settings['offline_momo_number'] ?? '') }}" class="field-input" placeholder="MoMo number to receive payments">
                    <input type="text" name="offline_momo_account_name" value="{{ old('offline_momo_account_name', $settings['offline_momo_account_name'] ?? '') }}" class="field-input" placeholder="Account name">
                    <textarea name="offline_momo_instructions" rows="3" class="field-input" placeholder="Optional instructions shown on the public proof form">{{ old('offline_momo_instructions', $settings['offline_momo_instructions'] ?? '') }}</textarea>
                    <p class="text-xs text-themed-muted">Payers submit amount, transaction ID, phone, and a document. Super Admins approve under Payments.</p>
                </div>

                <div class="space-y-3 border border-themed rounded-xl p-4" x-show="enabled.includes('bank')" x-cloak>
                    <h4 class="font-medium text-sm">Bank receiving account</h4>
                    <input type="text" name="bank_name" value="{{ old('bank_name', $settings['bank_name'] ?? '') }}" class="field-input" placeholder="Bank name">
                    <input type="text" name="bank_account_name" value="{{ old('bank_account_name', $settings['bank_account_name'] ?? '') }}" class="field-input" placeholder="Account name">
                    <input type="text" name="bank_account_number" value="{{ old('bank_account_number', $settings['bank_account_number'] ?? '') }}" class="field-input" placeholder="Account number">
                    <input type="text" name="bank_branch" value="{{ old('bank_branch', $settings['bank_branch'] ?? '') }}" class="field-input" placeholder="Branch (optional)">
                    <input type="text" name="bank_swift" value="{{ old('bank_swift', $settings['bank_swift'] ?? '') }}" class="field-input" placeholder="SWIFT / sort code (optional)">
                    <textarea name="bank_instructions" rows="3" class="field-input" placeholder="Optional instructions shown on the public proof form">{{ old('bank_instructions', $settings['bank_instructions'] ?? '') }}</textarea>
                    <p class="text-xs text-themed-muted">Payers submit amount, the bank details they paid from, and a document. Super Admins approve under Payments.</p>
                </div>

                <div class="grid sm:grid-cols-2 gap-4">
                    <div>
                        <label class="field-label">Login max attempts</label>
                        <input type="number" name="login_max_attempts" min="3" max="50" value="{{ old('login_max_attempts', $settings['login_max_attempts'] ?? 5) }}" class="field-input">
                    </div>
                    <div>
                        <label class="field-label">Lockout minutes</label>
                        <input type="number" name="login_lockout_minutes" min="1" max="1440" value="{{ old('login_lockout_minutes', $settings['login_lockout_minutes'] ?? 15) }}" class="field-input">
                    </div>
                </div>
                <button type="submit" class="btn-primary">Save platform settings</button>
            </form>

        @elseif ($tab === 'branding')
            <form method="POST" action="{{ route('super-admin.settings.branding') }}" enctype="multipart/form-data" class="glass-card p-6 space-y-5 max-w-xl">
                @csrf
                @method('PUT')
                <div>
                    <label class="field-label">Application name</label>
                    <input type="text" name="app_name" value="{{ old('app_name', $settings['app_name'] ?? $appName) }}" required class="field-input">
                </div>
                <div>
                    <label class="field-label">Default theme</label>
                    <select name="default_theme" class="field-select">
                        @foreach (['dark', 'light', 'system'] as $theme)
                            <option value="{{ $theme }}" @selected(old('default_theme', $settings['default_theme'] ?? 'dark') === $theme)>{{ ucfirst($theme) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="field-label">Logo</label>
                    <input type="file" name="logo" accept="image/*" class="field-input">
                    <label class="flex items-center gap-2 text-xs text-themed-muted mt-2">
                        <input type="checkbox" name="remove_logo" value="1" class="rounded border-themed"> Remove current logo
                    </label>
                </div>
                <div>
                    <label class="field-label">Favicon</label>
                    <input type="file" name="favicon" class="field-input">
                    <label class="flex items-center gap-2 text-xs text-themed-muted mt-2">
                        <input type="checkbox" name="remove_favicon" value="1" class="rounded border-themed"> Remove current favicon
                    </label>
                </div>
                <button type="submit" class="btn-primary">Save branding</button>
            </form>

        @elseif ($tab === 'legal')
            <form method="POST" action="{{ route('super-admin.settings.legal') }}" class="glass-card p-6 space-y-5 max-w-3xl">
                @csrf
                @method('PUT')
                <p class="text-sm text-themed-muted">
                    Edit GDPR-facing public pages. Live at
                    <a class="text-cyan-300" href="{{ route('legal.privacy') }}" target="_blank" rel="noopener">Privacy</a>,
                    <a class="text-cyan-300" href="{{ route('legal.terms') }}" target="_blank" rel="noopener">Terms</a>,
                    <a class="text-cyan-300" href="{{ route('legal.cookies') }}" target="_blank" rel="noopener">Cookies</a>.
                </p>
                <div>
                    <label class="field-label">Privacy Policy</label>
                    <textarea name="privacy_policy" rows="12" class="field-input font-mono text-xs" required>{{ old('privacy_policy', $settings['privacy_policy'] ?? '') }}</textarea>
                </div>
                <div>
                    <label class="field-label">Terms of Service</label>
                    <textarea name="terms_of_service" rows="12" class="field-input font-mono text-xs" required>{{ old('terms_of_service', $settings['terms_of_service'] ?? '') }}</textarea>
                </div>
                <div>
                    <label class="field-label">Cookie Policy</label>
                    <textarea name="cookie_policy" rows="10" class="field-input font-mono text-xs" required>{{ old('cookie_policy', $settings['cookie_policy'] ?? '') }}</textarea>
                </div>
                <label class="flex items-center gap-2 text-sm text-themed-muted">
                    <input type="checkbox" name="cookie_banner_enabled" value="1" class="rounded border-themed" @checked(old('cookie_banner_enabled', $settings['cookie_banner_enabled'] ?? true))>
                    Show cookie consent banner on public pages
                </label>
                <div>
                    <label class="field-label">Cookie banner text</label>
                    <textarea name="cookie_banner_text" rows="3" class="field-input" required>{{ old('cookie_banner_text', $settings['cookie_banner_text'] ?? '') }}</textarea>
                </div>
                <button type="submit" class="btn-primary">Save legal content</button>
            </form>

        @elseif ($tab === 'notifications')
            <form method="POST" action="{{ route('super-admin.settings.notifications') }}" class="glass-card p-6 space-y-5 max-w-xl">
                @csrf
                @method('PUT')
                <p class="text-sm text-themed-muted">These are platform default values. Companies can still override their own settings.</p>
                <label class="flex items-start gap-3 text-sm text-themed-muted p-4 rounded-xl border border-themed bg-themed-subtle">
                    <input type="hidden" name="save_notification_logs" value="0">
                    <input type="checkbox" name="save_notification_logs" value="1" class="rounded border-themed mt-0.5" @checked(old('save_notification_logs', $settings['save_notification_logs'] ?? true))>
                    <span>
                        <span class="font-medium text-themed block">Save notification logs in the database</span>
                        <span class="text-xs">Master switch. When off, no company can persist inbound SMS or alerts — they remain on the live feed until the end of that calendar day, then are purged.</span>
                    </span>
                </label>
                <div>
                    <label class="field-label">Large payment threshold</label>
                    <input type="number" name="large_payment_threshold" value="{{ old('large_payment_threshold', $settings['large_payment_threshold'] ?? 1000) }}" class="field-input">
                </div>
                @foreach ([
                    'notify_otp_alerts' => 'OTP alerts',
                    'notify_large_payment_alerts' => 'Large payment alerts',
                    'notify_sync_failure_alerts' => 'Sync failure alerts',
                    'require_device_hmac' => 'Require device HMAC signatures',
                ] as $key => $label)
                    <label class="flex items-center gap-2 text-sm text-themed-muted">
                        <input type="checkbox" name="{{ $key }}" value="1" class="rounded border-themed" @checked(!empty($settings[$key]))>
                        {{ $label }}
                    </label>
                @endforeach
                <button type="submit" class="btn-primary">Save defaults</button>
            </form>

        @elseif ($tab === 'maintenance')
            <form method="POST" action="{{ route('super-admin.settings.maintenance') }}" class="glass-card p-6 space-y-5 max-w-xl">
                @csrf
                @method('PUT')
                <label class="flex items-center gap-2 text-sm text-themed-muted">
                    <input type="checkbox" name="maintenance_mode" value="1" class="rounded border-themed" @checked(!empty($settings['maintenance_mode']))>
                    Enable global maintenance mode
                </label>
                <div>
                    <label class="field-label">Maintenance message</label>
                    <textarea name="maintenance_message" rows="3" class="field-input">{{ old('maintenance_message', $settings['maintenance_message'] ?? '') }}</textarea>
                </div>
                <button type="submit" class="btn-primary">Save maintenance</button>
            </form>

        @elseif ($tab === 'apps')
            <form method="POST" action="{{ route('super-admin.settings.apps') }}" enctype="multipart/form-data" class="space-y-5 max-w-3xl">
                @csrf
                @method('PUT')
                <p class="text-sm text-themed-muted">
                    Upload local APK/IPA files and optional store URLs. Empty store URLs and missing files show as “Coming soon” on the
                    <a href="{{ route('download') }}" class="text-cyan-300" target="_blank" rel="noopener">public download page</a>.
                    Files can be up to 100 MB. PHP <code>upload_max_filesize</code> must allow the same.
                </p>

                @foreach ($appDownloads ?? [] as $group)
                    <section class="glass-card p-6 space-y-5">
                        <div>
                            <h2 class="text-lg font-semibold text-themed">{{ $group['name'] }}</h2>
                            <p class="text-sm text-themed-muted mt-1">{{ $group['summary'] }}</p>
                        </div>

                        @foreach ($group['platforms'] as $slot)
                            <div class="grid gap-4 md:grid-cols-2 border-t border-white/5 pt-4">
                                <div>
                                    <label class="field-label">{{ $slot['label'] }} local .{{ $slot['extension'] }}</label>
                                    <input type="file" name="{{ $slot['file_field'] }}" accept="{{ $slot['accept'] }}" class="field-input">
                                    <p class="text-xs text-themed-muted mt-1">
                                        @if (!empty($slot['has_file']))
                                            File uploaded. New upload replaces it.
                                        @else
                                            No file uploaded — visitors see Coming soon.
                                        @endif
                                    </p>
                                    <label class="flex items-center gap-2 text-xs text-themed-muted mt-2">
                                        <input type="checkbox" name="{{ $slot['remove_field'] }}" value="1" class="rounded border-themed">
                                        Remove current file
                                    </label>
                                </div>
                                <div>
                                    <label class="field-label">{{ $slot['store_label'] }} URL</label>
                                    <input type="url" name="{{ $slot['url_field'] }}" value="{{ old($slot['url_field'], $settings[$slot['url_key']] ?? '') }}" placeholder="https://" class="field-input">
                                    <p class="text-xs text-themed-muted mt-1">Leave blank to show Coming soon.</p>
                                </div>
                            </div>
                        @endforeach
                    </section>
                @endforeach

                <button type="submit" class="btn-primary">Save app downloads</button>
            </form>
        @endif
    </div>
</div>
@endsection