@extends('admin.layout')

@section('title', 'Site settings')

@section('content')
<main class="page">
    <span class="eyebrow">Settings</span>
    <h1 class="title">Site settings</h1>
    <p class="muted">Customize the site header, footer, brand images, email delivery, and M-Pesa credentials.</p>

    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="error-box" role="alert">{{ $errors->first() }}</div>@endif

    <form method="POST" action="{{ route('admin.settings.update') }}" enctype="multipart/form-data">
        @csrf
        @method('PATCH')

        <section class="panel category-create settings-panel">
            <h2 class="section-title">Header and footer</h2>
            <p class="muted">These details appear on the public job portal and portal headers.</p>
            <div class="settings-grid">
                <div class="field">
                    <label for="site_name">Site name *</label>
                    <input class="input" id="site_name" name="site_name" value="{{ old('site_name', $settings->site_name ?: 'JULISTAH JOBS') }}" maxlength="120" required>
                </div>
                <div class="field">
                    <label for="tagline">Hero headline</label>
                    <input class="input" id="tagline" name="tagline" value="{{ old('tagline', $settings->tagline) }}" maxlength="180" placeholder="Find work that moves you forward.">
                </div>
                <div class="field span-2">
                    <label for="header_announcement">Header announcement</label>
                    <input class="input" id="header_announcement" name="header_announcement" value="{{ old('header_announcement', $settings->header_announcement) }}" maxlength="255" placeholder="Optional announcement shown above the site header">
                </div>
                <div class="field">
                    <label for="support_email">Support email</label>
                    <input class="input" id="support_email" name="support_email" type="email" value="{{ old('support_email', $settings->support_email) }}" maxlength="255" placeholder="help@example.com">
                </div>
                <div class="field">
                    <label for="support_phone">Support phone</label>
                    <input class="input" id="support_phone" name="support_phone" type="tel" value="{{ old('support_phone', $settings->support_phone) }}" maxlength="40" placeholder="+254 …">
                </div>
                <div class="field span-2">
                    <label for="contact_address">Contact address</label>
                    <textarea class="input" id="contact_address" name="contact_address" rows="2" maxlength="2000">{{ old('contact_address', $settings->contact_address) }}</textarea>
                </div>
                <div class="field span-2">
                    <label for="footer_text">Footer message</label>
                    <input class="input" id="footer_text" name="footer_text" value="{{ old('footer_text', $settings->footer_text) }}" maxlength="255" placeholder="© JULISTAH JOBS">
                </div>
            </div>
        </section>

        <section class="panel category-create settings-panel">
            <h2 class="section-title">Logo, site icon, and hero</h2>
            <p class="muted">Use JPG, PNG, or WebP images up to 5 MB. The site icon is limited to 2 MB.</p>
            <div class="settings-asset-previews">
                @if ($settings->logo_path)<div><img class="settings-logo-preview" src="{{ route('site.settings.asset', 'logo') }}" alt="Current site logo"><span>Current logo</span></div>@endif
                @if ($settings->icon_path)<div><img class="settings-icon-preview" src="{{ route('site.settings.asset', 'icon') }}" alt="Current site icon"><span>Current site icon</span></div>@endif
                @if ($settings->hero_image_path)<div><img class="settings-hero-preview" src="{{ route('site.settings.asset', 'hero') }}" alt="Current hero image"><span>Current hero image</span></div>@endif
            </div>
            <div class="settings-grid">
                <div class="field">
                    <label for="logo">Site logo</label>
                    <input class="input" id="logo" name="logo" type="file" accept="image/jpeg,image/png,image/webp">
                    @if ($settings->logo_path)<label class="settings-remove"><input type="checkbox" name="remove_logo" value="1"> Remove current logo</label>@endif
                </div>
                <div class="field">
                    <label for="icon">Browser tab icon</label>
                    <input class="input" id="icon" name="icon" type="file" accept="image/jpeg,image/png,image/webp">
                    @if ($settings->icon_path)<label class="settings-remove"><input type="checkbox" name="remove_icon" value="1"> Remove current icon</label>@endif
                </div>
                <div class="field span-2">
                    <label for="hero_image">Homepage hero image</label>
                    <input class="input" id="hero_image" name="hero_image" type="file" accept="image/jpeg,image/png,image/webp">
                    @if ($settings->hero_image_path)<label class="settings-remove"><input type="checkbox" name="remove_hero_image" value="1"> Remove current hero image</label>@endif
                </div>
                <div class="field span-2">
                    <label for="hero_description">Hero description</label>
                    <textarea class="input" id="hero_description" name="hero_description" rows="2" maxlength="2000" placeholder="Short introduction below the homepage headline">{{ old('hero_description', $settings->hero_description) }}</textarea>
                </div>
            </div>
        </section>

        <section class="panel category-create settings-panel">
            <h2 class="section-title">SMTP email</h2>
            <p class="muted">Enter the SMTP details from your email provider. Secrets are encrypted in the database. Leave password blank to keep the saved one.</p>
            <input type="hidden" name="smtp_enabled" value="0">
            <label class="settings-toggle"><input type="checkbox" name="smtp_enabled" value="1" @checked(old('smtp_enabled', $settings->smtp_enabled))> Enable custom SMTP for application email</label>
            <div class="settings-grid">
                <div class="field"><label for="smtp_host">SMTP host</label><input class="input" id="smtp_host" name="smtp_host" value="{{ old('smtp_host', $settings->smtp_host) }}" placeholder="smtp.example.com"></div>
                <div class="field"><label for="smtp_port">SMTP port</label><input class="input" id="smtp_port" name="smtp_port" type="number" min="1" max="65535" value="{{ old('smtp_port', $settings->smtp_port) }}" placeholder="587"></div>
                <div class="field"><label for="smtp_encryption">Connection security</label><select class="input" id="smtp_encryption" name="smtp_encryption"><option value="">Automatic / provider default</option><option value="tls" @selected(old('smtp_encryption', $settings->smtp_encryption) === 'tls')>TLS</option><option value="ssl" @selected(old('smtp_encryption', $settings->smtp_encryption) === 'ssl')>SSL</option></select></div>
                <div class="field"><label for="mail_from_address">From email</label><input class="input" id="mail_from_address" name="mail_from_address" type="email" value="{{ old('mail_from_address', $settings->mail_from_address) }}" placeholder="jobs@example.com"></div>
                <div class="field"><label for="smtp_username">SMTP username</label><input class="input" id="smtp_username" name="smtp_username" type="password" autocomplete="new-password" placeholder="{{ $settings->smtp_username ? 'Saved securely — enter a new value to replace' : 'Optional, depending on your provider' }}"></div>
                <div class="field"><label for="smtp_password">SMTP password</label><input class="input" id="smtp_password" name="smtp_password" type="password" autocomplete="new-password" placeholder="{{ $settings->smtp_password ? 'Saved securely — enter a new value to replace' : 'Enter provider password or app password' }}"></div>
                <div class="field"><label for="mail_from_name">From name</label><input class="input" id="mail_from_name" name="mail_from_name" value="{{ old('mail_from_name', $settings->mail_from_name) }}" maxlength="120" placeholder="{{ $settings->site_name ?: 'JULISTAH JOBS' }}"></div>
            </div>
            @if ($settings->smtp_password || $settings->smtp_username)
                <input type="hidden" name="clear_smtp_credentials" value="0">
                <label class="settings-remove"><input type="checkbox" name="clear_smtp_credentials" value="1"> Clear saved SMTP username and password</label>
            @endif
        </section>

        <section class="panel category-create settings-panel">
            <h2 class="section-title">M-Pesa payment setup</h2>
            <p class="muted">Daraja credentials are encrypted in the database. This saves payment settings; a checkout and payment confirmation flow must be connected before the site can collect payments.</p>
            <input type="hidden" name="mpesa_enabled" value="0">
            <label class="settings-toggle"><input type="checkbox" name="mpesa_enabled" value="1" @checked(old('mpesa_enabled', $settings->mpesa_enabled))> Enable M-Pesa configuration</label>
            <div class="settings-grid">
                <div class="field"><label for="mpesa_environment">Environment</label><select class="input" id="mpesa_environment" name="mpesa_environment"><option value="sandbox" @selected(old('mpesa_environment', $settings->mpesa_environment) === 'sandbox')>Sandbox</option><option value="production" @selected(old('mpesa_environment', $settings->mpesa_environment) === 'production')>Production</option></select></div>
                <div class="field"><label for="mpesa_shortcode">Business shortcode</label><input class="input" id="mpesa_shortcode" name="mpesa_shortcode" value="{{ old('mpesa_shortcode', $settings->mpesa_shortcode) }}" maxlength="50"></div>
                <div class="field"><label for="mpesa_consumer_key">Consumer key</label><input class="input" id="mpesa_consumer_key" name="mpesa_consumer_key" type="password" autocomplete="new-password" placeholder="{{ $settings->mpesa_consumer_key ? 'Saved securely — enter a new value to replace' : 'Daraja consumer key' }}"></div>
                <div class="field"><label for="mpesa_consumer_secret">Consumer secret</label><input class="input" id="mpesa_consumer_secret" name="mpesa_consumer_secret" type="password" autocomplete="new-password" placeholder="{{ $settings->mpesa_consumer_secret ? 'Saved securely — enter a new value to replace' : 'Daraja consumer secret' }}"></div>
                <div class="field span-2"><label for="mpesa_passkey">Lipa Na M-Pesa passkey</label><input class="input" id="mpesa_passkey" name="mpesa_passkey" type="password" autocomplete="new-password" placeholder="{{ $settings->mpesa_passkey ? 'Saved securely — enter a new value to replace' : 'Daraja passkey' }}"></div>
            </div>
            @if ($settings->mpesa_consumer_key || $settings->mpesa_consumer_secret || $settings->mpesa_passkey)
                <input type="hidden" name="clear_mpesa_credentials" value="0">
                <label class="settings-remove"><input type="checkbox" name="clear_mpesa_credentials" value="1"> Clear saved M-Pesa credentials</label>
            @endif
        </section>

        <button class="button" type="submit">Save all settings</button>
    </form>
</main>
@endsection