@extends('layouts.app')

@section('title', 'Campaign Report — '.$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();
        $progress = $total > 0 ? round((($counts['sent'] + $counts['failed'] + $counts['bounced']) / $total) * 100, 1) : 0;
    @endphp

    <div class="page-head">
        <div>
            <h1>Campaign Report — {{ $campaign->name }}</h1>
            <div class="subtitle">
                Sender: {{ $campaign->sender?->name ?? '-' }} &lt;{{ $campaign->sender?->email ?? '-' }}&gt;
                &nbsp;·&nbsp; Template: {{ $campaign->emailTemplate?->name ?? '-' }}
            </div>
        </div>
        <a class="btn secondary" href="{{ route('reports.index') }}">← Back to Reports</a>
    </div>

    <div class="grid grid-4">
        <div class="stat-card">
            <div class="stat-accent accent-primary"></div>
            <div class="stat-label">Sent Today</div>
            <div class="stat-value">{{ number_format($todaySent) }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-info"></div>
            <div class="stat-label">Sent Yesterday</div>
            <div class="stat-value">{{ number_format($yesterdaySent) }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-warn"></div>
            <div class="stat-label">Remaining</div>
            <div class="stat-value">{{ number_format($remaining) }}</div>
            <div class="stat-extra">Pending recipients</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-danger"></div>
            <div class="stat-label">ETA</div>
            <div class="stat-value">{{ $eta !== null ? $eta.' days' : '—' }}</div>
            <div class="stat-extra">At current daily rate</div>
        </div>
    </div>

    <div class="panel">
        <h2>Delivery Summary</h2>
        <div class="grid grid-4">
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <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-label">Total 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-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-label">Bounced</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($counts['bounced']) }}</div>
            </div>
        </div>
        <div style="margin-top:18px; display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;">
            <span class="muted" style="font-size:.85rem;">Overall progress</span>
            <span style="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>
        @if ($targetCount > 0)
            <div style="margin-top:18px; 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($targetCount) }}</div>
                </div>
                <div style="font-weight:700; color:var(--primary);">{{ $progressPct ?? 0 }}% of target</div>
            </div>
        @endif
    </div>

    <div class="panel">
        <h2>Daily Sending (Last 7 Days)</h2>
        @php
            $maxDaily = max(1, (int) $dailyBreakdown->max('sent'));
            $chartDays = collect();
            for ($i = 6; $i >= 0; $i--) {
                $date = \Carbon\Carbon::now()->subDays($i)->toDateString();
                $stat = $dailyBreakdown->first(fn ($d) => (string) $d->date === $date);
                $chartDays->push([
                    'label' => \Carbon\Carbon::parse($date)->format('D'),
                    'date' => $date,
                    'sent' => (int) ($stat?->sent ?? 0),
                    'isToday' => $date === now()->toDateString(),
                ]);
            }
        @endphp
        <div style="display:flex; gap:10px; align-items:flex-end; height:150px; padding-top:10px;">
            @foreach ($chartDays as $day)
                <div style="flex:1; text-align:center; display:flex; flex-direction:column; justify-content:flex-end; height:100%;">
                    <div class="muted" style="font-size:.72rem; margin-bottom:4px;">{{ $day['sent'] > 0 ? number_format($day['sent']) : '' }}</div>
                    <div style="background:{{ $day['isToday'] ? 'linear-gradient(180deg,#f59e0b,#ea580c)' : 'linear-gradient(180deg,#7c3aed,#6d28d9)' }}; height:{{ max(3, round(($day['sent'] / $maxDaily) * 100)) }}%; border-radius:7px 7px 0 0; box-shadow:0 1px 2px rgba(0,0,0,.2);" title="{{ $day['date'] }}: {{ number_format($day['sent']) }} sent"></div>
                    <div class="muted" style="font-size:.72rem; margin-top:6px; font-weight:{{ $day['isToday'] ? '700' : '500' }};">{{ $day['label'] }}</div>
                </div>
            @endforeach
        </div>
    </div>

    <div class="panel">
        <h2>Engagement</h2>
        <div class="grid grid-3">
            <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                <div class="stat-accent accent-ok"></div>
                <div class="stat-label">Subscribed</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($subscribedInCampaign) }}</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">Unsubscribed</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($unsubscribedInCampaign) }}</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">Spam Reports</div>
                <div class="stat-value" style="font-size:1.4rem;">{{ number_format($spamInCampaign) }}</div>
            </div>
        </div>
    </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>Subscription</th>
                        <th>Sent At</th>
                        <th>Error</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($campaign->recipients as $recipient)
                        @php
                            $rclass = match ($recipient->status) {
                                'sent' => 'ok',
                                'failed', 'bounced' => 'danger',
                                default => 'muted',
                            };
                            $sub = $recipient->contact->confirmed_at !== null ? 'subscribed' : 'not confirmed';
                        @endphp
                        <tr>
                            <td>{{ $recipient->contact->email }}</td>
                            <td><span class="badge {{ $rclass }}">{{ ucfirst($recipient->status) }}</span></td>
                            <td><span class="badge {{ $recipient->contact->confirmed_at !== null ? 'ok' : 'muted' }}">{{ $sub }}</span></td>
                            <td>{{ $recipient->sent_at?->format('Y-m-d H:i:s') ?? '—' }}</td>
                            <td class="muted">{{ $recipient->error_message ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="muted" style="text-align:center; padding:30px;">No recipients yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection