@extends('layouts.admin')
@section('title', 'Settings')

@section('content')
<h4 class="mb-4 fw-bold"><i class="bi bi-gear me-2"></i>Settings</h4>

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

    <div class="row g-3">
        <!-- General -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header fw-semibold"><i class="bi bi-building me-1"></i>General</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Company Name</label>
                        <input type="text" name="company_name" class="form-control"
                               value="{{ $settings['company_name'] ?? '' }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Timezone</label>
                        <select name="timezone" class="form-select">
                            @foreach(timezone_identifiers_list() as $tz)
                            <option value="{{ $tz }}" {{ ($settings['timezone'] ?? 'UTC') === $tz ? 'selected' : '' }}>
                                {{ $tz }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Daily Sync Time</label>
                        <input type="time" name="scheduler_time" class="form-control"
                               value="{{ $settings['scheduler_time'] ?? '01:00' }}">
                        <div class="form-text">Server time (24h). Backup:sync command runs at this time.</div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Report Retention (days)</label>
                        <input type="number" name="retention_days" class="form-control"
                               value="{{ $settings['retention_days'] ?? 365 }}" min="30" max="3650">
                    </div>
                </div>
            </div>
        </div>

        <!-- Email -->
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header fw-semibold"><i class="bi bi-envelope me-1"></i>Email / SMTP</div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Report Recipients</label>
                        <input type="email" name="report_email" class="form-control"
                               value="{{ $settings['report_email'] ?? '' }}" placeholder="admin@example.com">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">SMTP Host</label>
                        <input type="text" name="smtp_host" class="form-control"
                               value="{{ $settings['smtp_host'] ?? '' }}" placeholder="smtp.mailgun.org">
                    </div>
                    <div class="row g-2">
                        <div class="col-4">
                            <label class="form-label">Port</label>
                            <input type="number" name="smtp_port" class="form-control"
                                   value="{{ $settings['smtp_port'] ?? 587 }}">
                        </div>
                        <div class="col-4">
                            <label class="form-label">Encryption</label>
                            <select name="smtp_encryption" class="form-select">
                                <option value="tls"      {{ ($settings['smtp_encryption'] ?? 'tls') === 'tls'      ? 'selected' : '' }}>TLS</option>
                                <option value="ssl"      {{ ($settings['smtp_encryption'] ?? '') === 'ssl'      ? 'selected' : '' }}>SSL</option>
                                <option value="starttls" {{ ($settings['smtp_encryption'] ?? '') === 'starttls' ? 'selected' : '' }}>STARTTLS</option>
                            </select>
                        </div>
                        <div class="col-4">
                            <label class="form-label">&nbsp;</label>
                            <button type="button" class="btn btn-outline-info w-100" id="test-smtp-btn">
                                <i class="bi bi-send me-1"></i>Test
                            </button>
                        </div>
                    </div>
                    <div class="row g-2 mt-1">
                        <div class="col-6">
                            <label class="form-label">Username</label>
                            <input type="text" name="smtp_username" class="form-control"
                                   value="{{ $settings['smtp_username'] ?? '' }}">
                        </div>
                        <div class="col-6">
                            <label class="form-label">Password</label>
                            <input type="password" name="smtp_password" class="form-control"
                                   placeholder="(unchanged)">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-primary">
            <i class="bi bi-floppy me-1"></i>Save Settings
        </button>
    </div>
</form>
@endsection

@push('scripts')
<script>
$('#test-smtp-btn').on('click', function () {
    const email = prompt('Send test email to:');
    if (!email) return;
    const btn = $(this).prop('disabled', true).html('<span class="spinner-border spinner-border-sm"></span>');
    $.ajax({
        url: '{{ route("admin.settings.test-smtp") }}',
        method: 'POST',
        headers: { 'X-CSRF-TOKEN': CSRF },
        data: { email },
        success(res) { showToast(res.message); },
        error(xhr) { showToast(xhr.responseJSON?.message ?? 'SMTP test failed', 'error'); },
        complete() { btn.prop('disabled', false).html('<i class="bi bi-send me-1"></i>Test'); }
    });
});
</script>
@endpush