@extends('layouts.admin')
@section('title', __('admin.horses'))

@section('admin_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('admin.pending_horses') }}</h1>

<div class="space-y-2">
    @forelse ($horses as $horse)
        <div class="card flex items-center justify-between p-4">
            <div>
                <p class="font-semibold">{{ $horse->name }}</p>
                <p class="text-sm text-ink/50">{{ $horse->unique_code }} — {{ $horse->breed }}</p>
            </div>
            <div class="flex items-center gap-2">
                <form action="{{ route('admin.horses.approve', $horse) }}" 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="h-rej-{{ $horse->id }}" class="rounded-md bg-red-600 px-3 py-1.5 text-sm text-white">{{ __('admin.reject') }}</button>
            </div>
        </div>
        <form id="h-rej-{{ $horse->id }}" action="{{ route('admin.horses.reject', $horse) }}" 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">—</p>
    @endforelse
</div>
<div class="mt-6">{{ $horses->links() }}</div>
@endsection