@extends('layouts.app')
@section('title', 'Review: '.$campaign->name)

@section('content')
<div class="mx-auto max-w-3xl space-y-6">

    @if ($issues)
        <div class="rounded-xl bg-amber-50 p-4 ring-1 ring-amber-200 dark:bg-amber-950/40 dark:ring-amber-900">
            <p class="text-sm font-semibold text-amber-800 dark:text-amber-200">Before you can send, fix the following:</p>
            <ul class="mt-2 list-inside list-disc text-sm text-amber-800 dark:text-amber-200">
                @foreach ($issues as $issue)
                    <li>{{ $issue }}</li>
                @endforeach
            </ul>
            <a href="{{ route('campaigns.edit', $campaign) }}" class="btn-secondary mt-3">Back to editor</a>
        </div>
    @endif
    <x-field-error field="launch"/>

    <div class="card-pad">
        <h2 class="text-base font-semibold text-slate-900 dark:text-white">Summary</h2>
        <dl class="mt-4 grid gap-x-8 gap-y-2 text-sm sm:grid-cols-2">
            <div class="flex justify-between gap-4"><dt class="text-slate-500">Campaign</dt><dd class="font-medium text-right">{{ $campaign->name }}</dd></div>
            <div class="flex justify-between gap-4"><dt class="text-slate-500">Audience</dt><dd class="font-medium text-right">{{ $campaign->segment?->name ?? $campaign->contactList?->name ?? '—' }}</dd></div>
            <div class="flex justify-between gap-4"><dt class="text-slate-500">Subject</dt><dd class="font-medium text-right">{{ $campaign->subject }}</dd></div>
            <div class="flex justify-between gap-4"><dt class="text-slate-500">Sender</dt><dd class="font-medium text-right">{{ $campaign->sender_name }} &lt;{{ $campaign->sender_email }}&gt;</dd></div>
            <div class="flex justify-between gap-4"><dt class="text-slate-500">Provider</dt><dd class="font-medium text-right">{{ $providerName }} {{ $providerConfigured ? '✓' : '(not configured!)' }}</dd></div>
            <div class="flex justify-between gap-4">
                <dt class="text-slate-500">Estimated recipients</dt>
                <dd class="font-semibold text-right text-brand-600 dark:text-brand-400">{{ number_format($estimatedRecipients) }}</dd>
            </div>
        </dl>
        <p class="help mt-3">Suppressed, unsubscribed, hard-bounced, complained and invalid contacts are already excluded from this count. Recipients are locked in when the campaign starts.</p>
    </div>

    <div class="card-pad">
        <h3 class="text-sm font-semibold text-slate-900 dark:text-white">Sample recipients</h3>
        <ul class="mt-3 grid gap-1 text-sm text-slate-600 dark:text-slate-300 sm:grid-cols-2">
            @forelse ($sampleRecipients as $contact)
                <li class="truncate">• {{ $contact->email }} <span class="text-slate-400">({{ $contact->displayName() }})</span></li>
            @empty
                <li class="text-slate-500">No eligible recipients found.</li>
            @endforelse
        </ul>
    </div>

    <div class="card-pad">
        <h3 class="text-sm font-semibold text-slate-900 dark:text-white">Send a test email first</h3>
        <form method="POST" action="{{ route('campaigns.test', $campaign) }}" class="mt-3 flex items-end gap-2">
            @csrf
            <div class="flex-1">
                <label class="label" for="to">Test recipient</label>
                <input id="to" name="to" type="email" required class="input" value="{{ auth()->user()->email }}">
                <x-field-error field="to"/>
            </div>
            <button class="btn-secondary">Send test</button>
        </form>
    </div>

    @can('send campaigns')
        <form method="POST" action="{{ route('campaigns.launch', $campaign) }}" class="card-pad space-y-4"
              x-data="{ mode: 'now' }">
            @csrf
            <h3 class="text-sm font-semibold text-slate-900 dark:text-white">Compliance confirmation</h3>
            <p class="text-sm text-slate-500">UK PECR / GDPR require you to confirm the following before sending. Your confirmation is recorded with your user ID and timestamp.</p>

            <div class="space-y-2 text-sm">
                @foreach ([
                    'lawful_basis' => 'We have a lawful basis (e.g. legitimate business interest or consent) to contact every recipient on this list.',
                    'sender_identified' => 'The email clearly identifies our business as the sender, including our postal address.',
                    'unsubscribe_included' => 'The email contains a working unsubscribe link (added automatically if missing from the content).',
                    'suppression_checked' => 'The recipient list has been checked against the unsubscribe and suppression records (done automatically at queue time).',
                    'content_truthful' => 'The subject line and content are truthful and not misleading.',
                ] as $field => $label)
                    <label class="flex items-start gap-2.5">
                        <input type="checkbox" name="{{ $field }}" value="1" required class="mt-0.5 rounded border-slate-300 text-brand-600">
                        <span>{{ $label }}</span>
                    </label>
                    <x-field-error :field="$field"/>
                @endforeach
            </div>

            <hr class="border-slate-200 dark:border-slate-800">

            <div class="flex flex-wrap items-center gap-4 text-sm">
                <label class="flex items-center gap-2"><input type="radio" name="mode" value="now" x-model="mode" class="text-brand-600"> Start sending now</label>
                <label class="flex items-center gap-2"><input type="radio" name="mode" value="schedule" x-model="mode" class="text-brand-600"> Schedule for later</label>
                <input type="datetime-local" name="scheduled_at" class="input w-auto" x-show="mode === 'schedule'" x-cloak
                       min="{{ now()->timezone(\App\Support\Settings::get('app.timezone', 'Europe/London'))->format('Y-m-d\TH:i') }}">
                <span class="text-xs text-slate-500" x-show="mode === 'schedule'" x-cloak>Times are {{ \App\Support\Settings::get('app.timezone', 'Europe/London') }}.</span>
            </div>
            <x-field-error field="scheduled_at"/>

            <div class="flex justify-end gap-2">
                <a href="{{ route('campaigns.edit', $campaign) }}" class="btn-secondary">Back to editor</a>
                <button class="btn-primary" @if ($issues) disabled @endif>
                    <span x-show="mode === 'now'">Start campaign</span>
                    <span x-show="mode === 'schedule'" x-cloak>Schedule campaign</span>
                </button>
            </div>
        </form>
    @endcan
</div>
@endsection