@extends('layouts.admin')
@section('title', __('admin.races'))

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('admin.pending_races') }}</h1>

<div class="space-y-2">
    @forelse ($races as $race)
        <div class="card p-4">
            <div class="flex items-center justify-between">
                <div>
                    <p class="font-semibold">{{ $race->name }}</p>
                    <p class="text-sm text-ink/50">{{ $race->organizer->organization_name }} — {{ $race->starts_at->format('d M Y') }}</p>
                </div>
                <div class="flex items-center gap-2">
                    <form action="{{ route('admin.races.approve', $race) }}" method="POST">@csrf<button class="rounded-md bg-green-600 px-3 py-1.5 text-sm text-white">{{ __('admin.approve') }}</button></form>
                    <button type="button" data-toggle-target="r-rej-{{ $race->id }}" class="rounded-md bg-red-600 px-3 py-1.5 text-sm text-white">{{ __('admin.reject') }}</button>
                    <button type="button" data-toggle-target="r-rev-{{ $race->id }}" class="rounded-md bg-gold px-3 py-1.5 text-sm text-ink">{{ __('admin.request_changes') }}</button>
                </div>
            </div>
            <form id="r-rej-{{ $race->id }}" action="{{ route('admin.races.reject', $race) }}" method="POST" class="mt-2 hidden flex gap-2">
                @csrf
                <input type="text" name="reason" required class="flex-1 rounded-md border border-ink/15 px-3 py-1.5 text-sm">
                <button class="rounded-md bg-red-600 px-3 py-1.5 text-sm text-white">{{ __('admin.confirm_reject') }}</button>
            </form>
            <form id="r-rev-{{ $race->id }}" action="{{ route('admin.races.request-changes', $race) }}" method="POST" class="mt-2 hidden flex gap-2">
                @csrf
                <input type="text" name="note" required placeholder="e.g. please specify exact location" class="flex-1 rounded-md border border-ink/15 px-3 py-1.5 text-sm">
                <button class="rounded-md bg-gold px-3 py-1.5 text-sm text-ink">{{ __('admin.send') }}</button>
            </form>
        </div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
<div class="mt-6">{{ $races->links() }}</div>
@endsection