@extends('layouts.app')
@section('title', $club->name)

@section('content')
<div class="mx-auto max-w-4xl px-4 py-10">
    <div class="flex items-center gap-6">
        <div class="h-24 w-24 shrink-0 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>
        <div>
            <h1 class="font-display text-3xl font-bold">{{ $club->name }}</h1>
            <p class="mt-1 text-ink/60">{{ $club->city }}, {{ $club->region }}</p>
        </div>
    </div>

    @if ($club->description)
        <div class="prose prose-sm mt-6 max-w-none text-ink/80">{!! nl2br(e($club->description)) !!}</div>
    @endif

    @if ($club->facilities)
        <div class="mt-6 rounded-lg border border-gold/40 bg-gold/5 p-4">
            <h2 class="mb-2 font-display font-semibold">ტრასა / ბაზა</h2>
            <div class="prose prose-sm max-w-none text-ink/80">{!! nl2br(e($club->facilities)) !!}</div>
        </div>
    @endif

    <h2 class="mb-4 mt-10 font-display text-xl font-bold">{{ __('messages.horses_title') }}</h2>
    <div class="grid gap-4 sm:grid-cols-3">
        @forelse ($club->horses()->where('status', 'approved')->get() as $horse)
            <a href="{{ $horse->publicUrl() }}" class="card p-4 hover:border-gold">
                <h3 class="font-display font-semibold">{{ $horse->name }}</h3>
                <p class="font-mono text-sm text-ink/50">{{ $horse->points }} {{ __('messages.points_short') }}</p>
            </a>
        @empty
            <p class="text-ink/40">—</p>
        @endforelse
    </div>

    <h2 class="mb-4 mt-10 font-display text-xl font-bold">{{ __('messages.jockeys_title') }}</h2>
    <div class="grid gap-4 sm:grid-cols-3">
        @forelse ($jockeys as $jockey)
            <a href="{{ $jockey->publicUrl() }}" class="card p-4 hover:border-gold">
                <h3 class="font-display font-semibold">{{ $jockey->user->fullName() }}</h3>
                <p class="font-mono text-sm text-ink/50">{{ $jockey->points }} {{ __('messages.points_short') }}</p>
            </a>
        @empty
            <p class="text-ink/40">—</p>
        @endforelse
    </div>

    @include('partials.gallery-display', ['gallery' => $club->media()->where('type','photo')->get()])
</div>
@endsection