@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Notify Admins')
@section('content')
<main class="portal-workspace portal-light-type">
    <header class="portal-page-header">
        <div><span class="portal-eyebrow">Settings</span><h1>Notify Admins</h1><p>Choose who receives email alerts and which events they receive.</p></div>
        <a href="{{ route('admin-notifications.index') }}" class="btn btn-mlk-outline"><i class="bx bx-bell"></i> View notifications</a>
    </header>
    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    @if($errors->any())
        <div class="alert alert-danger" role="alert"><strong>Could not save these settings.</strong><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
    @endif
    <section class="portal-card portal-side-form mb-4">
        <h2>Order expiry reminders</h2>
        <p class="text-muted">Send one reminder for each approaching initial or final payment deadline. Dashboard notifications are available to all superadmins, regardless of email preferences.</p>
        <form method="POST" action="{{ route('notify-admins.expiry') }}">
            @csrf @method('PATCH')
            <label><span>Notify before expiry (hours)</span><input type="number" name="expiry_warning_hours" min="1" max="720" value="{{ old('expiry_warning_hours', $expiryHours) }}" required></label>
            <button class="btn btn-mlk-primary" type="submit">Save reminder window</button>
        </form>
    </section>
    @if($failedDeliveries)
        <section class="portal-card portal-side-form mb-4"><h2>Email delivery needs attention</h2><p>{{ $failedDeliveries }} {{ Str::plural('email', $failedDeliveries) }} could not be sent after five attempts.</p><form method="POST" action="{{ route('notify-admins.retry-failed') }}">@csrf<button class="btn btn-mlk-outline" type="submit">Retry failed emails</button></form></section>
    @endif
    <section class="portal-card portal-side-form mb-4">
        <h2>Add notification recipient</h2>
        <p class="text-muted">Recipients can use any email address. Select at least one notification.</p>
        <form method="POST" action="{{ route('notify-admins.store') }}">
            @csrf
            @include('superadmin.notifications.recipient-fields', ['recipient' => null])
            <button class="btn btn-mlk-primary" type="submit"><i class="bx bx-plus"></i> Add recipient</button>
        </form>
    </section>
    <header class="portal-page-header"><div><h2>Notification recipients</h2><p>{{ $recipients->count() }} {{ Str::plural('recipient', $recipients->count()) }}</p></div></header>
    @forelse($recipients as $recipient)
        <section class="portal-card portal-side-form mb-4">
            <details @if((string) old('recipient_key') === (string) $recipient->id) open @endif>
                <summary class="admin-recipient-summary"><strong>{{ $recipient->name ?: $recipient->email }}</strong><span>{{ $recipient->email }} · {{ count($recipient->events) }} notifications · {{ $recipient->is_active ? 'Enabled' : 'Paused' }}</span></summary>
                <form method="POST" action="{{ route('notify-admins.update', $recipient) }}" class="mt-3">
                    @csrf @method('PATCH')
                    @include('superadmin.notifications.recipient-fields', ['recipient' => $recipient])
                    <button class="btn btn-mlk-primary" type="submit">Save preferences</button>
                </form>
                <form method="POST" action="{{ route('notify-admins.destroy', $recipient) }}" class="mt-3" data-confirm-delete-recipient>
                    @csrf @method('DELETE')
                    <button class="btn btn-mlk-outline" type="submit">Remove recipient</button>
                </form>
            </details>
        </section>
    @empty
        <section class="portal-card"><div class="portal-empty portal-empty--muted compact">No email recipients yet. Add an email address above to enable admin alerts.</div></section>
    @endforelse
</main>
@endsection
@push('scripts')
<script>
document.addEventListener('submit', function (event) {
    if (event.target.matches('[data-confirm-delete-recipient]') && !window.confirm('Remove this recipient and stop their notification emails?')) event.preventDefault();
});
</script>
@endpush