@extends('layouts.app')

@section('title','Email Campaigns')
@section('page_title','Email Campaigns')

@section('content')

@if(session('success'))
    <div style="background:#dcfce7;color:#166534;padding:10px;margin-bottom:15px;border-radius:6px;">
        {{ session('success') }}
    </div>
@endif

<div style="margin-bottom:15px;">
    <a href="{{ route('email.campaigns.create') }}"
       style="background:#2563eb;color:#fff;padding:10px 15px;border-radius:6px;text-decoration:none;">
        Create Campaign
    </a>
</div>

<table style="width:100%;background:#fff;border-collapse:collapse;">
    <thead>
        <tr style="background:#e5e7eb;">
            <th style="padding:12px;text-align:left;">Campaign</th>
            <th style="padding:12px;text-align:left;">Description</th>
            <th style="padding:12px;text-align:left;">Status</th>
            <th style="padding:12px;text-align:left;">Emails</th>
            <th style="padding:12px;text-align:left;">Opened</th>
            <th style="padding:12px;text-align:left;">Failed</th>
            <th style="padding:12px;text-align:left;">Created</th>
        </tr>
    </thead>

    <tbody>
        @forelse($campaigns as $campaign)
            <tr style="border-bottom:1px solid #ddd;">
                <td style="padding:12px;">
                    <a href="{{ route('email.campaigns.show',$campaign->id) }}"
                       style="color:#2563eb;font-weight:600;">
                        {{ $campaign->campaign_name }}
                    </a>
                </td>

                <td style="padding:12px;">
                    {{ $campaign->description ?? '-' }}
                </td>

                <td style="padding:12px;">
                    {{ ucfirst($campaign->status) }}
                </td>

                <td style="padding:12px;">
                    {{ $campaign->emails_count }}
                </td>

                <td style="padding:12px;">
                    {{ $campaign->opened_count }}
                </td>

                <td style="padding:12px;">
                    {{ $campaign->failed_count }}
                </td>

                <td style="padding:12px;">
                    {{ $campaign->created_at }}
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="7" style="padding:15px;text-align:center;color:#6b7280;">
                    No campaigns found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

<div style="margin-top:15px;">
    {{ $campaigns->links() }}
</div>

@endsection