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

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

<div class="space-y-2">
    @php $racesSeen = collect(); @endphp
    @foreach ($results as $result)
        @php $race = $result->participant->race; @endphp
        @if (!$racesSeen->contains($race->id))
            @php $racesSeen->push($race->id) @endphp
            <div class="card flex items-center justify-between p-4">
                <div>
                    <p class="font-semibold">{{ $race->name }}</p>
                    <p class="text-sm text-ink/50">{{ $race->starts_at->format('d M Y') }}</p>
                </div>
                <div class="flex items-center gap-2">
                    <form action="{{ route('admin.results.approve', $race) }}" method="POST">@csrf<button class="rounded-md bg-green-600 px-3 py-1.5 text-sm text-white">{{ __('admin.approve_all_official') }}</button></form>
                    <button type="button" data-toggle-target="res-rej-{{ $race->id }}" class="rounded-md bg-red-600 px-3 py-1.5 text-sm text-white">{{ __('admin.reject') }}</button>
                </div>
            </div>
            <form id="res-rej-{{ $race->id }}" action="{{ route('admin.results.reject', $race) }}" method="POST" class="hidden flex gap-2 pl-4">
                @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') }}</button>
            </form>
        @endif
    @endforeach
    @if ($results->isEmpty())
        <p class="text-ink/40">—</p>
    @endif
</div>
<div class="mt-6">{{ $results->links() }}</div>
@endsection