@extends('layouts.app')
@section('title', 'საცხენოსნო კლუბები')

@section('content')
<div class="mx-auto max-w-6xl px-4 py-10">
    <h1 class="mb-6 font-display text-3xl font-bold">საცხენოსნო კლუბები</h1>

    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
        @forelse ($clubs as $club)
            <a href="{{ $club->publicUrl() }}" class="card p-4 hover:border-gold hover:shadow-md">
                <div class="h-16 w-16 overflow-hidden rounded-lg bg-forest/10">
                    @if ($club->logo_path)
                        <img src="{{ Illuminate\Support\Facades\Storage::disk('public')->url($club->logo_path) }}" alt="{{ $club->name }}" class="h-full w-full object-cover">
                    @endif
                </div>
                <h2 class="mt-3 font-display font-semibold">{{ $club->name }}</h2>
                <p class="text-sm text-ink/60">{{ $club->city }}, {{ $club->region }}</p>
                <p class="mt-2 text-xs text-ink/40">{{ $club->horses()->where('status','approved')->count() }} ცხენი · {{ $club->jockeys()->count() }} ჟოკეი</p>
            </a>
        @empty
            <p class="text-ink/40">კლუბები ჯერ არ არის დამატებული.</p>
        @endforelse
    </div>

    <div class="mt-8">{{ $clubs->links() }}</div>
</div>
@endsection