@extends('layouts.main_dashboard.app')

@section('title', match($type) { 'email' => __('dashboard.Email Settings'), 'security' => __('dashboard.Security Settings'), default => __('dashboard.General Settings') })
@section('skip_page_hero', true)

@section('content')
@php
    $isAr = app()->getLocale() === 'ar';
    $settingsCollection = collect($settings ?? []);
    $localSettingsMap = $settingsCollection->keyBy('key');
    $cachedSettingsCollection = collect($cachedSettings ?? []);
    $cachedSettingsByKey = collect($cachedSettingsMap ?? []);
    $resolveSetting = function (string $key) use ($localSettingsMap, $cachedSettingsByKey) {
        return $localSettingsMap->get($key) ?? $cachedSettingsByKey->get($key);
    };

    $pageTitle = match($type) {
        'email' => __('dashboard.Email Settings'),
        'security' => __('dashboard.Security Settings'),
        default => __('dashboard.General Settings'),
    };

    $pageDescription = match($type) {
        'email' => $isAr ? 'إدارة إعدادات الإرسال والبريد من واجهة أوضح، مع اختبار مباشر لقناة SMTP.' : 'Manage delivery and email settings from a clearer workspace with direct SMTP testing.',
        'security' => $isAr ? 'ضبط طبقات الحماية ومحاولات الدخول من واجهة مستقرة وواضحة بدون تعقيد بصري.' : 'Configure protection tiers and login attempts from a stable, clearer interface.',
        default => $isAr ? 'إدارة إعدادات المنصة الأساسية والهوية العامة من واجهة موحّدة وبسيطة.' : 'Manage core platform settings and identity from a unified, simpler interface.',
    };

    $typeSettings = match ($type) {
        'general', 'email' => ($settingsCollection->isNotEmpty()
            ? $settingsCollection
            : $cachedSettingsCollection->where('type', $type)->values()),
        'security' => collect([
            $resolveSetting('login_security_enabled'),
            $resolveSetting('login_attempts_tier1'),
            $resolveSetting('login_lockout_tier1'),
            $resolveSetting('login_attempts_tier2'),
            $resolveSetting('login_lockout_tier2'),
            $resolveSetting('login_attempts_tier3'),
            $resolveSetting('login_lockout_tier3'),
            $resolveSetting('login_attempts_permanent'),
            $resolveSetting('login_repeat_window_minutes'),
            $resolveSetting('login_source_attempts_limit'),
            $resolveSetting('login_source_accounts_limit'),
            $resolveSetting('login_source_lockout_minutes'),
            $resolveSetting('trash_force_delete_password'),
        ])->filter()->values(),
        default => collect(),
    };

    $masterSecuritySetting = $resolveSetting('login_security_enabled');
    $labelMap = [
        'app_name' => $isAr ? 'اسم المنصة' : 'Platform Name',
        'app_logo' => $isAr ? 'شعار المنصة' : 'Platform Logo',
        'app_favicon' => $isAr ? 'أيقونة المنصة' : 'Platform Icon',
        'app_description' => $isAr ? 'وصف المنصة' : 'Platform Description',
        'app_phone' => $isAr ? 'هاتف المنصة' : 'Platform Phone',
        'app_email' => $isAr ? 'بريد المنصة' : 'Platform Email',
        'app_address' => $isAr ? 'عنوان المنصة' : 'Platform Address',
        'mail_mailer' => $isAr ? 'برنامج الإرسال' : 'Mailer',
        'mail_host' => $isAr ? 'خادم البريد' : 'Mail Host',
        'mail_port' => $isAr ? 'منفذ البريد' : 'Mail Port',
        'mail_username' => $isAr ? 'اسم مستخدم البريد' : 'Mail Username',
        'mail_password' => $isAr ? 'كلمة مرور البريد' : 'Mail Password',
        'mail_encryption' => $isAr ? 'تشفير البريد' : 'Mail Encryption',
        'mail_from_address' => $isAr ? 'بريد المرسل' : 'From Address',
        'mail_from_name' => $isAr ? 'اسم المرسل' : 'From Name',
        'login_security_enabled' => $isAr ? 'حماية تسجيل الدخول' : 'Login Protection',
        'login_attempts_tier1' => $isAr ? 'محاولات المستوى الأول' : 'Tier 1 Attempts',
        'login_lockout_tier1' => $isAr ? 'قفل المستوى الأول' : 'Tier 1 Lockout',
        'login_attempts_tier2' => $isAr ? 'محاولات المستوى الثاني' : 'Tier 2 Attempts',
        'login_lockout_tier2' => $isAr ? 'قفل المستوى الثاني' : 'Tier 2 Lockout',
        'login_attempts_tier3' => $isAr ? 'محاولات المستوى الثالث' : 'Tier 3 Attempts',
        'login_lockout_tier3' => $isAr ? 'قفل المستوى الثالث' : 'Tier 3 Lockout',
        'login_attempts_permanent' => $isAr ? 'محاولات الحظر النهائي' : 'Permanent Lock Attempts',
        'login_repeat_window_minutes' => $isAr ? 'نافذة التكرار بالدقائق' : 'Repeat Window (Minutes)',
        'login_source_attempts_limit' => $isAr ? 'حد المحاولات من نفس المصدر' : 'Source Attempt Limit',
        'login_source_accounts_limit' => $isAr ? 'عدد الحسابات المختلفة من نفس المصدر' : 'Distinct Accounts Limit',
        'login_source_lockout_minutes' => $isAr ? 'حظر المصدر بالدقائق' : 'Source Lockout (Minutes)',
        'trash_force_delete_password' => $isAr ? 'كلمة سر الحذف النهائي' : 'Permanent Delete Password',
    ];

    $stats = match ($type) {
        'email' => [
            ['label' => $isAr ? 'إعدادات البريد' : 'Email Settings', 'value' => $typeSettings->count()],
            ['label' => $isAr ? 'برنامج الإرسال' : 'Mailer', 'value' => $resolveSetting('mail_mailer')?->value ?: '—'],
            ['label' => $isAr ? 'عنوان الإرسال' : 'From Address', 'value' => $resolveSetting('mail_from_address')?->value ?: '—'],
        ],
        'security' => [
            ['label' => $isAr ? 'الحماية' : 'Protection', 'value' => ($masterSecuritySetting?->value ?? '0') === '1' ? ($isAr ? 'مفعلة' : 'Enabled') : ($isAr ? 'غير مفعلة' : 'Disabled')],
            ['label' => $isAr ? 'طبقات التقييد' : 'Protection Tiers', 'value' => 4],
            ['label' => $isAr ? 'الحظر النهائي' : 'Permanent Lock', 'value' => $resolveSetting('login_attempts_permanent')?->value ?: '—'],
            ['label' => $isAr ? 'نافذة التكرار' : 'Repeat Window', 'value' => ($resolveSetting('login_repeat_window_minutes')?->value ?: '—') . ' ' . ($isAr ? 'دقيقة' : 'min')],
            ['label' => $isAr ? 'حد المحاولات من المصدر' : 'Source Attempt Limit', 'value' => $resolveSetting('login_source_attempts_limit')?->value ?: '—'],
            ['label' => $isAr ? 'حظر المصدر' : 'Source Lockout', 'value' => ($resolveSetting('login_source_lockout_minutes')?->value ?: '—') . ' ' . ($isAr ? 'دقيقة' : 'min')],
            ['label' => $isAr ? 'كلمة سر الحذف النهائي' : 'Permanent Delete Password', 'value' => filled($resolveSetting('trash_force_delete_password')?->value) ? ($isAr ? 'مضبوطة' : 'Configured') : ($isAr ? 'غير مضبوطة' : 'Not configured')],
        ],
        default => [
            ['label' => $isAr ? 'إجمالي الإعدادات' : 'Total Settings', 'value' => $typeSettings->count()],
            ['label' => $isAr ? 'حقول الملفات' : 'File Fields', 'value' => $typeSettings->where('data_type', 'file')->count()],
            ['label' => $isAr ? 'الخيارات المفعلة' : 'Enabled Toggles', 'value' => $typeSettings->where('data_type', 'checkbox')->where('value', '1')->count()],
        ],
    };

    $securityTiers = collect([
        [
            'label' => $isAr ? 'المستوى الأول' : 'Tier 1',
            'description' => $isAr ? 'حظر قصير للمحاولات المتكررة الأولى.' : 'Short lockout for the first repeated attempts.',
            'attempts' => $resolveSetting('login_attempts_tier1'),
            'lockout' => $resolveSetting('login_lockout_tier1'),
        ],
        [
            'label' => $isAr ? 'المستوى الثاني' : 'Tier 2',
            'description' => $isAr ? 'تشديد القيود عند تكرار المحاولات.' : 'Stronger restriction when attempts continue.',
            'attempts' => $resolveSetting('login_attempts_tier2'),
            'lockout' => $resolveSetting('login_lockout_tier2'),
        ],
        [
            'label' => $isAr ? 'المستوى الثالث' : 'Tier 3',
            'description' => $isAr ? 'مدة حظر أطول للأنماط الخطرة.' : 'Longer lockout for risky patterns.',
            'attempts' => $resolveSetting('login_attempts_tier3'),
            'lockout' => $resolveSetting('login_lockout_tier3'),
        ],
        [
            'label' => $isAr ? 'الحظر النهائي' : 'Permanent Lock',
            'description' => $isAr ? 'إيقاف دائم بعد تجاوز الحد النهائي.' : 'Permanent stop after the final threshold.',
            'attempts' => $resolveSetting('login_attempts_permanent'),
            'lockout' => null,
        ],
    ]);

    $sourceProtectionSettings = [
        'repeat_window' => $resolveSetting('login_repeat_window_minutes'),
        'attempts_limit' => $resolveSetting('login_source_attempts_limit'),
        'accounts_limit' => $resolveSetting('login_source_accounts_limit'),
        'lockout_minutes' => $resolveSetting('login_source_lockout_minutes'),
    ];
