@extends('layouts.super-admin', ['title' => 'System Settings - Booklio Super Admin', 'pageTitle' => 'System Settings', 'active' => 'system'])

@section('content')
    <div class="space-y-5">
        @if (session('status'))
            <div class="rounded-lg border border-emerald-100 bg-emerald-50 px-4 py-3 text-sm font-bold text-emerald-700">{{ session('status') }}</div>
        @endif

        <x-ui.card title="System Settings" description="Core platform defaults for all Booklio tenants.">
            <form method="POST" action="{{ $formAction }}" class="space-y-5">
                @csrf
                <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
                    <x-form.input name="site_name" label="Site name" value="{{ $settings['site_name'] ?? 'Booklio' }}" />
                    <x-form.input name="site_logo" label="Site logo" value="{{ $settings['site_logo'] ?? 'booklio-logo.png' }}" />
                    <x-form.select name="currency" label="Currency" value="{{ $settings['currency'] ?? 'USD' }}" :options="['USD' => 'USD - US Dollar', 'EUR' => 'EUR - Euro', 'GBP' => 'GBP - Pound', 'PKR' => 'PKR - Pakistani Rupee']" />
                    <x-form.select name="timezone" label="Timezone" value="{{ $settings['timezone'] ?? 'UTC' }}" :options="['UTC' => 'UTC', 'America/New_York' => 'America/New_York', 'Asia/Karachi' => 'Asia/Karachi']" />
                    <x-form.input name="default_trial_days" type="number" label="Default trial days" value="{{ $settings['default_trial_days'] ?? 14 }}" />
                    <x-form.select name="default_language" label="Default language" value="{{ $settings['default_language'] ?? 'en' }}" :options="['en' => 'English', 'ar' => 'Arabic', 'ur' => 'Urdu']" />
                </div>
                <div class="rounded-lg border border-booklio-border bg-slate-50 p-4">
                    <label class="flex items-center justify-between gap-4">
                        <span>
                            <span class="block text-sm font-extrabold text-booklio-dark">Maintenance mode toggle</span>
                            <span class="mt-1 block text-xs leading-5 text-booklio-muted">Show platform maintenance page and pause tenant access when enabled.</span>
                        </span>
                        <input name="maintenance_mode" value="1" type="checkbox" @checked((bool) ($settings['maintenance_mode'] ?? false)) class="h-4 w-4 rounded border-booklio-border text-booklio-primary focus:ring-booklio-primary">
                    </label>
                </div>
                <div class="flex justify-end"><x-ui.button type="submit">Save System Settings</x-ui.button></div>
            </form>
        </x-ui.card>
    </div>
@endsection