@extends('admin.settings.layout')

@section('settings-content')
<div class="card border-0 shadow-sm">
    <div class="card-body p-4">
        <form action="{{ route('admin.settings.update', 'email') }}" method="POST">
            @csrf
            
            <h5 class="fw-bold text-primary mb-4">SMTP Configuration</h5>
            <div class="row g-3 mb-5">
                <div class="col-md-6">
                    <label class="form-label fw-bold small">Mail Host</label>
                    <input type="text" name="mail_host" class="form-control" value="{{ \App\Models\Setting::get('mail_host', 'smtp.mailtrap.io') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold small">Port</label>
                    <input type="number" name="mail_port" class="form-control" value="{{ \App\Models\Setting::get('mail_port', '2525') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold small">Encryption</label>
                    <select name="mail_encryption" class="form-select">
                        <option value="tls" {{ \App\Models\Setting::get('mail_encryption') == 'tls' ? 'selected' : '' }}>TLS</option>
                        <option value="ssl" {{ \App\Models\Setting::get('mail_encryption') == 'ssl' ? 'selected' : '' }}>SSL</option>
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold small">Username</label>
                    <input type="text" name="mail_username" class="form-control" value="{{ \App\Models\Setting::get('mail_username') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold small">Password</label>
                    <input type="password" name="mail_password" class="form-control" value="{{ \App\Models\Setting::get('mail_password') }}">
                </div>
                <div class="col-md-12">
                     <label class="form-label fw-bold small">From Email</label>
                     <input type="email" name="mail_from_address" class="form-control" value="{{ \App\Models\Setting::get('mail_from_address', 'no-reply@gletra.com') }}">
                </div>
            </div>

            <hr class="my-5">

            <h5 class="fw-bold text-primary mb-4">SMS Gateway (Twilio)</h5>
            <div class="row g-3">
                <div class="col-md-12">
                    <label class="form-label fw-bold small">Account SID</label>
                    <input type="text" name="twilio_sid" class="form-control" value="{{ \App\Models\Setting::get('twilio_sid') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold small">Auth Token</label>
                    <input type="password" name="twilio_auth_token" class="form-control" value="{{ \App\Models\Setting::get('twilio_auth_token') }}">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-bold small">Twilio Number</label>
                    <input type="text" name="twilio_from_number" class="form-control" value="{{ \App\Models\Setting::get('twilio_from_number') }}">
                </div>
            </div>

            <div class="mt-5 border-top pt-4 text-center">
                <button type="submit" class="btn btn-primary px-5 fw-bold shadow-sm">
                    <i class="bi bi-save me-1"></i> Save Gateway Config
                </button>
                <button type="button" class="btn btn-outline-dark ms-2 fw-bold">
                    <i class="bi bi-send me-1"></i> Send Test Email
                </button>
            </div>
        </form>
    </div>
</div>
@endsection