@extends('layouts.admin')
@section('title', 'Event')
@section('page-title', 'Manajemen Event')

@section('content')
<div class="mb-4 flex justify-end"><a href="{{ route('admin.events.create') }}" class="btn-accent !py-2">+ Event</a></div>
<div class="card overflow-hidden">
    <table class="w-full text-sm">
        <thead class="border-b border-qr-border text-left text-qr-muted">
            <tr><th class="p-4">Judul</th><th class="p-4">Waktu</th><th class="p-4">Harga</th><th class="p-4">Pendaftar</th><th class="p-4 text-right">Aksi</th></tr>
        </thead>
        <tbody class="divide-y divide-qr-border">
            @forelse($events as $e)
            <tr>
                <td class="p-4"><p class="font-semibold">{{ $e->title }}</p><span class="chip">{{ $e->type }}</span></td>
                <td class="p-4 text-qr-muted text-xs">{{ $e->starts_at?->translatedFormat('d M Y H:i') }}</td>
                <td class="p-4">{{ $e->isFree() ? 'Gratis' : 'Rp'.number_format($e->price,0,',','.') }}</td>
                <td class="p-4 text-qr-muted">{{ $e->registrations_count }}{{ $e->quota ? '/'.$e->quota : '' }}</td>
                <td class="p-4"><div class="flex justify-end gap-2">
                    <a href="{{ route('admin.events.edit', $e) }}" class="text-qr-accent-light">Edit</a>
                    <form method="POST" action="{{ route('admin.events.destroy', $e) }}" onsubmit="return confirm('Hapus event?')">@csrf @method('DELETE')<button class="text-red-400">Hapus</button></form>
                </div></td>
            </tr>
            @empty<tr><td colspan="5" class="p-8 text-center text-qr-muted">Belum ada event.</td></tr>@endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $events->links() }}</div>
@endsection