@extends('layouts.admin')
@section('title', 'RSVPs')
@section('page-title', 'RSVPs')
@section('page-subtitle', $event->title)

@section('content')
<div class="card-royal p-6">
    <div class="flex justify-between items-center mb-6">
        <div>
            <h3 class="font-cinzel font-semibold text-lg text-[var(--text-primary)]">
                <i class="fas fa-users mr-2 text-gold-500"></i> RSVPs
            </h3>
            <p class="text-sm text-[var(--text-secondary)]">{{ $event->title }} - {{ $event->start_date->format('M j, Y g:i A') }}</p>
        </div>
        <a href="{{ route('admin.events.rsvp.create', $event->id) }}" class="btn-royal px-4 py-2 rounded-lg text-white">
            <i class="fas fa-plus mr-2"></i> Add RSVP
        </a>
    </div>
    
    <div class="mb-6">
        <form action="{{ route('admin.events.rsvps', $event->id) }}" method="GET" class="flex flex-wrap gap-4">
            <input type="text" name="search" value="{{ $filters['search'] ?? '' }}" placeholder="Search by name or email..."
                class="px-4 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)] flex-1 min-w-[200px]">
            <select name="status" class="px-4 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
                <option value="">All Status</option>
                <option value="confirmed" {{ ($filters['status'] ?? '') == 'confirmed' ? 'selected' : '' }}>Confirmed</option>
                <option value="pending" {{ ($filters['status'] ?? '') == 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="declined" {{ ($filters['status'] ?? '') == 'declined' ? 'selected' : '' }}>Declined</option>
                <option value="cancelled" {{ ($filters['status'] ?? '') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
            </select>
            <button type="submit" class="btn-royal px-4 py-2 rounded-lg text-white">
                <i class="fas fa-search mr-2"></i> Filter
            </button>
        </form>
    </div>
    
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead>
                <tr class="border-b border-[var(--border-color)]">
                    <th class="text-left py-3 px-4 text-[var(--text-primary)] font-semibold">Guest</th>
                    <th class="text-left py-3 px-4 text-[var(--text-primary)] font-semibold">Contact</th>
                    <th class="text-center py-3 px-4 text-[var(--text-primary)] font-semibold">Guests</th>
                    <th class="text-center py-3 px-4 text-[var(--text-primary)] font-semibold">Status</th>
                    <th class="text-left py-3 px-4 text-[var(--text-primary)] font-semibold">Dietary</th>
                    <th class="text-center py-3 px-4 text-[var(--text-primary)] font-semibold">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rsvps as $rsvp)
                    <tr class="border-b border-[var(--border-color)] hover:bg-[var(--bg-secondary)]">
                        <td class="py-3 px-4">
                            <div class="flex items-center gap-3">
                                <div class="w-10 h-10 rounded-full bg-gradient-to-br from-gold-500 to-royal-600 flex items-center justify-center text-white font-bold">
                                    {{ substr($rsvp->guest_name, 0, 1) }}
                                </div>
                                <div>
                                    <p class="font-medium text-[var(--text-primary)]">{{ $rsvp->guest_name }}</p>
                                    @if($rsvp->member)
                                        <p class="text-xs text-gold-500">Member: {{ $rsvp->member->full_name }}</p>
                                    @endif
                                </div>
                            </div>
                        </td>
                        <td class="py-3 px-4">
                            <p class="text-[var(--text-primary)]">{{ $rsvp->guest_email ?? 'N/A' }}</p>
                            <p class="text-xs text-[var(--text-secondary)]">{{ $rsvp->guest_phone ?? '' }}</p>
                        </td>
                        <td class="py-3 px-4 text-center text-[var(--text-primary)]">{{ $rsvp->guests_count }}</td>
                        <td class="py-3 px-4 text-center">
                            <form action="{{ route('admin.events.rsvp.update-status', ['event' => $event->id, 'rsvp' => $rsvp->id]) }}" method="POST" class="inline">
                                @csrf
                                <select name="status" onchange="this.form.submit()"
                                    class="text-xs px-2 py-1 rounded border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
                                    <option value="pending" {{ $rsvp->status == 'pending' ? 'selected' : '' }}>Pending</option>
                                    <option value="confirmed" {{ $rsvp->status == 'confirmed' ? 'selected' : '' }}>Confirmed</option>
                                    <option value="declined" {{ $rsvp->status == 'declined' ? 'selected' : '' }}>Declined</option>
                                    <option value="cancelled" {{ $rsvp->status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                                </select>
                            </form>
                        </td>
                        <td class="py-3 px-4 text-sm text-[var(--text-secondary)]">{{ $rsvp->dietary_requirements ?? '-' }}</td>
                        <td class="py-3 px-4 text-center">
                            <form action="{{ route('admin.events.rsvp.destroy', ['event' => $event->id, 'rsvp' => $rsvp->id]) }}" method="POST" class="inline">
                                @csrf @method('DELETE')
                                <button type="submit" class="p-2 text-red-500 hover:bg-red-50 rounded" onclick="return confirm('Delete this RSVP?')">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="py-8 text-center text-[var(--text-secondary)]">No RSVPs found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    
    <div class="mt-4">
        {{ $rsvps->links() }}
    </div>
</div>
@endsection