@php
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? 'Email History',
        $subTitle ?? 'Email History',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    );
@endphp
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="card">
    <div class="card-header d-flex align-items-center justify-content-between">
        <strong>Email History</strong>
        <form class="d-flex gap-2" method="GET">
            <input type="text" name="search" class="form-control form-control-sm" placeholder="Search email / template..." value="{{ request('search') }}">
            <select name="event_type" class="form-select form-select-sm">
                <option value="">All Events</option>
                <option value="dispatched" @selected(request('event_type') === 'dispatched')>Dispatched</option>
                <option value="delivered" @selected(request('event_type') === 'delivered')>Delivered</option>
                <option value="open" @selected(request('event_type') === 'open')>Opened</option>
                <option value="click" @selected(request('event_type') === 'click')>Clicked</option>
                <option value="bounce" @selected(request('event_type') === 'bounce')>Bounced</option>
                <option value="unsubscribe" @selected(request('event_type') === 'unsubscribe')>Unsubscribed</option>
            </select>
            <button class="btn btn-sm btn-primary">Filter</button>
        </form>
    </div>
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>To</th>
                    <th>Template</th>
                    <th>Event</th>
                    <th class="text-center">Opened</th>
                    <th class="text-center">Clicked</th>
                </tr>
            </thead>
            <tbody>
                @forelse($events as $event)
                <tr>
                    <td>{{ $event->created_at->format('M d, Y H:i') }}</td>
                    <td>{{ $event->to_email }}</td>
                    <td>{{ $event->template->template_name ?? '-' }}</td>
                    <td>
                        @php
                            $badgeMap = [
                                'dispatched'         => 'secondary',
                                'delivered'          => 'success',
                                'open'               => 'info',
                                'click'              => 'primary',
                                'bounce'             => 'danger',
                                'unsubscribe'        => 'warning',
                                'group_unsubscribe'  => 'warning',
                            ];
                            $badge = $badgeMap[$event->event_type] ?? 'light';
                        @endphp
                        <span class="badge bg-{{ $badge }}">{{ ucfirst($event->event_type) }}</span>
                    </td>
                    <td class="text-center">{{ $event->opened_at ? 'Yes' : '-' }}</td>
                    <td class="text-center">{{ $event->clicked_at ? 'Yes' : '-' }}</td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No email events recorded yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{ $events->links() }}
    </div>
</div>
@endsection

@push('page_script')
@endpush