@extends('layouts.app')
@section('title', $listing->title)

@section('content')
<div class="mx-auto max-w-3xl px-4 py-10">
    <h1 class="font-display text-3xl font-bold">{{ $listing->title }}</h1>
    <p class="mt-2 font-mono text-2xl font-bold text-forest">
        {{ $listing->price ? number_format($listing->price, 0).' '.$listing->currency : 'ფასი შეთანხმებით' }}
    </p>

    @php $photos = $listing->media()->where('type', 'photo')->get(); $video = $listing->media()->where('type', 'video')->first(); @endphp

    @if ($photos->isNotEmpty())
        <div class="mt-6 grid grid-cols-2 gap-2 sm:grid-cols-3">
            @foreach ($photos as $photo)
                <a href="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($photo->path) }}" target="_blank" class="aspect-square overflow-hidden rounded-lg bg-forest/10">
                    <img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($photo->thumbnail_path ?? $photo->path) }}" alt="{{ $listing->title }}" class="h-full w-full object-cover transition hover:scale-105">
                </a>
            @endforeach
        </div>
    @endif

    @if ($video)
        @php $embedUrl = \App\Models\MarketplaceListing::toEmbedUrl($video->external_url); @endphp
        @if ($embedUrl)
            <div class="mt-6 aspect-video overflow-hidden rounded-lg">
                <iframe src="{{ $embedUrl }}" class="h-full w-full" allowfullscreen></iframe>
            </div>
        @else
            <p class="mt-6 text-sm text-ink/50">ვიდეო: <a href="{{ $video->external_url }}" target="_blank" class="text-forest underline">{{ $video->external_url }}</a></p>
        @endif
    @endif

    <div class="mt-6 grid grid-cols-2 gap-4 rounded-lg border border-ink/10 bg-white p-4 sm:grid-cols-4">
        <div><p class="text-xs uppercase text-ink/40">{{ __('messages.horse_breed') }}</p><p class="font-semibold">{{ $listing->breed ?? '—' }}</p></div>
        <div><p class="text-xs uppercase text-ink/40">{{ __('messages.horse_sex') }}</p><p class="font-semibold">{{ $listing->sex ? __('messages.sex_'.$listing->sex) : '—' }}</p></div>
        <div><p class="text-xs uppercase text-ink/40">{{ __('messages.horse_dob') }}</p><p class="font-semibold">{{ $listing->date_of_birth?->format('Y') ?? '—' }}</p></div>
        <div><p class="text-xs uppercase text-ink/40">{{ __('messages.register_city') }}</p><p class="font-semibold">{{ $listing->city ?? '—' }}</p></div>
    </div>

    @if ($listing->description)
        <div class="prose prose-sm mt-6 max-w-none text-ink/80">{!! nl2br(e($listing->description)) !!}</div>
    @endif

    <div class="mt-8 rounded-lg border border-gold/40 bg-gold/5 p-4">
        <h2 class="mb-2 font-display font-semibold">დაკავშირება</h2>
        <p class="text-sm">☎ {{ $listing->contact_phone }}</p>
        @if ($listing->contact_email)
            <p class="text-sm">✉ {{ $listing->contact_email }}</p>
        @endif
    </div>
</div>
@endsection