@extends('admin.layouts.app')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div>
            <h2 class="text-4xl font-extrabold">Events</h2>
            <p class="text-gray-400 mt-2">Manage concerts, shows, appearances and ticket links.</p>
        </div>

        <a href="{{ route('admin.events.create') }}" class="bg-red-600 hover:bg-red-700 px-5 py-3 rounded-xl font-semibold text-white">
            Add Event
        </a>
    </div>

    @if(session('success'))
        <div class="bg-green-600/20 border border-green-600 text-green-300 p-4 rounded-xl">
            {{ session('success') }}
        </div>
    @endif

    <div class="glass-card rounded-[1.6rem] overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-left">
                <thead class="bg-black/40">
                    <tr>
                        <th class="p-4">Image</th>
                        <th class="p-4">Title</th>
                        <th class="p-4">Location</th>
                        <th class="p-4">Date</th>
                        <th class="p-4">Status</th>
                        <th class="p-4">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($events as $event)
                        <tr class="border-t border-red-950">
                            <td class="p-4">
                                @if($event->featured_image)
                                    <img src="{{ asset('storage/'.$event->featured_image) }}" class="w-24 h-16 object-cover rounded-xl border border-red-900">
                                @else
                                    <div class="w-24 h-16 rounded-xl bg-black border border-red-900 flex items-center justify-center text-gray-500 text-xs">
                                        No Image
                                    </div>
                                @endif
                            </td>

                            <td class="p-4">
                                <div class="font-semibold">{{ $event->title }}</div>
                                <div class="text-gray-500 text-sm">{{ $event->venue }}</div>
                            </td>

                            <td class="p-4 text-gray-400">
                                {{ trim(($event->city ? $event->city.', ' : '').($event->country ?? ''), ', ') }}
                            </td>

                            <td class="p-4 text-gray-400">
                                {{ $event->event_date?->format('M d, Y h:i A') }}
                            </td>

                            <td class="p-4">
                                @if($event->is_published)
                                    <span class="text-green-400">Published</span>
                                @else
                                    <span class="text-yellow-400">Draft</span>
                                @endif
                            </td>

                            <td class="p-4">
                                <div class="flex gap-4">
                                    <a href="{{ route('admin.events.edit', $event->id) }}" class="text-blue-400">Edit</a>

                                    <form action="{{ route('admin.events.destroy', $event->id) }}" method="POST" onsubmit="return confirm('Delete this event?')">
                                        @csrf
                                        @method('DELETE')
                                        <button class="text-red-400">Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="p-6 text-center text-gray-500">No events found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{ $events->links() }}
</div>
@endsection