@extends('eliteadmin::layouts.installer')

@section('title', 'Installation - SMTP')

@section('content')
    <h2 class="h4 mb-3">SMTP Configuration</h2>
    <p class="text-muted mb-4">Configure email delivery for notifications. This step is optional.</p>

    <form action="{{ route('installer.mail.store') }}" method="POST">
        @csrf

        <div class="row g-3 mb-4">
            <div class="col-md-6">
                <label for="mail_mailer" class="form-label">Mailer</label>
                <select name="mail_mailer" id="mail_mailer" class="form-select @error('mail_mailer') is-invalid @enderror">
                    <option value="smtp" @selected(old('mail_mailer', 'smtp') === 'smtp')>SMTP</option>
                    <option value="log" @selected(old('mail_mailer') === 'log')>Log (development)</option>
                    <option value="sendmail" @selected(old('mail_mailer') === 'sendmail')>Sendmail</option>
                </select>
                @error('mail_mailer')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label for="mail_host" class="form-label">SMTP Host</label>
                <input type="text" name="mail_host" id="mail_host" class="form-control @error('mail_host') is-invalid @enderror"
                       value="{{ old('mail_host') }}">
                @error('mail_host')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label for="mail_port" class="form-label">SMTP Port</label>
                <input type="number" name="mail_port" id="mail_port" class="form-control @error('mail_port') is-invalid @enderror"
                       value="{{ old('mail_port', '587') }}">
                @error('mail_port')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label for="mail_encryption" class="form-label">Encryption</label>
                <select name="mail_encryption" id="mail_encryption" class="form-select @error('mail_encryption') is-invalid @enderror">
                    <option value="tls" @selected(old('mail_encryption', 'tls') === 'tls')>TLS</option>
                    <option value="ssl" @selected(old('mail_encryption') === 'ssl')>SSL</option>
                    <option value="null" @selected(old('mail_encryption') === 'null')>None</option>
                </select>
                @error('mail_encryption')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4">
                <label for="mail_username" class="form-label">SMTP Username</label>
                <input type="text" name="mail_username" id="mail_username" class="form-control @error('mail_username') is-invalid @enderror"
                       value="{{ old('mail_username') }}">
                @error('mail_username')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label for="mail_password" class="form-label">SMTP Password</label>
                <input type="password" name="mail_password" id="mail_password" class="form-control @error('mail_password') is-invalid @enderror">
                @error('mail_password')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label for="mail_from_address" class="form-label">From Email</label>
                <input type="email" name="mail_from_address" id="mail_from_address" class="form-control @error('mail_from_address') is-invalid @enderror"
                       value="{{ old('mail_from_address', 'noreply@localhost') }}" required>
                @error('mail_from_address')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label for="mail_from_name" class="form-label">From Name</label>
                <input type="text" name="mail_from_name" id="mail_from_name" class="form-control @error('mail_from_name') is-invalid @enderror"
                       value="{{ old('mail_from_name', $state->appName ?? config('app.name')) }}" required>
                @error('mail_from_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="d-flex flex-column flex-sm-row gap-2 justify-content-between">
            <a href="{{ route('installer.database') }}" class="btn btn-outline-secondary">Back</a>
            <div class="d-flex flex-wrap gap-2">
                <button type="submit" name="action" value="skip" class="btn btn-outline-secondary">Skip</button>
                <button type="submit" name="action" value="continue" class="btn btn-primary">Continue</button>
            </div>
        </div>
    </form>
@endsection