@extends('layouts.app')

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

@section('content')
    <h1 class="text-2xl md:text-3xl font-semibold text-gray-800 dark:text-white mb-6">
        Email Settings
    </h1>

    {{-- Configuration Status / Instructions --}}
    <div
        class="mb-6 p-4 rounded-md bg-blue-50 dark:bg-blue-900/50 border border-blue-300 dark:border-blue-700 text-blue-800 dark:text-blue-200">
        <p class="text-sm">Configure the application's outgoing email settings below. Select a mail driver and fill in the
            required credentials. Settings are stored securely in the database. Changes require clearing the configuration
            cache.</p>
    </div>

    {{-- Form Container --}}
    <div
        class="max-w-2xl bg-white dark:bg-gray-800 shadow-md rounded-lg p-6 md:p-8 border border-gray-200 dark:border-gray-700">

        {{-- Form points to email.update route --}}
        <form method="POST" action="{{ route('admin.email.update') }}" x-data="{ selectedMailer: '{{ old('mail_mailer', $settings['mail_mailer'] ?? 'log') }}' }" class="space-y-8">
            @csrf
            @method('PUT')

            {{-- Mailer Selection --}}
            <fieldset>
                <label for="mail_mailer" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Mail Driver
                    (MAIL_MAILER) <span class="text-red-500">*</span></label>
                <select name="mail_mailer" id="mail_mailer" required x-model="selectedMailer"
                    class="block w-full mt-1 px-3 py-2 border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-700 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm text-gray-900 dark:text-gray-100">
                    <option value="log">Log (Writes emails to log file - Recommended for Dev)</option>
                    <option value="smtp">SMTP</option>
                    <option value="mailgun">Mailgun</option>
                    <option value="ses">Amazon SES</option>
                    <option value="postmark">Postmark</option>
                    {{-- Add other drivers like 'sendmail' if needed --}}
                </select>
                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">Select the service used to send emails.</p>
                @error('mail_mailer')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </fieldset>

            {{-- Common From Address/Name --}}
            <fieldset class="space-y-6 pt-6 border-t border-gray-200 dark:border-gray-600">
                <legend class="text-base font-medium text-gray-900 dark:text-white">Sender Information</legend>
                <div>
                    <label for="mail_from_address"
                        class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">From Email Address
                        (MAIL_FROM_ADDRESS) <span class="text-red-500">*</span></label>
                    <input type="email" name="mail_from_address" id="mail_from_address"
                        value="{{ old('mail_from_address', $settings['mail_from_address'] ?? '') }}" required
                        placeholder="e.g., no-reply@yourdomain.com"
                        class="block w-full px-3 py-2 ... @error('mail_from_address') border-red-500 ring-1 ring-red-500 @enderror">
                    @error('mail_from_address')
                        <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                    @enderror
                </div>
                <div>
                    <label for="mail_from_name" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">From
                        Name (MAIL_FROM_NAME) <span class="text-red-500">*</span></label>
                    <input type="text" name="mail_from_name" id="mail_from_name"
                        value="{{ old('mail_from_name', $settings['mail_from_name'] ?? config('app.name')) }}" required
                        placeholder="e.g., {{ config('app.name') }}"
                        class="block w-full px-3 py-2 ... @error('mail_from_name') border-red-500 ring-1 ring-red-500 @enderror">
                    @error('mail_from_name')
                        <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                    @enderror
                </div>
            </fieldset>

            {{-- SMTP Settings (Conditional) --}}
            <fieldset x-show="selectedMailer === 'smtp'" x-transition x-cloak
                class="space-y-6 pt-6 border-t border-gray-200 dark:border-gray-600">
                <legend class="text-base font-medium text-gray-900 dark:text-white">SMTP Settings</legend>
                <div><label for="mail_host" class="block text-sm ...">Host <span class="text-red-500">*</span></label><input
                        type="text" name="mail_host" id="mail_host"
                        value="{{ old('mail_host', $settings['mail_host'] ?? '') }}"
                        x-bind:required="selectedMailer === 'smtp'" placeholder="e.g., smtp.mailgun.org"
                        class="block w-full ... @error('mail_host') border-red-500 ... @enderror">
                    @error('mail_host')
                        ...
                    @enderror
                </div>
                <div><label for="mail_port" class="block text-sm ...">Port <span class="text-red-500">*</span></label><input
                        type="number" name="mail_port" id="mail_port"
                        value="{{ old('mail_port', $settings['mail_port'] ?? '') }}"
                        x-bind:required="selectedMailer === 'smtp'" placeholder="e.g., 587"
                        class="block w-full ... @error('mail_port') border-red-500 ... @enderror">
                    @error('mail_port')
                        ...
                    @enderror
                </div>
                <div><label for="mail_username" class="block text-sm ...">Username</label><input type="text"
                        name="mail_username" id="mail_username"
                        value="{{ old('mail_username', $settings['mail_username'] ?? '') }}" placeholder="Optional"
                        class="block w-full ... @error('mail_username') border-red-500 ... @enderror">
                    @error('mail_username')
                        ...
                    @enderror
                </div>
                <div><label for="mail_password" class="block text-sm ...">Password</label><input type="password"
                        name="mail_password" id="mail_password" value=""
                        placeholder="{{ $settings['mail_password'] ? 'Set (Leave blank to keep)' : 'Optional' }}"
                        class="block w-full ... @error('mail_password') border-red-500 ... @enderror">
                    @error('mail_password')
                        ...
                    @enderror
                </div>
                <div><label for="mail_encryption" class="block text-sm ...">Encryption <span
                            class="text-red-500">*</span></label><select name="mail_encryption" id="mail_encryption"
                        x-bind:required="selectedMailer === 'smtp'"
                        class="block w-full ... @error('mail_encryption') border-red-500 ... @enderror">
                        <option value="null" @selected(old('mail_encryption', $settings['mail_encryption'] ?? '') == 'null')>None</option>
                        <option value="tls" @selected(old('mail_encryption', $settings['mail_encryption'] ?? 'tls') == 'tls')>TLS</option>
                        <option value="ssl" @selected(old('mail_encryption', $settings['mail_encryption'] ?? '') == 'ssl')>SSL</option>
                        <option value="starttls" @selected(old('mail_encryption', $settings['mail_encryption'] ?? '') == 'starttls')>STARTTLS</option>
                    </select>
                    @error('mail_encryption')
                        ...
                    @enderror
                </div>
            </fieldset>

            {{-- Mailgun Settings (Conditional) --}}
            <fieldset x-show="selectedMailer === 'mailgun'" x-transition x-cloak
                class="space-y-6 pt-6 border-t border-gray-200 dark:border-gray-600">
                <legend class="text-base font-medium text-gray-900 dark:text-white">Mailgun Settings</legend>
                <div><label for="mailgun_domain" class="block text-sm ...">Domain <span
                            class="text-red-500">*</span></label><input type="text" name="mailgun_domain"
                        id="mailgun_domain" value="{{ old('mailgun_domain', $settings['mailgun_domain'] ?? '') }}"
                        x-bind:required="selectedMailer === 'mailgun'" placeholder="e.g., mg.yourdomain.com"
                        class="block w-full ... @error('mailgun_domain') border-red-500 ... @enderror">
                    @error('mailgun_domain')
                        ...
                    @enderror
                </div>
                <div><label for="mailgun_secret" class="block text-sm ...">Secret (API Key) <span
                            class="text-red-500">*</span></label><input type="password" name="mailgun_secret"
                        id="mailgun_secret" value=""
                        placeholder="{{ $settings['mailgun_secret'] ? 'Set (Leave blank to keep)' : '' }}"
                        x-bind:required="selectedMailer === 'mailgun' && !{{ json_encode($settings['mailgun_secret']) }}"
                        class="block w-full ... @error('mailgun_secret') border-red-500 ... @enderror">
                    @error('mailgun_secret')
                        ...
                    @enderror
                </div>
                <div><label for="mailgun_endpoint" class="block text-sm ...">Endpoint (Optional)</label><input
                        type="text" name="mailgun_endpoint" id="mailgun_endpoint"
                        value="{{ old('mailgun_endpoint', $settings['mailgun_endpoint'] ?? '') }}"
                        placeholder="api.mailgun.net or api.eu.mailgun.net"
                        class="block w-full ... @error('mailgun_endpoint') border-red-500 ... @enderror">
                    @error('mailgun_endpoint')
                        ...
                    @enderror
                </div>
            </fieldset>

            {{-- SES Settings (Conditional) --}}
            <fieldset x-show="selectedMailer === 'ses'" x-transition x-cloak
                class="space-y-6 pt-6 border-t border-gray-200 dark:border-gray-600">
                <legend class="text-base font-medium text-gray-900 dark:text-white">Amazon SES Settings</legend>
                <div><label for="ses_key" class="block text-sm ...">AWS Access Key ID <span
                            class="text-red-500">*</span></label><input type="text" name="ses_key" id="ses_key"
                        value="{{ old('ses_key', $settings['ses_key'] ?? '') }}"
                        x-bind:required="selectedMailer === 'ses'"
                        class="block w-full ... @error('ses_key') border-red-500 ... @enderror">
                    @error('ses_key')
                        ...
                    @enderror
                </div>
                <div><label for="ses_secret" class="block text-sm ...">AWS Secret Access Key <span
                            class="text-red-500">*</span></label><input type="password" name="ses_secret"
                        id="ses_secret" value=""
                        placeholder="{{ $settings['ses_secret'] ? 'Set (Leave blank to keep)' : '' }}"
                        x-bind:required="selectedMailer === 'ses' && !{{ json_encode($settings['ses_secret']) }}"
                        class="block w-full ... @error('ses_secret') border-red-500 ... @enderror">
                    @error('ses_secret')
                        ...
                    @enderror
                </div>
                <div><label for="ses_region" class="block text-sm ...">AWS Region <span
                            class="text-red-500">*</span></label><input type="text" name="ses_region" id="ses_region"
                        value="{{ old('ses_region', $settings['ses_region'] ?? '') }}"
                        x-bind:required="selectedMailer === 'ses'" placeholder="e.g., us-east-1"
                        class="block w-full ... @error('ses_region') border-red-500 ... @enderror">
                    @error('ses_region')
                        ...
                    @enderror
                </div>
            </fieldset>

            {{-- Postmark Settings (Conditional) --}}
            <fieldset x-show="selectedMailer === 'postmark'" x-transition x-cloak
                class="space-y-6 pt-6 border-t border-gray-200 dark:border-gray-600">
                <legend class="text-base font-medium text-gray-900 dark:text-white">Postmark Settings</legend>
                <div><label for="postmark_token" class="block text-sm ...">Token <span
                            class="text-red-500">*</span></label><input type="password" name="postmark_token"
                        id="postmark_token" value=""
                        placeholder="{{ $settings['postmark_token'] ? 'Set (Leave blank to keep)' : '' }}"
                        x-bind:required="selectedMailer === 'postmark' && !{{ json_encode($settings['postmark_token']) }}"
                        class="block w-full ... @error('postmark_token') border-red-500 ... @enderror">
                    @error('postmark_token')
                        ...
                    @enderror
                </div>
            </fieldset>

            {{-- Submit Button --}}
            <div class="flex justify-end pt-4">
                <button type="submit"
                    class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition duration-150 ease-in-out">
                    Save Email Settings
                </button>
            </div>
        </form>
    </div>

    {{-- Send Test Email Form (Separate) --}}
    <div
        class="mt-8 max-w-2xl bg-white dark:bg-gray-800 shadow-md rounded-lg p-6 border border-gray-200 dark:border-gray-700">
        <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">Send Test Email</h3>
        <form method="POST" action="{{ route('admin.email.test') }}">
            @csrf
            <div>
                <label for="test_email_recipient"
                    class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Recipient Email Address <span
                        class="text-red-500">*</span></label>
                <input type="email" name="test_email_recipient" id="test_email_recipient"
                    value="{{ old('test_email_recipient', auth()->user()->email) }}" required
                    placeholder="Enter email address"
                    class="block w-full px-3 py-2 ... @error('test_email_recipient') border-red-500 ... @enderror">
                @error('test_email_recipient')
                    <p class="mt-1 text-xs text-red-600">{{ $message }}</p>
                @enderror
            </div>
            <div class="flex justify-end pt-4 mt-4">
                <button type="submit"
                    class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition duration-150 ease-in-out">
                    Send Test
                </button>
            </div>
        </form>
    </div>
@endsection