@extends('layouts.app')

@section('title', 'Email Center')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Email Center" subtitle="Outbound email logs, templates, and testing" icon="alerts" icon-color="violet">
    <x-slot:actions>
        <a href="{{ route('super-admin.email.templates') }}" class="btn-secondary btn-sm">Templates</a>
        <a href="{{ route('super-admin.email.compose') }}" class="btn-primary btn-sm">Compose / Test</a>
    </x-slot:actions>
</x-page-header>

<div class="glass-card p-4 mb-4 flex flex-wrap gap-2 items-center justify-between">
    <div class="flex gap-2">
        <a href="{{ route('super-admin.email.index') }}" class="btn-sm {{ !$status ? 'btn-primary' : 'btn-ghost' }}">All</a>
        @foreach (['sent', 'failed', 'queued'] as $s)
            <a href="{{ route('super-admin.email.index', ['status' => $s]) }}" class="btn-sm {{ $status === $s ? 'btn-primary' : 'btn-ghost' }}">{{ ucfirst($s) }}</a>
        @endforeach
    </div>
    <p class="text-sm text-themed-muted">Gateway: <span class="text-themed">{{ $gatewayEnabled ? 'Enabled' : 'Disabled' }}</span></p>
</div>

<form method="POST" action="{{ route('super-admin.email.gateway') }}" class="glass-card p-5 mb-6 grid sm:grid-cols-2 gap-4">
    @csrf
    @method('PUT')
    <h3 class="sm:col-span-2 font-semibold">Platform email gateway</h3>
    <label class="flex items-center gap-2 text-sm sm:col-span-2"><input type="checkbox" name="mail_gateway_enabled" value="1" class="rounded border-themed" @checked($gatewayEnabled)> Enable mail gateway override</label>
    <div>
        <label class="field-label">Mailer</label>
        <select name="mail_mailer" class="field-select">
            <option value="smtp" @selected(($appSettings['mail_mailer'] ?? 'smtp') === 'smtp')>SMTP</option>
            <option value="log" @selected(($appSettings['mail_mailer'] ?? '') === 'log')>Log (dev)</option>
        </select>
    </div>
    <div>
        <label class="field-label">Host</label>
        <input type="text" name="mail_host" class="field-input" value="{{ old('mail_host', $appSettings['mail_host'] ?? '') }}">
    </div>
    <div>
        <label class="field-label">Port</label>
        <input type="number" name="mail_port" class="field-input" value="{{ old('mail_port', $appSettings['mail_port'] ?? 587) }}">
    </div>
    <div>
        <label class="field-label">Encryption</label>
        <select name="mail_encryption" class="field-select">
            @foreach (['tls', 'ssl', 'null'] as $enc)
                <option value="{{ $enc }}" @selected(($appSettings['mail_encryption'] ?? 'tls') === $enc)>{{ $enc }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="field-label">Username</label>
        <input type="text" name="mail_username" class="field-input" value="{{ old('mail_username', $appSettings['mail_username'] ?? '') }}">
    </div>
    <div>
        <label class="field-label">Password</label>
        <input type="password" name="mail_password" class="field-input" placeholder="{{ !empty($appSettings['mail_password_is_set']) ? 'Leave blank to keep' : '' }}">
    </div>
    <div>
        <label class="field-label">From address</label>
        <input type="email" name="mail_from_address" class="field-input" value="{{ old('mail_from_address', $appSettings['mail_from_address'] ?? '') }}">
    </div>
    <div>
        <label class="field-label">From name</label>
        <input type="text" name="mail_from_name" class="field-input" value="{{ old('mail_from_name', $appSettings['mail_from_name'] ?? '') }}">
    </div>
    <div class="sm:col-span-2"><button class="btn-secondary btn-sm" type="submit">Save gateway</button></div>
</form>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>When</th>
                <th>To</th>
                <th>Subject</th>
                <th>Status</th>
                <th>Error</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($messages as $message)
                <tr>
                    <td class="whitespace-nowrap text-xs">{{ $message->created_at?->format('Y-m-d H:i') }}</td>
                    <td>{{ $message->to }}</td>
                    <td class="max-w-xs truncate">{{ $message->subject }}</td>
                    <td><span class="badge-{{ $message->status === 'sent' ? 'success' : ($message->status === 'failed' ? 'danger' : 'neutral') }}">{{ $message->status }}</span></td>
                    <td class="text-xs text-red-300">{{ $message->error }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-center text-themed-muted py-8">No email messages yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $messages->links() }}</div>
@endsection