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

@section('dashboard_content')
<div class="mb-6 flex items-center justify-between">
    <h1 class="font-display text-2xl font-bold">ჩემი დოღები</h1>
    <a href="{{ route('dashboard.organizer.races.create', ['locale' => app()->getLocale()]) }}" class="btn-primary">+ {{ __('messages.action_add') }}</a>
</div>

<p class="mb-6 text-sm text-ink/60">დარჩენილი დოღის განთავსება: <strong>{{ $remainingPostings ?? __('messages.billing_unlimited') }}</strong>
    @if ($remainingPostings === 0)
        — <a href="{{ route('pricing.index', ['locale' => app()->getLocale()]) }}" class="font-semibold text-gold-dark underline">შეძენა</a>
    @endif
</p>

<div class="space-y-2">
    @forelse ($races as $race)
        <div class="card flex items-center justify-between p-4">
            <div>
                <a href="{{ route('dashboard.organizer.races.edit', ['locale' => app()->getLocale(), 'race' => $race]) }}" class="font-display font-semibold hover:text-forest">{{ $race->name }}</a>
                <p class="text-sm text-ink/50">{{ $race->starts_at->translatedFormat('d M Y, H:i') }}</p>
            </div>
            <div class="flex items-center gap-3">
                <span class="status-pill bg-forest/10 text-forest">{{ __('messages.status_'.$race->status) }}</span>
                @if ($race->status === 'draft')
                    <form action="{{ route('dashboard.organizer.races.submit', ['locale' => app()->getLocale(), 'race' => $race]) }}" method="POST">
                        @csrf
                        <button class="text-sm text-forest hover:underline">{{ __('messages.action_submit') }}</button>
                    </form>
                @endif
                <a href="{{ route('dashboard.organizer.participants.index', ['locale' => app()->getLocale(), 'race' => $race]) }}" class="text-sm text-ink/60 hover:underline">{{ __('messages.race_participants') }}</a>
                <a href="{{ route('dashboard.organizer.results.edit', ['locale' => app()->getLocale(), 'race' => $race]) }}" class="text-sm text-ink/60 hover:underline">{{ __('messages.race_results') }}</a>
            </div>
        </div>
    @empty
        <p class="text-ink/40">—</p>
    @endforelse
</div>
<div class="mt-6">{{ $races->links() }}</div>
@endsection