@endphp

<div class="space-y-6 pb-20">
    <section class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-900">
        <h1 class="text-3xl font-black text-surface-900 dark:text-white">{{ $pageTitle }}</h1>
        <p class="mt-3 max-w-3xl text-sm leading-7 text-surface-500 dark:text-surface-400">{{ $pageDescription }}</p>
    </section>

    <section class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
        @foreach($stats as $stat)
            <article class="rounded-xl border border-surface-200 bg-white p-5 shadow-sm dark:border-surface-800 dark:bg-surface-900">
                <p class="text-xs font-bold uppercase tracking-[0.24em] text-surface-400 dark:text-surface-500">{{ $stat['label'] }}</p>
                <p class="mt-3 text-2xl font-black text-surface-900 dark:text-white">{{ $stat['value'] }}</p>
            </article>
        @endforeach
    </section>

    <section class="rounded-xl border border-surface-200 bg-white shadow-sm dark:border-surface-800 dark:bg-surface-900">
        <div class="border-b border-surface-200 px-6 py-5 dark:border-surface-800">
            <h2 class="text-lg font-black text-surface-900 dark:text-white">{{ $pageTitle }}</h2>
        </div>

        <form action="{{ route('admin.settings.update', ['type' => $type]) }}" method="POST" enctype="multipart/form-data" class="space-y-6 p-6">
            @csrf

            @if($type === 'security')
                @if(!$masterSecuritySetting && $securityTiers->pluck('attempts')->filter()->isEmpty())
                    <div class="rounded-xl border border-amber-200 bg-amber-50 px-5 py-4 text-sm font-bold text-amber-800 dark:border-amber-500/20 dark:bg-amber-500/10 dark:text-amber-200">
                        {{ $isAr ? 'إعدادات الأمان غير متوفرة حاليًا في قاعدة البيانات.' : 'Security settings are not currently available in the database.' }}
                    </div>
                @else
                    @if($masterSecuritySetting)
                        <div class="flex flex-col gap-4 rounded-xl border border-surface-200 bg-surface-50/70 p-5 dark:border-surface-800 dark:bg-surface-950/40 lg:flex-row lg:items-center lg:justify-between">
                            <div>
                                <h3 class="text-base font-black text-surface-900 dark:text-white">{{ $labelMap['login_security_enabled'] }}</h3>
                                <p class="mt-1 text-sm text-surface-500 dark:text-surface-400">{{ $isAr ? 'تشغيل أو إيقاف طبقات الحماية الخاصة بمحاولات الدخول.' : 'Enable or disable login-attempt protection tiers.' }}</p>
                            </div>
                            <label class="relative inline-flex cursor-pointer items-center">
                                <input type="checkbox" name="settings[{{ $masterSecuritySetting->key }}][value]" value="1" {{ $masterSecuritySetting->value == '1' ? 'checked' : '' }} class="peer sr-only">
                                <div class="h-7 w-12 rounded-full bg-surface-200 after:absolute after:start-[4px] after:top-[4px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-brand-600 peer-checked:after:translate-x-full dark:bg-surface-700"></div>
                                <input type="hidden" name="settings[{{ $masterSecuritySetting->key }}][key]" value="{{ $masterSecuritySetting->key }}">
                            </label>
                        </div>
                    @endif

                    <div class="grid gap-4 lg:grid-cols-2">
                        @foreach($securityTiers as $tier)
                            <article class="rounded-xl border border-surface-200 p-5 dark:border-surface-800">
                                <h3 class="text-base font-black text-surface-900 dark:text-white">{{ $tier['label'] }}</h3>
                                <p class="mt-2 text-sm text-surface-500 dark:text-surface-400">{{ $tier['description'] }}</p>

                                <div class="mt-5 grid gap-4">
                                    @if($tier['attempts'])
                                        <div>
                                            <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $isAr ? 'عدد المحاولات' : 'Attempt Limit' }}</label>
                                            <input type="number" name="settings[{{ $tier['attempts']->key }}][value]" value="{{ $tier['attempts']->value }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                            <input type="hidden" name="settings[{{ $tier['attempts']->key }}][key]" value="{{ $tier['attempts']->key }}">
                                        </div>
                                    @endif

                                    @if($tier['lockout'])
                                        <div>
                                            <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $isAr ? 'مدة الحظر بالدقائق' : 'Lockout Duration (Minutes)' }}</label>
                                            <input type="number" name="settings[{{ $tier['lockout']->key }}][value]" value="{{ $tier['lockout']->value }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                            <input type="hidden" name="settings[{{ $tier['lockout']->key }}][key]" value="{{ $tier['lockout']->key }}">
                                        </div>
                                    @endif
                                </div>
                            </article>
                        @endforeach
                    </div>

                    <article class="rounded-xl border border-surface-200 p-5 dark:border-surface-800">
                        <h3 class="text-base font-black text-surface-900 dark:text-white">{{ $isAr ? 'حماية المصدر والتكرار' : 'Source & Repetition Protection' }}</h3>
                        <p class="mt-2 text-sm text-surface-500 dark:text-surface-400">{{ $isAr ? 'تتحكم هذه القيم في المحاولات المتكررة من نفس الـ IP، كما تضبط متى يتم حظر المصدر إذا جرت محاولات فاشلة على أكثر من حساب خلال نافذة زمنية واحدة.' : 'These values control repeated attempts from the same IP and define when the source should be blocked after failed attempts across multiple accounts inside the same time window.' }}</p>

                        <div class="mt-5 grid gap-4 md:grid-cols-2 xl:grid-cols-4">
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap['login_repeat_window_minutes'] }}</label>
                                <input type="number" min="1" name="settings[{{ $sourceProtectionSettings['repeat_window']?->key ?? 'login_repeat_window_minutes' }}][value]" value="{{ $sourceProtectionSettings['repeat_window']?->value ?? 15 }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                <input type="hidden" name="settings[{{ $sourceProtectionSettings['repeat_window']?->key ?? 'login_repeat_window_minutes' }}][key]" value="{{ $sourceProtectionSettings['repeat_window']?->key ?? 'login_repeat_window_minutes' }}">
                            </div>
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap['login_source_attempts_limit'] }}</label>
                                <input type="number" min="1" name="settings[{{ $sourceProtectionSettings['attempts_limit']?->key ?? 'login_source_attempts_limit' }}][value]" value="{{ $sourceProtectionSettings['attempts_limit']?->value ?? 10 }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                <input type="hidden" name="settings[{{ $sourceProtectionSettings['attempts_limit']?->key ?? 'login_source_attempts_limit' }}][key]" value="{{ $sourceProtectionSettings['attempts_limit']?->key ?? 'login_source_attempts_limit' }}">
                            </div>
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap['login_source_accounts_limit'] }}</label>
                                <input type="number" min="1" name="settings[{{ $sourceProtectionSettings['accounts_limit']?->key ?? 'login_source_accounts_limit' }}][value]" value="{{ $sourceProtectionSettings['accounts_limit']?->value ?? 3 }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                <input type="hidden" name="settings[{{ $sourceProtectionSettings['accounts_limit']?->key ?? 'login_source_accounts_limit' }}][key]" value="{{ $sourceProtectionSettings['accounts_limit']?->key ?? 'login_source_accounts_limit' }}">
                            </div>
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap['login_source_lockout_minutes'] }}</label>
                                <input type="number" min="1" name="settings[{{ $sourceProtectionSettings['lockout_minutes']?->key ?? 'login_source_lockout_minutes' }}][value]" value="{{ $sourceProtectionSettings['lockout_minutes']?->value ?? 30 }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                                <input type="hidden" name="settings[{{ $sourceProtectionSettings['lockout_minutes']?->key ?? 'login_source_lockout_minutes' }}][key]" value="{{ $sourceProtectionSettings['lockout_minutes']?->key ?? 'login_source_lockout_minutes' }}">
                            </div>
                        </div>
                    </article>

                    <article class="rounded-xl border border-surface-200 p-5 dark:border-surface-800">
                        <h3 class="text-base font-black text-surface-900 dark:text-white">{{ $labelMap['trash_force_delete_password'] }}</h3>
                        <p class="mt-2 text-sm text-surface-500 dark:text-surface-400">{{ $isAr ? 'لن يُسمح بأي حذف نهائي من سلة المهملات إلا بعد إدخال هذه الكلمة. اترك الحقل فارغاً إذا كنت لا تريد تغييرها.' : 'No permanent delete will be allowed from the trash bin without this password. Leave the field empty if you do not want to change it.' }}</p>

                        <div class="mt-5 grid gap-4 md:grid-cols-2">
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap['trash_force_delete_password'] }}</label>
                                <input type="password" name="settings[trash_force_delete_password][value]" value="" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100" placeholder="{{ $isAr ? 'أدخل كلمة سر جديدة' : 'Enter a new password' }}">
                                <input type="hidden" name="settings[trash_force_delete_password][key]" value="trash_force_delete_password">
                            </div>
                            <div>
                                <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $isAr ? 'تأكيد كلمة السر' : 'Confirm Password' }}</label>
                                <input type="password" name="trash_force_delete_password_confirmation" value="" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100" placeholder="{{ $isAr ? 'أعد إدخال كلمة السر' : 'Re-enter the password' }}">
                            </div>
                        </div>
                    </article>
                @endif
            @else
                <div class="grid gap-6 md:grid-cols-2">
                    @foreach ($typeSettings as $setting)
                        <div class="{{ $setting->data_type === 'textarea' ? 'md:col-span-2' : '' }}">
                            <label class="mb-2 block text-sm font-bold text-surface-700 dark:text-surface-200">{{ $labelMap[$setting->key] ?? __('dashboard.' . str_replace(' ', '_', ucfirst(str_replace('_', ' ', $setting->key)))) }}</label>

                            @if($setting->data_type === 'text')
                                <input type="text" name="settings[{{ $setting->key }}][value]" value="{{ $setting->value }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                            @elseif($setting->data_type === 'number')
                                <input type="number" name="settings[{{ $setting->key }}][value]" value="{{ $setting->value }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                            @elseif($setting->data_type === 'textarea')
                                <textarea name="settings[{{ $setting->key }}][value]" rows="4" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">{{ $setting->value }}</textarea>
                            @elseif($setting->data_type === 'checkbox')
                                <label class="inline-flex items-center gap-3 cursor-pointer">
                                    <div class="relative flex items-center">
                                        <input type="checkbox" name="settings[{{ $setting->key }}][value]" value="1" {{ $setting->value == '1' ? 'checked' : '' }} class="peer sr-only">
                                        <div class="h-6 w-11 rounded-full bg-surface-200 transition-all peer-checked:bg-brand-600 dark:bg-surface-700"></div>
                                        <div class="absolute start-1 top-1 h-4 w-4 rounded-full bg-white transition-all peer-checked:translate-x-5"></div>
                                    </div>
                                    <span class="text-sm font-bold text-surface-600 dark:text-surface-300">{{ __('dashboard.Enabled') }}</span>
                                </label>
                            @elseif($setting->data_type === 'file')
                                <div class="flex items-center gap-4">
                                    <input type="file" name="settings[{{ $setting->key }}][value]" class="flex-1 text-sm file:me-3 file:rounded-full file:border-0 file:bg-brand-50 file:px-4 file:py-2 file:text-sm file:font-bold file:text-brand-700 hover:file:bg-brand-100">
                                    @if ($setting->value)
                                        <img src="{{ Storage::url($setting->value) }}" alt="" class="h-12 w-12 rounded-xl object-cover border border-surface-200 dark:border-surface-700">
                                    @endif
                                </div>
                            @else
                                <input type="text" name="settings[{{ $setting->key }}][value]" value="{{ $setting->value }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100">
                            @endif

                            <input type="hidden" name="settings[{{ $setting->key }}][key]" value="{{ $setting->key }}">
                        </div>
                    @endforeach
                </div>
            @endif

            <div class="flex justify-end border-t border-surface-200 pt-6 dark:border-surface-800">
                <button type="submit" class="inline-flex h-11 items-center rounded-xl bg-brand-600 px-6 text-sm font-bold text-white transition hover:bg-brand-700">
                    {{ __('dashboard.Save Settings') }}
                </button>
            </div>
        </form>
    </section>

    @if ($type === 'email')
        <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-900">
            <h2 class="text-lg font-black text-surface-900 dark:text-white">{{ __('dashboard.SMTP Test Email') }}</h2>
            <p class="mt-2 text-sm text-surface-500 dark:text-surface-400">{{ __('dashboard.Enter an email address to receive a verification message.') }}</p>

            <form method="POST" action="{{ route('admin.settings.email.test') }}" class="mt-5 grid gap-4 md:grid-cols-[minmax(0,1fr)_auto]">
                @csrf
                <input type="email" name="recipient_email" placeholder="{{ __('dashboard.Test email recipient') }}" class="w-full rounded-xl border border-surface-200 bg-white px-4 py-3 text-sm font-bold outline-none transition focus:border-brand-400 dark:border-surface-700 dark:bg-surface-950 dark:text-surface-100" required>
                <button type="submit" class="inline-flex h-11 items-center justify-center rounded-xl bg-surface-900 px-6 text-sm font-bold text-white transition hover:bg-surface-800 dark:bg-brand-600 dark:hover:bg-brand-700">
                    {{ __('dashboard.Send test email') }}
                </button>
            </form>
        </section>
    @endif
</div>
@endsection