@extends('layouts.admin')
@section('header', 'Events Management')
@section('content')
<div class='p-6'>
    <div class='flex justify-between items-center mb-6'>
        <h1 class='text-2xl font-semibold text-gray-900 dark:text-white'>Events</h1>
        <a href='{{ route("admin.events.create") }}' class='text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800'>Add New Event</a>
    </div>
    <div class='bg-white dark:bg-gray-800 shadow-md rounded-lg overflow-x-auto'>
        <table class='min-w-full divide-y divide-gray-200 dark:divide-gray-700'>
            <thead class='bg-gray-50 dark:bg-gray-700'>
                <tr>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>ID</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>Name</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>Client</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>Start Date</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>End Date</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>Active</th>
                    <th scope='col' class='px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider'>Actions</th>
                </tr>
            </thead>
            <tbody class='bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700'>
                @forelse ($events as $event)
                <tr>
                    <td class='px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-100'>{{ $event->id }}</td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100'>{{ $event->name }}</td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100'>{{ $event->client->name ?? "N/A" }}</td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100'>{{ $event->start_datetime && $event->start_datetime instanceof \DateTime ? $event->start_datetime->format("Y-m-d H:i") : "N/A" }}</td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100'>{{ $event->end_datetime && $event->end_datetime instanceof \DateTime ? $event->end_datetime->format("Y-m-d H:i") : "N/A" }}</td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm'>
                        @if($event->is_active)
                            <span class='px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800 dark:bg-green-700 dark:text-green-100'>Yes</span>
                        @else
                            <span class='px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800 dark:bg-red-700 dark:text-red-100'>No</span>
                        @endif
                    </td>
                    <td class='px-6 py-4 whitespace-nowrap text-sm font-medium space-x-2'>
                        <a href='{{ route("admin.events.show", $event->id) }}' class='text-indigo-600 hover:text-indigo-900 dark:text-indigo-400 dark:hover:text-indigo-200'>View</a>
                        <a href='{{ route("admin.events.edit", $event->id) }}' class='text-yellow-600 hover:text-yellow-900 dark:text-yellow-400 dark:hover:text-yellow-200'>Edit</a>
                        <form action='{{ route("admin.events.destroy", $event->id) }}' method='POST' class='inline-block' onsubmit="return confirm('Are you sure you want to delete this event?');">
                            @csrf
                            @method("DELETE")
                            <button type='submit' class='text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-200'>Delete</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan='7' class='px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 text-center'>No events found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($events->hasPages())
        <div class='mt-6'>
            {{ $events->links() }}
        </div>
    @endif
</div>
@endsection