@extends('layouts.dashboard')
@section('title', __('messages.horses_title'))

@section('dashboard_content')
<div class="mb-6 flex items-center justify-between">
    <h1 class="font-display text-2xl font-bold">{{ __('messages.horses_title') }}</h1>
    @if ($canAdd)
        <a href="{{ route('dashboard.owner.horses.create', ['locale' => app()->getLocale()]) }}" class="btn-primary">+ {{ __('messages.action_add') }}</a>
    @endif
</div>

<p class="mb-6 text-sm text-ink/60">{{ __('messages.billing_remaining_horse_slots') }}: <strong>{{ $remainingSlots ?? __('messages.billing_unlimited') }}</strong></p>

@unless ($canAdd)
    <div class="mb-6 rounded-md border border-gold/40 bg-gold/10 p-4 text-sm">
        ლიმიტი ამოწურულია. <a href="{{ route('pricing.index', ['locale' => app()->getLocale()]) }}" class="font-semibold underline">შეიძინეთ დამატებითი slot</a>.
    </div>
@endunless

<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>
            <a href="{{ route('dashboard.owner.transfers.create', ['locale' => app()->getLocale(), 'horse' => $horse]) }}" class="mt-3 block text-xs text-forest hover:underline">მფლობელობის გადაცემა →</a>
        </div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
<div class="mt-6">{{ $horses->links() }}</div>
@endsection