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

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

<div class="grid gap-3 sm:grid-cols-2">
    @forelse ($favorites as $fav)
        <div class="card flex items-center justify-between p-3">
            <span>{{ $fav->favoritable->name ?? $fav->favoritable->user?->fullName() ?? '—' }}</span>
            <form action="{{ route('dashboard.favorites.toggle', ['locale' => app()->getLocale()]) }}" method="POST">
                @csrf
                <input type="hidden" name="type" value="{{ str(class_basename($fav->favoritable_type))->lower() === 'jockeyprofile' ? 'jockey' : (str(class_basename($fav->favoritable_type))->lower() === 'race' ? 'race' : 'horse') }}">
                <input type="hidden" name="id" value="{{ $fav->favoritable_id }}">
                <button type="submit" class="text-sm text-red-600 hover:underline">{{ __('messages.action_delete') }}</button>
            </form>
        </div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
@endsection