@extends('layouts.admin')

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

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Email / SMTP Settings</h1>
        <p class="page-description">Configure the SMTP server used to send system emails and admin alerts.</p>
    </div>
</div>

@if (session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.settings.email.update') }}">
            @csrf
            @method('PUT')

            <div class="form-section">
                <h3 class="form-section-title">Enable Email Notifications</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label class="form-label">Email Notifications</label>
                        <label class="toggle">
                            <input type="checkbox" name="email_notifications_enabled" value="1" {{ old('email_notifications_enabled', $settings->email_notifications_enabled ?? false) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Turn system email alerts on or off. Requires SMTP host to deliver.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Alert Recipient</label>
                        <input type="email" name="email_recipient" class="form-control" value="{{ old('email_recipient', $settings->email_recipient ?? '') }}" placeholder="ops@example.com">
                        <span class="form-help">Where admin alerts are sent. Leave blank to use the first super-admin's email.</span>
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">SMTP Server</h3>
                <div class="form-grid form-grid-3">
                    <div class="form-group">
                        <label class="form-label">SMTP Host</label>
                        <input type="text" name="smtp_host" class="form-control" value="{{ old('smtp_host', $settings->smtp_host ?? '') }}" placeholder="smtp.example.com">
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Port</label>
                        <input type="number" name="smtp_port" class="form-control" value="{{ old('smtp_port', $settings->smtp_port ?? '587') }}" placeholder="587">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Encryption</label>
                        <select name="smtp_encryption" class="form-control">
                            @foreach (['none' => 'None', 'tls' => 'TLS', 'ssl' => 'SSL', 'starttls' => 'STARTTLS'] as $value => $label)
                                <option value="{{ $value }}" {{ old('smtp_encryption', $settings->smtp_encryption ?? 'tls') === $value ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Username</label>
                        <input type="text" name="smtp_username" class="form-control" value="{{ old('smtp_username', $settings->smtp_username ?? '') }}" placeholder="apikey@example.com">
                    </div>
                    <div class="form-group">
                        <label class="form-label">SMTP Password</label>
                        <input type="password" name="smtp_password" class="form-control" placeholder="••••••••">
                        <span class="form-help">Leave blank to keep the saved password.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Timeout (seconds)</label>
                        <input type="number" name="smtp_timeout" class="form-control" value="{{ old('smtp_timeout', $settings->smtp_timeout ?? '30') }}" placeholder="30">
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">Sender Details</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label class="form-label">From Address</label>
                        <input type="email" name="mail_from_address" class="form-control" value="{{ old('mail_from_address', $settings->mail_from_address ?? '') }}" placeholder="noreply@banking.com">
                    </div>
                    <div class="form-group">
                        <label class="form-label">From Name</label>
                        <input type="text" name="mail_from_name" class="form-control" value="{{ old('mail_from_name', $settings->mail_from_name ?? '') }}" placeholder="{{ config('app.name') }}">
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">Incoming Email (IMAP) — auto-sync to Messages</h3>
                <p class="form-help" style="margin-bottom: 1rem;">Emails received in this mailbox are automatically imported into the admin <strong>Messages</strong> inbox. The sync runs every minute via the scheduler (<code>php artisan schedule:work</code>).</p>
                <div class="form-grid form-grid-3">
                    <div class="form-group">
                        <label class="form-label">IMAP Host</label>
                        <input type="text" name="inbox_host" class="form-control" value="{{ old('inbox_host', $settings->inbox_host ?? '') }}" placeholder="imap.example.com">
                    </div>
                    <div class="form-group">
                        <label class="form-label">IMAP Port</label>
                        <input type="number" name="inbox_port" class="form-control" value="{{ old('inbox_port', $settings->inbox_port ?? '993') }}" placeholder="993">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Encryption</label>
                        <select name="inbox_encryption" class="form-control">
                            @foreach (['ssl' => 'SSL', 'starttls' => 'STARTTLS', 'none' => 'None'] as $value => $label)
                                <option value="{{ $value }}" {{ old('inbox_encryption', $settings->inbox_encryption ?? 'ssl') === $value ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Username (the inbox email)</label>
                        <input type="text" name="inbox_username" class="form-control" value="{{ old('inbox_username', $settings->inbox_username ?? '') }}" placeholder="support@banking.com">
                        <span class="form-help">Incoming mail is delivered to the admin whose user account uses this email.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Password / App Password</label>
                        <input type="password" name="inbox_password" class="form-control" placeholder="••••••••">
                        <span class="form-help">Leave blank to keep the saved password.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Mailbox Folder</label>
                        <input type="text" name="inbox_mailbox" class="form-control" value="{{ old('inbox_mailbox', $settings->inbox_mailbox ?? 'INBOX') }}" placeholder="INBOX">
                    </div>
                </div>
            </div>

            <div class="form-section">
                <h3 class="form-section-title">Admin Alert Events</h3>
                <div class="form-grid form-grid-2">
                    <div class="form-group">
                        <label class="form-label">New Registration</label>
                        <label class="toggle">
                            <input type="checkbox" name="alert_on_new_registration" value="1" {{ old('alert_on_new_registration', $settings->alert_on_new_registration ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Email admins when a new customer registers.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Withdrawal Request</label>
                        <label class="toggle">
                            <input type="checkbox" name="alert_on_withdrawal_request" value="1" {{ old('alert_on_withdrawal_request', $settings->alert_on_withdrawal_request ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Email admins when a customer submits a withdrawal request.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Deposit Request</label>
                        <label class="toggle">
                            <input type="checkbox" name="alert_on_deposit_request" value="1" {{ old('alert_on_deposit_request', $settings->alert_on_deposit_request ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Email admins when a customer submits a deposit request.</span>
                    </div>
                    <div class="form-group">
                        <label class="form-label">Support Ticket</label>
                        <label class="toggle">
                            <input type="checkbox" name="alert_on_support_ticket" value="1" {{ old('alert_on_support_ticket', $settings->alert_on_support_ticket ?? true) ? 'checked' : '' }}>
                            <span class="toggle-slider"></span>
                        </label>
                        <span class="form-help">Email admins when a new support ticket is created.</span>
                    </div>
                </div>
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 8l3 3 5-6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
                    Save Email Settings
                </button>
            </div>
        </form>
    </div>
</div>

<div class="card" style="margin-top: 1.5rem;">
    <div class="card-body">
        <h3 class="form-section-title">Send Test Email</h3>
        <p style="color: #6b7280; font-size: 0.875rem; margin: 0.5rem 0 1rem;">Send a test email to confirm the SMTP configuration works. If no SMTP host is saved, the message is written to the mail log instead.</p>
        <form method="POST" action="{{ route('admin.settings.email.test') }}">
            @csrf
            <div class="form-grid form-grid-3" style="align-items: end;">
                <div class="form-group">
                    <label class="form-label">Test Recipient</label>
                    <input type="email" name="test_email" class="form-control" value="{{ old('test_email', auth()->user()->email) }}" placeholder="you@example.com" required>
                </div>
                <div class="form-group" style="margin-bottom: 0;">
                    <button type="submit" class="btn btn-secondary">
                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 3.5l12 4.5-12 4.5V9l8-1-8-1V3.5z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg>
                        Send Test Email
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection