@extends('layouts.app')
@section('title', 'Suppression list')

@section('content')
<div class="space-y-4">
    <div class="rounded-xl bg-slate-50 p-4 text-sm text-slate-600 ring-1 ring-slate-200 dark:bg-slate-900 dark:text-slate-300 dark:ring-slate-800">
        Suppressed addresses <strong>never receive campaign emails</strong>, regardless of list membership or future imports.
        Addresses are added automatically on unsubscribe, hard bounce, repeated soft bounce and spam complaint — or manually below.
    </div>

    <div class="flex flex-wrap items-center justify-between gap-3">
        <form method="GET" class="flex gap-2">
            <input type="search" name="q" value="{{ request('q') }}" placeholder="Search email…" class="input w-64">
            <select name="reason" class="input w-48">
                <option value="">All reasons</option>
                @foreach ($reasons as $reason)
                    <option value="{{ $reason }}" @selected(request('reason') === $reason)>{{ ucfirst(str_replace('_', ' ', $reason)) }}</option>
                @endforeach
            </select>
            <button class="btn-secondary">Filter</button>
        </form>
        <div class="flex gap-2">
            <a href="{{ route('suppressions.export') }}" class="btn-secondary">Export CSV</a>
            @can('manage suppressions')
                <div x-data="{ open: false }">
                    <button class="btn-primary" @click="open = true">Suppress an address</button>
                    <template x-teleport="body">
                        <div x-cloak x-show="open" class="fixed inset-0 z-[80] flex items-center justify-center p-4" role="dialog" aria-modal="true">
                            <div class="fixed inset-0 bg-slate-900/60" @click="open = false"></div>
                            <form method="POST" action="{{ route('suppressions.store') }}" class="card relative w-full max-w-md space-y-4 p-6">
                                @csrf
                                <h3 class="text-base font-semibold text-slate-900 dark:text-white">Add to suppression list</h3>
                                <div>
                                    <label class="label" for="email">Email address *</label>
                                    <input id="email" name="email" type="email" required class="input">
                                </div>
                                <div>
                                    <label class="label" for="reason">Reason *</label>
                                    <select id="reason" name="reason" required class="input">
                                        @foreach ($reasons as $reason)
                                            <option value="{{ $reason }}">{{ ucfirst(str_replace('_', ' ', $reason)) }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div>
                                    <label class="label" for="notes">Notes</label>
                                    <textarea id="notes" name="notes" rows="2" class="input"></textarea>
                                </div>
                                <div class="flex justify-end gap-2">
                                    <button type="button" class="btn-secondary" @click="open = false">Cancel</button>
                                    <button class="btn-danger">Suppress</button>
                                </div>
                            </form>
                        </div>
                    </template>
                </div>
            @endcan
        </div>
    </div>

    @if ($suppressions->isEmpty())
        <x-empty-state title="Suppression list is empty" description="Addresses that unsubscribe, bounce or complain will appear here automatically."/>
    @else
        <div class="table-wrap">
            <table class="table">
                <thead><tr><th>Email</th><th>Reason</th><th>Source</th><th>Suppressed</th><th>Notes</th><th class="w-24"></th></tr></thead>
                <tbody class="divide-y divide-slate-200 dark:divide-slate-800">
                @foreach ($suppressions as $suppression)
                    <tr>
                        <td class="font-medium">{{ $suppression->email_normalized }}</td>
                        <td><x-status-badge :status="$suppression->reason"/></td>
                        <td class="text-slate-500">{{ $suppression->source ?? '—' }}</td>
                        <td class="text-slate-500">{{ $suppression->suppressed_at->format('d M Y H:i') }}</td>
                        <td class="max-w-48 truncate text-slate-500">{{ $suppression->notes }}</td>
                        <td class="text-right">
                            @can('manage suppressions')
                                <x-confirm-form :action="route('suppressions.destroy', $suppression)" method="DELETE"
                                                buttonClass="btn-ghost text-xs text-rose-600"
                                                message="Removing a suppression allows this address to receive campaigns again. A reason is required and this action is permanently recorded in the audit log."
                                                confirmLabel="Remove suppression">
                                    Remove
                                    <x-slot:fields>
                                        <input type="text" name="removal_reason" required minlength="10"
                                               placeholder="Why is this address being released? (min 10 chars)"
                                               class="input mb-3 w-72">
                                    </x-slot:fields>
                                </x-confirm-form>
                            @endcan
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        {{ $suppressions->links() }}
    @endif
</div>
@endsection