@extends('layouts.admin')
@section('content')
@php($activeGroup = request('group', $settingGroups->keys()->first()))
@php($hiddenSettingKeys = ['mail_last_test_status', 'mail_last_test_message', 'mail_last_test_debug'])

<div class="admin-toolbar">
    <div>
        <h1 class="h3 mb-1">Site settings</h1>
        <div class="small text-muted">Update the store configuration by section. Each section saves separately, so you can change SMTP, payments, policies, or branding without touching the rest.</div>
    </div>
</div>

<div class="row g-4 align-items-start">
    <div class="col-xl-3">
        <div class="card admin-card sticky-top" style="top: 1rem;">
            <div class="card-body p-3">
                <div class="small text-uppercase text-muted fw-semibold mb-2">Setting groups</div>
                <div class="nav nav-pills flex-column gap-2">
                    @foreach($settingGroups as $group => $groupSettings)
                        <a
                            href="{{ route('admin.site-settings.index', ['group' => $group]) }}"
                            class="nav-link d-flex justify-content-between align-items-center {{ $activeGroup === $group ? 'active' : 'text-body' }}"
                        >
                            <span>{{ $groupLabels->get($group, \Illuminate\Support\Str::headline($group)) }}</span>
                            <span class="badge {{ $activeGroup === $group ? 'text-bg-light' : 'text-bg-secondary' }}">{{ $groupSettings->count() }}</span>
                        </a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

    <div class="col-xl-9">
        @foreach($settingGroups as $group => $groupSettings)
            <div class="{{ $activeGroup === $group ? '' : 'd-none' }}">
                <form method="post" action="{{ route('admin.site-settings.bulk-update') }}" enctype="multipart/form-data" class="card admin-card" autocomplete="off">
                    @csrf
                    <input type="hidden" name="group" value="{{ $group }}">

                    <div class="card-body p-4">
                        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-4">
                            <div>
                                <h2 class="h4 mb-1">{{ $groupLabels->get($group, \Illuminate\Support\Str::headline($group)) }}</h2>
                                <div class="text-muted small">Fields in this group are loaded from the database and can be saved independently.</div>
                            </div>
                            <button class="btn admin-btn admin-btn-primary">
                                <i class="fa-solid fa-floppy-disk me-2"></i>Save {{ strtolower($groupLabels->get($group, \Illuminate\Support\Str::headline($group))) }}
                            </button>
                        </div>

                        @if($group === 'mail')
                            <div class="card border-0 bg-light-subtle mb-4">
                                <div class="card-body">
                                    <div class="row g-3 align-items-start">
                                        <div class="col-12 col-xl-7">
                                            <div class="d-grid gap-3">
                                                <div>
                                                    <div class="fw-semibold">Send test email</div>
                                                    <div class="small text-muted">Use the current mail settings to send a quick test message.</div>
                                                </div>
                                                <div class="d-flex flex-column flex-md-row gap-2">
                                                    <input
                                                        type="email"
                                                        name="test_email"
                                                        form="mail-test-form"
                                                        value="{{ old('test_email', $allSettings->firstWhere('key', 'admin_notification_email')?->value ?: $allSettings->firstWhere('key', 'mail_from_address')?->value) }}"
                                                        class="form-control"
                                                        placeholder="name@example.com"
                                                        required
                                                    >
                                                    <button class="btn admin-btn admin-btn-secondary" type="submit" form="mail-test-form">
                                                        <i class="fa-solid fa-paper-plane"></i><span>Send test</span>
                                                    </button>
                                                </div>
                                                @error('test_email')
                                                    <div class="text-danger small">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-12 col-xl-5">
                                            <div class="rounded-3 border bg-white p-3 h-100">
                                                <div class="fw-semibold mb-2">Mail diagnostics</div>
                                                <div class="small text-muted mb-3">Turn debugging on if you want the exact transport error shown after a failed test.</div>
                                                <div class="small d-grid gap-2">
                                                    <div><strong>Mailer:</strong> {{ strtoupper($mailDiagnostics['mailer'] ?: 'smtp') }}</div>
                                                    <div><strong>From:</strong> {{ $mailDiagnostics['mail_from_name'] ?: 'Not set' }} &lt;{{ $mailDiagnostics['mail_from_address'] ?: 'Not set' }}&gt;</div>
                                                    @if($mailDiagnostics['mailer'] === 'smtp')
                                                        <div><strong>SMTP host:</strong> {{ $mailDiagnostics['smtp_host'] ?: 'Not set' }}</div>
                                                        <div><strong>SMTP port:</strong> {{ $mailDiagnostics['smtp_port'] ?: 'Not set' }}</div>
                                                        <div><strong>Encryption:</strong> {{ $mailDiagnostics['smtp_encryption'] ?: 'None' }}</div>
                                                    @elseif($mailDiagnostics['mailer'] === 'sendmail')
                                                        <div><strong>Sendmail path:</strong> {{ $mailDiagnostics['sendmail_path'] ?: 'Not set' }}</div>
                                                    @endif
                                                    <div><strong>Debugging:</strong> {{ $mailDiagnostics['debug_enabled'] ? 'Enabled' : 'Disabled' }}</div>
                                                    @if($mailDiagnostics['status'])
                                                        <div><strong>Last test:</strong> {{ \Illuminate\Support\Str::headline($mailDiagnostics['status']) }}</div>
                                                    @endif
                                                    @if($mailDiagnostics['message'])
                                                        <div class="rounded-3 {{ $mailDiagnostics['status'] === 'failed' ? 'bg-danger-subtle text-danger-emphasis' : 'bg-success-subtle text-success-emphasis' }} p-2">
                                                            {{ $mailDiagnostics['message'] }}
                                                        </div>
                                                    @endif
                                                    @if($mailDiagnostics['debug'])
                                                        <div>
                                                            <strong>Debug transcript:</strong>
                                                            <pre class="small bg-dark text-light rounded-3 p-2 mt-1 mb-0" style="white-space: pre-wrap;">{{ $mailDiagnostics['debug'] }}</pre>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <div class="row g-3">
                            @forelse($groupSettings as $setting)
                                @continue(in_array($setting->key, $hiddenSettingKeys, true))
                                @php($isImage = in_array($setting->key, ['site_logo', 'site_favicon'], true))
                                @php($isToggle = in_array($setting->key, ['maintenance_mode', 'admin_require_mfa', 'recaptcha_enabled', 'newsletter_enabled', 'mail_debug_enabled'], true))
                                @php($isLong = strlen((string) $setting->value) > 80 || str_contains((string) $setting->key, 'code') || in_array($setting->key, ['live_animal_shipping_notice', 'site_meta_description', 'newsletter_footer_text'], true))
                                @php($isSensitive = $setting->is_encrypted)
                                @php($fieldName = "settings.{$setting->key}")
                                <div class="col-12 {{ $isLong || $isImage ? 'col-lg-12' : 'col-lg-6' }}">
                                    <label class="form-label fw-semibold d-flex align-items-center gap-2">
                                        <i class="fa-solid {{ $isSensitive ? 'fa-lock' : ($isImage ? 'fa-image' : 'fa-gear') }} text-primary"></i>
                                        <span>{{ \Illuminate\Support\Str::headline(str_replace('_', ' ', $setting->key)) }}</span>
                                    </label>

                                    @if($isImage)
                                        @php($storedPath = old($fieldName, $setting->value))
                                        @if($storedPath)
                                            <div class="mb-2">
                                                <img src="{{ asset('storage/'.$storedPath) }}" alt="{{ $setting->key }}" class="img-fluid rounded-3 border" style="max-height: 84px;">
                                            </div>
                                        @endif
                                        <input type="hidden" name="settings[{{ $setting->key }}]" value="{{ $storedPath }}">
                                        <input type="file" name="{{ $setting->key === 'site_logo' ? 'site_logo_upload' : 'site_favicon_upload' }}" class="form-control" accept="{{ $setting->key === 'site_logo' ? '.jpg,.jpeg,.png,.webp,.svg' : '.jpg,.jpeg,.png,.webp,.ico' }}" autocomplete="off">
                                    @elseif($isToggle)
                                        <select name="settings[{{ $setting->key }}]" class="form-select">
                                            <option value="0" @selected((string) old($fieldName, $setting->value) === '0')>Disabled</option>
                                            <option value="1" @selected((string) old($fieldName, $setting->value) === '1')>Enabled</option>
                                        </select>
                                    @elseif($isSensitive)
                                        <input
                                            type="password"
                                            name="settings[{{ $setting->key }}]"
                                            value=""
                                            class="form-control"
                                            placeholder="Saved value hidden. Enter a new value to replace it."
                                            autocomplete="new-password"
                                            spellcheck="false"
                                        >
                                    @elseif($setting->key === 'smtp_encryption')
                                        <select name="settings[{{ $setting->key }}]" class="form-select">
                                            @foreach(['tls' => 'TLS', 'ssl' => 'SSL', 'null' => 'None'] as $value => $label)
                                                <option value="{{ $value === 'null' ? '' : $value }}" @selected((string) old($fieldName, $setting->value) === ($value === 'null' ? '' : $value))>{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    @elseif($setting->key === 'mail_mailer')
                                        <select name="settings[{{ $setting->key }}]" class="form-select">
                                            @foreach(['smtp' => 'SMTP', 'sendmail' => 'Sendmail', 'log' => 'Log only'] as $value => $label)
                                                <option value="{{ $value }}" @selected((string) old($fieldName, $setting->value) === $value)>{{ $label }}</option>
                                            @endforeach
                                        </select>
                                    @elseif(in_array($setting->key, ['stripe_environment', 'paypal_environment'], true))
                                        <select name="settings[{{ $setting->key }}]" class="form-select">
                                            @foreach($setting->key === 'stripe_environment' ? ['test', 'live'] : ['sandbox', 'live'] as $value)
                                                <option value="{{ $value }}" @selected((string) old($fieldName, $setting->value) === $value)>{{ ucfirst($value) }}</option>
                                            @endforeach
                                        </select>
                                    @elseif($isLong)
                                        <textarea name="settings[{{ $setting->key }}]" class="form-control" rows="4">{{ old($fieldName, $setting->value) }}</textarea>
                                    @else
                                        <input name="settings[{{ $setting->key }}]" value="{{ old($fieldName, $setting->value) }}" class="form-control" autocomplete="off">
                                    @endif

                                    <div class="small text-muted">
                                        {{ $setting->is_encrypted ? 'Sensitive value is hidden and will only change if you enter a new one.' : 'Stored in the database for this settings group.' }}
                                        @if($setting->key === 'admin_require_mfa')
                                            Admin users will be prompted to complete MFA before accessing protected admin pages.
                                        @elseif($setting->key === 'public_support_email')
                                            This is the email address shown on the public contact page.
                                        @elseif($setting->key === 'tawk_widget_code')
                                            Paste the full widget embed code from Tawk.to if you want live chat enabled site-wide.
                                        @elseif($setting->key === 'live_animal_shipping_notice')
                                            This notice is shown to customers on relevant storefront pages and checkout screens.
                                        @elseif($setting->key === 'mail_mailer')
                                            Choose SMTP for authenticated mail delivery, Sendmail for server-level delivery, or Log only for debugging without sending real emails.
                                        @elseif($setting->key === 'mail_sendmail_path')
                                            Used only when the selected mailer is set to Sendmail.
                                        @elseif($setting->key === 'mail_debug_enabled')
                                            When enabled, failed test emails will show the exact transport error on this page.
                                        @elseif($setting->key === 'tracking_url_template')
                                            Use a URL with a tracking placeholder if this setting is later surfaced in shipping configuration.
                                        @endif
                                    </div>
                                    @error($fieldName)
                                        <div class="text-danger small mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                            @empty
                                <div class="col-12">
                                    <div class="alert alert-warning mb-0">No settings were found in this group.</div>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </form>
            </div>
        @endforeach
    </div>
</div>

<form id="mail-test-form" method="post" action="{{ route('admin.site-settings.test-email') }}" class="d-none">
    @csrf
</form>
@endsection