@extends('layouts.admin')

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

@include('admin.phase3._styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-sms" style="color:var(--accent); margin-right:0.5rem;"></i> {{ $campaign->name }}</h1>
            <div class="subtitle">{{ $campaign->tenant->business_name ?? $campaign->tenant->name ?? '—' }} · Created {{ $campaign->created_at?->diffForHumans() }}</div>
        </div>
        <a href="{{ route('admin.phase3.sms') }}" class="btn btn-outline"><i class="fas fa-arrow-left"></i> Back</a>
    </div>

    <div class="stats-grid">
        <div class="stat-card"><div class="label">Status</div><div class="value" style="font-size:1.1rem;">{{ ucfirst($campaign->status ?? 'draft') }}</div></div>
        <div class="stat-card success"><div class="label">Sent</div><div class="value">{{ number_format($campaign->sent_count ?? 0) }}</div></div>
        <div class="stat-card danger"><div class="label">Failed</div><div class="value">{{ number_format($campaign->failed_count ?? 0) }}</div></div>
        <div class="stat-card"><div class="label">Recipients</div><div class="value">{{ number_format($campaign->recipients->count() ?? 0) }}</div></div>
    </div>

    <div class="table-card" style="padding:1.5rem;">
        <h3 style="font-size:1rem; font-weight:600; margin-bottom:0.75rem;">Message</h3>
        <p style="background:var(--bg-primary); padding:1rem; border-radius:var(--radius-sm); border:1px solid var(--border); white-space:pre-wrap;">{{ $campaign->message ?? '—' }}</p>
    </div>

    <div class="table-card" style="margin-top:1.5rem;">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Phone</th>
                    <th>Status</th>
                    <th>Error</th>
                    <th>Sent At</th>
                </tr>
            </thead>
            <tbody>
                @forelse($campaign->recipients->take(200) as $r)
                    <tr>
                        <td>{{ $r->phone ?? '—' }}</td>
                        <td>
                            @php $rc = ($r->status ?? '') === 'sent' ? 'success' : (($r->status ?? '') === 'failed' ? 'danger' : 'muted'); @endphp
                            <span class="badge badge-{{ $rc }}">{{ ucfirst($r->status ?? 'pending') }}</span>
                        </td>
                        <td style="color:var(--text-secondary);">{{ $r->error_message ?? '—' }}</td>
                        <td style="color:var(--text-secondary);">{{ $r->sent_at?->diffForHumans() ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-state"><i class="fas fa-inbox"></i> No recipients recorded.</td></tr>
                @endforelse
            </tbody>
        </table>
        @if($campaign->recipients->count() > 200)
            <div style="padding:0.75rem 1.25rem; color:var(--text-muted); font-size:0.825rem;">Showing first 200 of {{ number_format($campaign->recipients->count()) }} recipients.</div>
        @endif
    </div>
@endsection