@extends('admin.layout')

@section('title', 'Konfirmasi Kehadiran')

@section('content')

    <div class="flex flex-wrap items-start justify-between gap-4 mb-6">
        <div>
            <h1 class="text-2xl font-semibold text-forest-950">Konfirmasi Kehadiran</h1>
            <p class="text-sm text-forest-700/60 mt-1">Total {{ $totalHadirOrang }} orang mengonfirmasi hadir.</p>
        </div>
        <a href="{{ route('admin.rsvps.export') }}"
           class="inline-flex items-center gap-1.5 px-4 py-2.5 rounded-full border border-forest-950/15 text-forest-950 text-sm font-medium hover:bg-forest-950/5 transition-colors">
            Export CSV
        </a>
    </div>

    <form method="GET" class="flex flex-wrap gap-3 mb-4">
        <input type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Cari nama atau no HP..."
               class="flex-1 min-w-[200px] rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm focus:border-gold-500 focus:ring-0">
        <select name="attendance" class="rounded-lg border border-forest-950/15 px-4 py-2.5 text-sm bg-white focus:border-gold-500 focus:ring-0">
            <option value="">Semua Kehadiran</option>
            <option value="hadir" @selected(($filters['attendance'] ?? '') === 'hadir')>Hadir</option>
            <option value="tidak_hadir" @selected(($filters['attendance'] ?? '') === 'tidak_hadir')>Tidak Hadir</option>
            <option value="ragu_ragu" @selected(($filters['attendance'] ?? '') === 'ragu_ragu')>Masih Ragu</option>
        </select>
        <button type="submit" class="px-5 py-2.5 rounded-lg bg-forest-950/5 text-forest-950 text-sm font-medium hover:bg-forest-950/10 transition-colors">
            Filter
        </button>
    </form>

    <div class="bg-white rounded-xl border border-forest-950/10 overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="text-left text-xs text-forest-700/60 uppercase tracking-wide border-b border-forest-950/10">
                        <th class="px-4 py-3">Nama</th>
                        <th class="px-4 py-3 hidden sm:table-cell">No. HP</th>
                        <th class="px-4 py-3">Kehadiran</th>
                        <th class="px-4 py-3">Jumlah</th>
                        <th class="px-4 py-3 hidden md:table-cell">Catatan</th>
                        <th class="px-4 py-3 hidden md:table-cell">Waktu</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-forest-950/5">
                    @forelse ($rsvps as $rsvp)
                        @php
                            $badge = match ($rsvp->attendance) {
                                'hadir' => 'bg-emerald-50 text-emerald-700',
                                'tidak_hadir' => 'bg-rose-50 text-rose-700',
                                default => 'bg-amber-50 text-amber-700',
                            };
                            $label = match ($rsvp->attendance) {
                                'hadir' => 'Hadir',
                                'tidak_hadir' => 'Tidak Hadir',
                                default => 'Masih Ragu',
                            };
                        @endphp
                        <tr>
                            <td class="px-4 py-3">
                                <p class="font-medium text-forest-950">{{ $rsvp->guest_name }}</p>
                                @if ($rsvp->guest)
                                    <p class="text-[11px] text-forest-700/40">tamu: {{ $rsvp->guest->name }}</p>
                                @endif
                            </td>
                            <td class="px-4 py-3 hidden sm:table-cell text-forest-700/70">{{ $rsvp->phone ?? '—' }}</td>
                            <td class="px-4 py-3">
                                <span class="text-[11px] px-2 py-0.5 rounded-full {{ $badge }}">{{ $label }}</span>
                            </td>
                            <td class="px-4 py-3 text-forest-700/70">{{ $rsvp->number_of_guests }}</td>
                            <td class="px-4 py-3 hidden md:table-cell text-forest-700/70">{{ $rsvp->notes ?? '—' }}</td>
                            <td class="px-4 py-3 hidden md:table-cell text-forest-700/50 text-xs">{{ $rsvp->created_at->format('d M Y, H:i') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="px-4 py-10 text-center text-sm text-forest-700/50">Belum ada konfirmasi kehadiran.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-6">
        {{ $rsvps->links() }}
    </div>

@endsection