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

@section('dashboard_content')
<div class="mb-6 flex items-center justify-between">
    <h1 class="font-display text-2xl font-bold">{{ $club->name }} — ცხენები</h1>
    <a href="{{ route('dashboard.club.horses.create', ['locale' => app()->getLocale()]) }}" class="btn-primary">+ {{ __('messages.action_add') }}</a>
</div>

<div class="grid gap-3 sm:grid-cols-2">
    @forelse ($horses as $horse)
        <div class="card p-4">
            <p class="font-mono text-xs text-ink/40">{{ $horse->unique_code }}</p>
            <h2 class="font-display font-semibold">{{ $horse->name }}</h2>
            <span class="status-pill mt-2 {{ $horse->status === 'approved' ? 'bg-green-100 text-green-800' : 'bg-gold/20 text-gold-dark' }}">{{ __('messages.status_'.$horse->status) }}</span>
        </div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
<div class="mt-6">{{ $horses->links() }}</div>
@endsection