@extends('layouts.admin')
@section('title', 'Email Server Settings — MOVA-AUTH')
@section('page_title', 'Email Server Settings')

@section('content')
<div style="max-width: 820px;">
    <div class="panel">
        <div class="panel-header">
            <h3>SMTP / Outgoing Mail Configuration</h3>
        </div>
        <p class="muted" style="margin-top: -10px; margin-bottom: 20px; font-size: 13px;">
            Configure your SMTP server to deliver password reset notifications and license alerts to your inbox.
        </p>

        <form method="POST" action="{{ route('admin.settings.mail.update') }}">
            @csrf
            @method('PUT')

            <div class="form-row">
                <label for="mail_mailer">Mail Driver / Mailer *</label>
                <select id="mail_mailer" name="mail_mailer" required onchange="toggleSmtpFields(this.value)">
                    <option value="smtp" @selected($settings['mail_mailer'] === 'smtp')>SMTP (Recommended)</option>
                    <option value="sendmail" @selected($settings['mail_mailer'] === 'sendmail')>Sendmail</option>
                    <option value="log" @selected($settings['mail_mailer'] === 'log')>Log (Testing - writes to storage/logs/laravel.log)</option>
                </select>
                <div class="help">Select SMTP to connect to your cPanel email, Gmail, SendGrid, Mailgun, or Amazon SES.</div>
            </div>

            <div id="smtp-fields">
                <div style="display: grid; grid-template-columns: 2fr 1fr; gap: 16px;">
                    <div class="form-row">
                        <label for="mail_host">SMTP Host</label>
                        <input type="text" id="mail_host" name="mail_host" value="{{ old('mail_host', $settings['mail_host']) }}" placeholder="e.g. mail.pkn-modas.com or smtp.gmail.com">
                    </div>
                    <div class="form-row">
                        <label for="mail_port">SMTP Port</label>
                        <input type="number" id="mail_port" name="mail_port" value="{{ old('mail_port', $settings['mail_port']) }}" placeholder="587 or 465">
                    </div>
                </div>

                <div class="form-row">
                    <label for="mail_encryption">Encryption</label>
                    <select id="mail_encryption" name="mail_encryption">
                        <option value="tls" @selected($settings['mail_encryption'] === 'tls')>TLS (Port 587)</option>
                        <option value="ssl" @selected($settings['mail_encryption'] === 'ssl')>SSL (Port 465)</option>
                        <option value="none" @selected(in_array($settings['mail_encryption'], ['none', 'null', '']))>None (Port 25)</option>
                    </select>
                </div>

                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
                    <div class="form-row">
                        <label for="mail_username">SMTP Username</label>
                        <input type="text" id="mail_username" name="mail_username" value="{{ old('mail_username', $settings['mail_username']) }}" placeholder="e.g. no-reply@pkn-modas.com">
                    </div>
                    <div class="form-row">
                        <label for="mail_password">SMTP Password</label>
                        <input type="password" id="mail_password" name="mail_password" placeholder="Leave empty to keep current password">
                    </div>
                </div>
            </div>

            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 12px; padding-top: 16px; border-top: 1px solid var(--border);">
                <div class="form-row">
                    <label for="mail_from_address">From Email Address *</label>
                    <input type="email" id="mail_from_address" name="mail_from_address" value="{{ old('mail_from_address', $settings['mail_from_address']) }}" required placeholder="no-reply@mova-auth.pkn-modas.com">
                </div>
                <div class="form-row">
                    <label for="mail_from_name">From Name *</label>
                    <input type="text" id="mail_from_name" name="mail_from_name" value="{{ old('mail_from_name', $settings['mail_from_name']) }}" required placeholder="MOVA-AUTH">
                </div>
            </div>

            <div style="margin-top: 24px;">
                <button type="submit" class="btn btn-primary">Save Email Settings</button>
            </div>
        </form>
    </div>

    <!-- Test Email Panel -->
    <div class="panel">
        <div class="panel-header">
            <h3>Send Test Email</h3>
        </div>
        <p class="muted" style="margin-top: -10px; margin-bottom: 20px; font-size: 13px;">
            Verify your SMTP connection by sending a quick test email.
        </p>

        <form method="POST" action="{{ route('admin.settings.mail.test') }}">
            @csrf
            <div style="display: flex; gap: 12px; align-items: flex-end;">
                <div class="form-row" style="flex: 1; margin: 0;">
                    <label for="test_email">Recipient Email Address</label>
                    <input type="email" id="test_email" name="test_email" value="{{ auth()->user()?->email }}" required placeholder="you@example.com">
                </div>
                <button type="submit" class="btn btn-success" style="height: 40px;">Send Test Email</button>
            </div>
        </form>
    </div>
</div>

<script>
function toggleSmtpFields(mailer) {
    var fields = document.getElementById('smtp-fields');
    if (fields) {
        fields.style.display = (mailer === 'smtp') ? 'block' : 'none';
    }
}
</script>
@endsection