@extends('layouts.app')
@section('title', 'ცხენების გაყიდვა')

@section('content')
<div class="mx-auto max-w-6xl px-4 py-10">
    <h1 class="mb-2 font-display text-3xl font-bold">ცხენების გაყიდვა</h1>
    <p class="mb-6 text-sm text-ink/50">გასაყიდი ცხენების განცხადებები — ცალკეა ოფიციალური დოღის ბაზისგან.</p>

    <form method="GET" class="mb-8 flex flex-wrap gap-3">
        <select name="breed" class="rounded-md border border-ink/15 px-3 py-2 text-sm">
            <option value="">{{ __('messages.horse_breed') }}</option>
            <optgroup label="სუფთა სისხლის">
                @foreach (config('horse_breeds.purebred') as $breed)
                    <option value="{{ $breed['ka'] }}" @selected(request('breed') === $breed['ka'])>{{ $breed['ka'] }}</option>
                @endforeach
            </optgroup>
            <optgroup label="ნახევარსისხლიანი">
                @foreach (config('horse_breeds.half_blood') as $breed)
                    <option value="{{ $breed['ka'] }}" @selected(request('breed') === $breed['ka'])>{{ $breed['ka'] }}</option>
                @endforeach
            </optgroup>
            <optgroup label="დაბალსისხლიანი">
                @foreach (config('horse_breeds.low_blood') as $breed)
                    <option value="{{ $breed['ka'] }}" @selected(request('breed') === $breed['ka'])>{{ $breed['ka'] }}</option>
                @endforeach
            </optgroup>
            <optgroup label="შერეული / უჯიშო">
                @foreach (config('horse_breeds.mixed') as $breed)
                    <option value="{{ $breed['ka'] }}" @selected(request('breed') === $breed['ka'])>{{ $breed['ka'] }}</option>
                @endforeach
            </optgroup>
        </select>
        <select name="sex" class="rounded-md border border-ink/15 px-3 py-2 text-sm">
            <option value="">{{ __('messages.horse_sex') }}</option>
            @foreach (['male','female','gelding'] as $sex)
                <option value="{{ $sex }}" @selected(request('sex') === $sex)>{{ __('messages.sex_'.$sex) }}</option>
            @endforeach
        </select>
        <select name="region" class="rounded-md border border-ink/15 px-3 py-2 text-sm">
            <option value="">{{ __('messages.register_region') }}</option>
            @foreach (array_keys(config('georgia_locations')) as $region)
                <option value="{{ $region }}" @selected(request('region') === $region)>{{ $region }}</option>
            @endforeach
        </select>
        <input type="text" name="city" value="{{ request('city') }}" placeholder="ქალაქი/სოფელი"
               class="rounded-md border border-ink/15 px-3 py-2 text-sm">
        <button type="submit" class="btn-outline !border-ink/20 !text-ink hover:!border-forest hover:!text-forest">{{ __('messages.action_view') }}</button>
    </form>

    @auth
        <a href="{{ route('dashboard.marketplace.create', ['locale' => app()->getLocale()]) }}" class="btn-primary mb-8 inline-block">+ ჩემი ცხენის გაყიდვა</a>
    @endauth

    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
        @forelse ($listings as $listing)
            <a href="{{ route('marketplace.show', ['locale' => app()->getLocale(), 'listing' => $listing]) }}" class="card overflow-hidden hover:border-gold hover:shadow-md">
                @php $cover = $listing->coverPhoto(); @endphp
                <div class="aspect-[4/3] w-full bg-forest/10">
                    @if ($cover)
                        <img src="{{ Illuminate\Support\Facades\Storage::disk('public')->url($cover->thumbnail_path ?? $cover->path) }}" alt="{{ $listing->title }}" class="h-full w-full object-cover">
                    @endif
                    @if ($listing->is_vip)
                        <span class="relative -mt-8 ml-2 inline-block rounded-full bg-gold px-2 py-0.5 text-xs font-bold text-ink">⭐ VIP</span>
                    @endif
                </div>
                <div class="p-4">
                    <h2 class="font-display font-semibold">{{ $listing->title }}</h2>
                    <p class="mt-1 text-sm text-ink/60">{{ $listing->breed }} · {{ $listing->sex ? __('messages.sex_'.$listing->sex) : '' }} · {{ $listing->city }}</p>
                    <p class="mt-3 font-mono text-lg font-bold text-forest">
                        {{ $listing->price ? number_format($listing->price, 0).' '.$listing->currency : 'ფასი შეთანხმებით' }}
                    </p>
                </div>
            </a>
        @empty
            <p class="text-ink/40">გასაყიდი ცხენები ჯერ არ არის დამატებული.</p>
        @endforelse
    </div>

    <div class="mt-8">{{ $listings->links() }}</div>
</div>
@endsection