@extends('layouts.app')

@section('title', $campaign->name)

@section('content')
    @php
        $counts = collect([
            'pending' => $campaign->recipients->where('status', 'pending')->count(),
            'sent' => $campaign->recipients->where('status', 'sent')->count(),
            'failed' => $campaign->recipients->where('status', 'failed')->count(),
            'bounced' => $campaign->recipients->where('status', 'bounced')->count(),
        ]);
        $total = $counts->sum();
        $delivered = $counts['sent'] + $counts['failed'] + $counts['bounced'];
        $progress = $total > 0 ? round(($delivered / $total) * 100, 1) : 0;
        $statusClass = match ($campaign->status) {
            'running' => 'warn',
            'completed' => 'ok',
            'paused' => 'badge',
            default => 'muted',
        };
        $statusLabel = match ($campaign->status) {
            'running' => '● Running',
            'completed' => 'Completed',
            'paused' => 'Paused',
            default => 'Draft',
        };
    @endphp

    @if ($campaign->status === 'running')
        <script>
            setTimeout(function () { window.location.reload(); }, 10000);
        </script>
    @endif

    <div class="page-head">
        <div>
            <h1>{{ $campaign->name }}</h1>
            <div class="subtitle">
                <span class="badge {{ $statusClass }}">{{ $statusLabel }}</span>
                &nbsp; Sender: {{ $campaign->sender->name }} &lt;{{ $campaign->sender->email }}&gt;
                &nbsp;·&nbsp; Template: {{ $campaign->emailTemplate->name }}
            </div>
        </div>
        <div class="actions">
            @if (in_array($campaign->status, ['draft', 'paused'], true))
                <form method="POST" action="{{ route('campaigns.start', $campaign) }}">
                    @csrf
                    <button class="btn ok" type="submit">▶ Start Campaign</button>
                </form>
            @endif
            @if ($campaign->status === 'running')
                <form method="POST" action="{{ route('campaigns.pause', $campaign) }}">
                    @csrf
                    <button class="btn secondary" type="submit">⏸ Pause</button>
                </form>
            @endif
            <a class="btn" href="{{ route('reports.campaign', $campaign) }}">View Report</a>
        </div>
    </div>

    <div class="panel">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
            <h2 style="margin:0;">Delivery Progress</h2>
            <span style="font-size:1.1rem; font-weight:700;">{{ $progress }}%</span>
        </div>
        <div class="bar-track" style="height:12px;"><div class="bar-fill {{ $campaign->status === 'completed' ? 'ok' : '' }}" style="width:{{ $progress }}%; height:12px;"></div></div>
        <div class="grid grid-4" style="margin-top:18px;">
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <div class="stat-accent accent-info"></div>
                <div class="stat-label">Pending</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($counts['pending']) }}</div>
            </div>
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <div class="stat-accent accent-primary"></div>
                <div class="stat-label">Sent</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($counts['sent']) }}</div>
            </div>
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <div class="stat-accent accent-warn"></div>
                <div class="stat-label">Failed</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($counts['failed']) }}</div>
            </div>
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <div class="stat-accent accent-danger"></div>
                <div class="stat-label">Bounced</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($counts['bounced']) }}</div>
            </div>
        </div>
        @if ($campaign->target_count)
            <div style="margin-top:16px; padding:14px 16px; background:#faf9ff; border:1px solid var(--info-light); border-radius:10px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;">
                <div>
                    <div class="muted" style="font-size:.8rem; text-transform:uppercase; letter-spacing:.04em;">Campaign Target</div>
                    <div style="font-size:1.15rem; font-weight:700;">{{ number_format($counts['sent']) }} <span class="muted">/</span> {{ number_format($campaign->target_count) }}</div>
                </div>
                <div style="font-weight:700; color:var(--primary);">{{ round(($counts['sent'] / max(1, $campaign->target_count)) * 100, 1) }}% of target</div>
            </div>
        @endif
    </div>

    <div class="panel" style="padding:0; overflow:hidden;">
        <div style="padding:18px 22px 0;"><h2>Recipients ({{ number_format($total) }})</h2></div>
        <div style="max-height:480px; overflow:auto;">
            <table style="margin:0;">
                <thead>
                    <tr>
                        <th>Email</th>
                        <th>Status</th>
                        <th>Sent At</th>
                        <th>Error</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($campaign->recipients as $recipient)
                        <tr>
                            <td>{{ $recipient->contact->email }}</td>
                            <td>
                                @php
                                    $rc = match ($recipient->status) {
                                        'sent' => 'ok',
                                        'failed', 'bounced' => 'danger',
                                        default => 'muted',
                                    };
                                    $rl = ucfirst($recipient->status);
                                @endphp
                                <span class="badge {{ $rc }}">{{ $rl }}</span>
                            </td>
                            <td>{{ $recipient->sent_at?->format('Y-m-d H:i:s') ?? '—' }}</td>
                            <td class="muted">{{ $recipient->error_message ?? '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection