@extends('layouts.app')

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

@section('content')
<div class="space-y-6">
    @can('create', App\Models\Campaign::class)
    <div class="flex justify-end">
        <a href="{{ route('campaigns.create') }}" class="inline-flex items-center rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500">Add campaign</a>
    </div>
    @endcan
    @if($campaigns->isEmpty())
        <div class="rounded-xl border border-slate-200 bg-white p-8 text-center text-slate-600">
            <p>No campaigns yet.</p>
            @can('create', App\Models\Campaign::class)
            <a href="{{ route('campaigns.create') }}" class="mt-2 inline-block text-indigo-600 hover:text-indigo-500">Create your first campaign</a>
            @endcan
        </div>
    @else
        <div class="overflow-x-auto rounded-xl border border-slate-200 bg-white shadow-sm">
            <table class="min-w-full divide-y divide-slate-200">
                <thead>
                    <tr>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Name</th>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Status</th>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Recipients</th>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Sent</th>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Date</th>
                        <th class="px-4 py-3 text-left text-sm font-medium text-slate-700">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($campaigns as $campaign)
                    <tr class="hover:bg-slate-50">
                        <td class="px-4 py-3 text-sm font-medium text-slate-900">
                            @can('update', $campaign)
                            @if(in_array($campaign->status, ['draft', 'scheduled']))
                                <a href="{{ route('campaigns.edit', $campaign) }}" class="text-indigo-600 hover:text-indigo-500">{{ $campaign->name }}</a>
                            @else
                                {{ $campaign->name }}
                            @endif
                            @else
                                {{ $campaign->name }}
                            @endcan
                        </td>
                        <td class="px-4 py-3">
                            <span class="rounded-full px-2 py-0.5 text-xs font-medium
                                @if($campaign->status === 'completed') bg-emerald-100 text-emerald-800
                                @elseif($campaign->status === 'sending') bg-blue-100 text-blue-800
                                @elseif($campaign->status === 'scheduled') bg-slate-100 text-slate-800
                                @else bg-amber-100 text-amber-800
                                @endif">{{ $campaign->status }}</span>
                        </td>
                        <td class="px-4 py-3 text-sm text-slate-600">{{ $campaign->total_recipients ?? 0 }}</td>
                        <td class="px-4 py-3 text-sm text-slate-600">{{ $campaign->sent_count ?? 0 }}</td>
                        <td class="px-4 py-3 text-sm text-slate-500">{{ $campaign->created_at->format('M j, Y') }}</td>
                        <td class="px-4 py-3 text-sm">
                            @can('update', $campaign)
                            @if(in_array($campaign->status, ['draft', 'scheduled']))
                                <form action="{{ route('campaigns.send-now', $campaign) }}" method="POST" class="inline" onsubmit="return confirm('Start sending this campaign now?');">
                                    @csrf
                                    <button type="submit" class="text-indigo-600 hover:text-indigo-500">Send now</button>
                                </form>
                            @else
                                —
                            @endif
                            @else
                                —
                            @endcan
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-4">
            {{ $campaigns->links() }}
        </div>
    @endif
</div>
@endsection