@extends('layouts.admin')
@section('title', 'Clubs')

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">დასამტკიცებელი კლუბები</h1>

<div class="space-y-2">
    @forelse ($clubs as $club)
        <div class="card flex items-center justify-between p-4">
            <div>
                <p class="font-semibold">{{ $club->name }}</p>
                <p class="text-sm text-ink/50">{{ $club->city }}, {{ $club->region }}</p>
            </div>
            <div class="flex items-center gap-2">
                <form action="{{ route('admin.clubs.approve', $club) }}" 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="c-rej-{{ $club->id }}" class="rounded-md bg-red-600 px-3 py-1.5 text-sm text-white">{{ __('admin.reject') }}</button>
            </div>
        </div>
        <form id="c-rej-{{ $club->id }}" action="{{ route('admin.clubs.reject', $club) }}" method="POST" class="hidden -mt-1 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>
    @empty
        <p class="text-ink/40">{{ __('admin.no_pending') }}</p>
    @endforelse
</div>
<div class="mt-6">{{ $clubs->links() }}</div>
@endsection