@extends('layouts.admin')

@section('title', 'SMS Campaigns')

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-sms" style="color:var(--accent); margin-right:0.5rem;"></i> SMS Campaigns</h1>
            <div class="subtitle">Bulk SMS campaigns across all tenants (Termii gateway)</div>
        </div>
    </div>

    <div class="stats-grid">
        <div class="stat-card accent">
            <div class="label">Total Campaigns</div>
            <div class="value">{{ number_format($stats['total'] ?? 0) }}</div>
        </div>
        <div class="stat-card success">
            <div class="label">Sent (30d)</div>
            <div class="value">{{ number_format($stats['sent_30d'] ?? 0) }}</div>
        </div>
        <div class="stat-card danger">
            <div class="label">Failed (30d)</div>
            <div class="value">{{ number_format($stats['failed_30d'] ?? 0) }}</div>
        </div>
        <div class="stat-card warning">
            <div class="label">Active Tenants (90d)</div>
            <div class="value">{{ number_format($stats['active_tenants'] ?? 0) }}</div>
        </div>
    </div>

    <form method="GET" action="{{ route('admin.sms') }}" class="filters-bar">
        <div class="filter-group search">
            <label>Search</label>
            <input type="text" name="search" value="{{ $search ?? '' }}" placeholder="Campaign name...">
        </div>
        <div class="filter-group">
            <label>Status</label>
            <select name="status">
                <option value="">All</option>
                @foreach(['draft','scheduled','sending','completed','failed','cancelled'] as $s)
                    <option value="{{ $s }}" {{ ($status ?? '') === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filter</button>
    </form>

    <div class="table-card">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Campaign</th>
                    <th>Tenant</th>
                    <th>Status</th>
                    <th>Sent</th>
                    <th>Failed</th>
                    <th>Created</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($campaigns as $c)
                    <tr>
                        <td style="font-weight:500;">{{ $c->name }}</td>
                        <td>{{ $c->tenant->business_name ?? $c->tenant->name ?? '—' }}</td>
                        <td>
                            @php
                                $statusClass = match($c->status ?? '') {
                                    'completed' => 'success',
                                    'sending', 'scheduled' => 'info',
                                    'failed' => 'danger',
                                    'cancelled' => 'muted',
                                    default => 'warning',
                                };
                            @endphp
                            <span class="badge badge-{{ $statusClass }}">{{ ucfirst($c->status ?? 'draft') }}</span>
                        </td>
                        <td>{{ number_format($c->sent_count ?? 0) }}</td>
                        <td>{{ number_format($c->failed_count ?? 0) }}</td>
                        <td style="color:var(--text-secondary);">{{ $c->created_at?->format('M d, Y') }}</td>
                        <td>
                            <a href="{{ route('admin.sms.show', $c->id) }}" class="action-btn" title="View"><i class="fas fa-eye"></i></a>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" class="empty-state">
                            <i class="fas fa-sms"></i>
                            No campaigns found.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        @include('partials.table-pagination', ['paginator' => $campaigns, 'label' => 'campaigns'])
    </div>
@endsection