@extends('layouts.app')

@section('title', 'Reports')

@section('content')
    <div class="page-head">
        <div>
            <h1>Reports &amp; Lists</h1>
            <div class="subtitle">Sending performance and audience engagement</div>
        </div>
    </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">Pending (all campaigns)</div>
            <div class="stat-value">{{ number_format($totalPending) }}</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-ok"></div>
            <div class="stat-label">All Time Sent</div>
            <div class="stat-value">{{ number_format($allTimeSent) }}</div>
        </div>
    </div>

    <div class="panel">
        <h2>Engagement Lists</h2>
        <div class="grid grid-3">
            <a href="{{ route('reports.subscriptions') }}" style="text-decoration:none; color:inherit;">
                <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                    <div class="stat-accent accent-ok"></div>
                    <div class="stat-label">Subscriptions</div>
                    <div class="stat-value" style="font-size:1.4rem;">{{ number_format($subscriptionCount) }}</div>
                    <div class="stat-extra" style="color:var(--primary);">View list →</div>
                </div>
            </a>
            <a href="{{ route('reports.unsubscribed') }}" style="text-decoration:none; color:inherit;">
                <div class="stat-card" style="box-shadow:none; border:1px solid var(--border);">
                    <div class="stat-accent accent-danger"></div>
                    <div class="stat-label">Unsubscriptions</div>
                    <div class="stat-value" style="font-size:1.4rem;">{{ number_format($unsubscriptionCount) }}</div>
                    <div class="stat-extra" style="color:var(--primary);">View list →</div>
                </div>
            </a>
            <a href="{{ route('reports.spam') }}" style="text-decoration:none; color:inherit;">
                <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($spamCount) }}</div>
                    <div class="stat-extra" style="color:var(--primary);">View list →</div>
                </div>
            </a>
        </div>
    </div>

    <div class="panel" style="padding:0; overflow:hidden;">
        <div style="padding:18px 22px 0;"><h2>Campaign Reports</h2></div>
        <table style="margin:0;">
            <thead>
                <tr>
                    <th>Campaign</th>
                    <th>Status</th>
                    <th>Pending</th>
                    <th>Sent</th>
                    <th>Failed</th>
                    <th>Bounced</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($campaigns as $campaign)
                    @php
                        $cClass = match ($campaign->status) {
                            'running' => 'warn',
                            'completed' => 'ok',
                            'paused' => 'badge',
                            default => 'muted',
                        };
                        $cLabel = match ($campaign->status) {
                            'running' => '● Running',
                            'completed' => 'Completed',
                            'paused' => 'Paused',
                            default => 'Draft',
                        };
                    @endphp
                    <tr>
                        <td style="font-weight:600;">{{ $campaign->name }}</td>
                        <td><span class="badge {{ $cClass }}">{{ $cLabel }}</span></td>
                        <td>{{ number_format($campaign->pending_count) }}</td>
                        <td>{{ number_format($campaign->sent_count) }}</td>
                        <td>{{ number_format($campaign->failed_count) }}</td>
                        <td>{{ number_format($campaign->bounced_count) }}</td>
                        <td><a class="btn sm" href="{{ route('reports.campaign', $campaign) }}">Report →</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="muted" style="text-align:center; padding:30px;">No campaigns yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection