@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    <!-- Page Header -->
    <div class="admin-page-header">
        <div>
            <h2><i class="fas fa-calendar-alt me-2" style="color: var(--admin-accent);"></i> Manage Events</h2>
            <small>View, edit, or remove events displayed on the Grace Family Church website.</small>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.events.export') }}" class="btn btn-admin-secondary btn-sm">
                <i class="fas fa-download me-1"></i> Export CSV
            </a>
            <a href="{{ route('admin.events.add') }}" class="btn btn-admin-primary">
                <i class="fas fa-plus me-1"></i> Add Event
            </a>
        </div>
    </div>

    <!-- Info Box -->
    <div class="admin-info-box">
        <p><strong>Admin Note:</strong> Use this page to manage events on the public events page. You can edit event details, update images, or mark events as completed.</p>
        <p class="scripture mb-0">"For where two or three gather in my name, there am I with them." — Matthew 18:20</p>
    </div>

    <!-- Alerts -->
    @include('partials.alerts')

    @include('partials.admin-filter', [
        'action' => route('admin.events'),
        'q' => $q,
        'searchPlaceholder' => 'Search by title, location, or speaker…',
        'selects' => [['name' => 'status', 'value' => $status, 'all' => 'All statuses', 'options' => ['Upcoming' => 'Upcoming', 'Completed' => 'Completed']]],
        'active' => $q !== '' || $status !== '',
    ])

    @if($events->count() > 0)
        <div class="admin-table">
            <table class="table table-striped table-hover mb-0">
                <thead class="admin-table-head">
                    <tr>
                        <th><i class="fas fa-heading me-1"></i> Title</th>
                        <th><i class="fas fa-calendar me-1"></i> Date & Time</th>
                        <th><i class="fas fa-map-marker-alt me-1"></i> Location</th>
                        <th><i class="fas fa-info-circle me-1"></i> Status</th>
                        <th><i class="fas fa-cogs me-1"></i> Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($events as $event)
                        <tr>
                            <td class="fw-semibold">{{ $event->title }}</td>
                            <td>
                                {{ $event->event_date->format('d M Y') }}
                                <span class="text-muted">|</span>
                                {{ date('H:i', strtotime($event->event_time)) }}
                            </td>
                            <td>{{ $event->location }}</td>
                            <td>
                                @if($event->status === 'Upcoming')
                                    <span class="admin-badge admin-badge-upcoming">
                                        <i class="fas fa-circle me-1" style="font-size: 0.5rem; vertical-align: middle;"></i> Upcoming
                                    </span>
                                @else
                                    <span class="admin-badge admin-badge-completed">
                                        <i class="fas fa-check-circle me-1" style="font-size: 0.6rem; vertical-align: middle;"></i> Completed
                                    </span>
                                @endif
                            </td>
                            <td>
                                @php
                                    $eventActions = [
                                        ['type' => 'link', 'label' => 'View on site', 'icon' => 'fa-eye', 'url' => route('community.events'), 'target' => '_blank'],
                                    ];
                                    if ($event->status !== 'Completed') {
                                        $eventActions[] = ['type' => 'link', 'label' => 'Edit', 'icon' => 'fa-pen', 'url' => route('admin.events.edit', $event)];
                                        $eventActions[] = ['type' => 'form', 'label' => 'Mark Complete', 'icon' => 'fa-check', 'url' => route('admin.events.complete', $event), 'method' => 'PATCH',
                                            'confirm' => ['title' => 'Mark as Completed?', 'message' => 'This event will be moved to Past Events on the public page.', 'confirmText' => 'Yes, Complete', 'type' => 'success']];
                                    }
                                    $eventActions[] = ['type' => 'form', 'label' => 'Delete', 'icon' => 'fa-trash', 'url' => route('admin.events.delete', $event), 'method' => 'DELETE', 'danger' => true,
                                        'confirm' => ['title' => 'Delete Event?', 'message' => 'This will permanently remove the event and all its images.', 'confirmText' => 'Yes, Delete']];
                                @endphp
                                @include('partials.admin-actions', ['actions' => $eventActions])
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <!-- Pagination -->
        <div class="d-flex justify-content-center mt-3">
            {{ $events->links() }}
        </div>
    @else
        <div class="admin-empty-state">
            <div class="empty-icon">
                <i class="fas fa-calendar-plus"></i>
            </div>
            <h4>No Events Found</h4>
            <p class="text-muted mb-4">
                There are currently no events in the system. Once events are added, they will appear here and on the public events page.
            </p>
            <a href="{{ route('admin.events.add') }}" class="btn btn-admin-primary">
                <i class="fas fa-plus me-1"></i> Add the First Event
            </a>
        </div>
    @endif

</div>

@endsection