@extends('layouts.app')

@section('title', 'Campaigns')

@section('content')
    <div class="page-head">
        <div>
            <h1>Campaigns</h1>
            <div class="subtitle">Create and manage your email sending campaigns</div>
        </div>
        <a class="btn" href="{{ route('campaigns.create') }}">+ New Campaign</a>
    </div>

    @if ($campaigns->isEmpty())
        <div class="panel">
            <div class="empty-state">
                <div class="empty-ico">🚀</div>
                No campaigns yet. Create your first campaign to start sending.
            </div>
        </div>
    @else
        <div class="panel" style="padding:0; overflow:hidden;">
            <table style="margin:0;">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Status</th>
                        <th>Pending</th>
                        <th>Sent</th>
                        <th>Failed</th>
                        <th>Bounced</th>
                        <th style="width:28%;">Progress</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($campaigns as $campaign)
                        @php
                            $class = match ($campaign->status) {
                                'running' => 'warn',
                                'completed' => 'ok',
                                'paused' => 'badge',
                                default => 'muted',
                            };
                            $label = match ($campaign->status) {
                                'running' => '● Running',
                                'completed' => 'Completed',
                                'paused' => 'Paused',
                                default => 'Draft',
                            };
                            $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 {{ $class }}">{{ $label }}</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>
                                <div style="display:flex; align-items:center; gap:10px;">
                                    <div class="bar-track"><div class="bar-fill {{ $campaign->status === 'completed' ? 'ok' : '' }}" 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>
                                <a class="btn sm" href="{{ route('reports.campaign', $campaign) }}">Report</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection