@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
    <div class="page-head">
        <div>
            <h1>Dashboard</h1>
            <div class="subtitle">Overview of your campaign sending activity</div>
        </div>
        <a class="btn" href="{{ route('campaigns.create') }}">+ New Campaign</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($todaysSent) }}</div>
            <div class="stat-extra">Est. {{ $todaysCap > 0 ? round(($todaysSent / max(1, $todaysCap)) * 100) : 0 }}% of today's cap</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($yesterdaysSent) }}</div>
            <div class="stat-extra">Previous day's total</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-ok"></div>
            <div class="stat-label">Last 7 Days</div>
            <div class="stat-value">{{ number_format($weekSent) }}</div>
            <div class="stat-extra">Rolling 7-day total</div>
        </div>
        <div class="stat-card">
            <div class="stat-accent accent-danger"></div>
            <div class="stat-label">All Time Sent</div>
            <div class="stat-value">{{ number_format($allTimeSent) }}</div>
            <div class="stat-extra">Lifetime volume</div>
        </div>
    </div>

    <div class="grid grid-4">
        <div class="stat-card">
            <div class="stat-label">Today's Cap</div>
            <div class="stat-value">{{ number_format($todaysCap) }}</div>
            <div class="stat-extra"><a href="{{ route('settings.index') }}" style="color:var(--primary); text-decoration:none;">Sending schedule →</a></div>
        </div>
        <div class="stat-card">
            <div class="stat-label">Remaining Today</div>
            <div class="stat-value">{{ number_format(max(0, $todaysCap - $todaysSent)) }}</div>
            <div class="stat-extra">Left to send before cap</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">Active Campaigns</div>
            <div class="stat-value">{{ $activeCampaigns->count() }}</div>
            <div class="stat-extra">Currently running</div>
        </div>
        <div class="stat-card">
            <div class="stat-label">Pending Recipients</div>
            <div class="stat-value">{{ number_format($totalPending) }}</div>
            <div class="stat-extra">Awaiting delivery</div>
        </div>
    </div>

    <div class="panel">
        <h2>Last 7 Days Sending</h2>
        @php
            $days = collect();
            for ($i = 6; $i >= 0; $i--) {
                $date = \Carbon\Carbon::now()->subDays($i)->toDateString();
                $stat = $dailyHistory->first(fn ($s) => $s->date == $date);
                $days->push([
                    'label' => \Carbon\Carbon::parse($date)->format('D'),
                    'date' => $date,
                    'sent' => (int) ($stat?->sent_count ?? 0),
                    'isToday' => $date === now()->toDateString(),
                ]);
            }
        @endphp
        <div style="display:flex; gap:10px; align-items:flex-end; height:170px; padding-top:10px;">
            @foreach ($days 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'] / $maxDailySent) * 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>Active Campaigns</h2>
        @if ($activeCampaigns->isEmpty())
            <div class="empty-state">
                <div class="empty-ico">🚀</div>
                No campaigns are running right now.
            </div>
        @else
            <table>
                <thead>
                    <tr>
                        <th>Campaign</th>
                        <th>Status</th>
                        <th>Pending</th>
                        <th>Sent</th>
                        <th style="width:34%;">Progress</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($activeCampaigns as $campaign)
                        @php
                            $total = $campaign->pending_count + $campaign->sent_count + $campaign->failed_count + $campaign->bounced_count;
                            $pct = $total > 0 ? round(($campaign->sent_count / $total) * 100, 1) : 0;
                        @endphp
                        <tr>
                            <td style="font-weight:600;">{{ $campaign->name }}</td>
                            <td><span class="badge warn">● Running</span></td>
                            <td>{{ number_format($campaign->pending_count) }}</td>
                            <td>{{ number_format($campaign->sent_count) }}</td>
                            <td>
                                <div style="display:flex; align-items:center; gap:10px;">
                                    <div class="bar-track"><div class="bar-fill" style="width:{{ $pct }}%;"></div></div>
                                    <span class="muted" style="font-size:.82rem; font-weight:600;">{{ $pct }}%</span>
                                </div>
                            </td>
                            <td><a class="btn secondary sm" href="{{ route('campaigns.show', $campaign) }}">View</a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @endif
    </div>
@endsection