{{--
    Карточка заведения в сетке (ТЗ §8.4), разметка по макету
    `design/new design and ui`.

    Показывает всё, по чему гость выбирает: фото, кухню, чек, рейтинг,
    статус работы и доступность. Устаревшая доступность помечается честно —
    выдавать её за актуальную нельзя.
--}}
@props([
    'venue',
    'availability' => null,
    'isOpen' => null,
    'distance' => null,
    'isFavorite' => null,
])

@php
    $rating = $venue->rating;
    $hasRating = $rating !== null && $rating->reviews_count > 0;
    $photo = $venue->profile?->primaryPhoto?->previewUrl();
    $status = $availability?->status;

    // Состояние избранного берётся из общего списка гостя: спрашивать базу на
    // каждую карточку — это N+1 на странице каталога (ТЗ §19.1).
    $favorite = $isFavorite ?? (($favorites ?? null)?->has($venue->id) ?? false);

    // Мета одной строкой, как в макете: кухня · чек · адрес.
    $meta = collect([
        $venue->cuisines->first()?->name,
        $venue->profile?->average_bill ? $venue->profile->averageBillForHumans() : null,
        $venue->address,
    ])->filter()->implode(' · ');

    $slots = $availability?->nearestSlotsForHumans($venue->timezone) ?? [];
@endphp

<article class="card card-hover flex h-full flex-col overflow-hidden">
    <div class="relative h-40 shrink-0">
        <a href="{{ $venue->publicPath() }}" class="block h-full">
            @if ($photo)
                <img src="{{ $photo }}"
                     alt="{{ $venue->name }} — {{ $venue->address }}"
                     width="480" height="320" loading="lazy" decoding="async"
                     class="h-full w-full object-cover">
            @else
                <span class="photo-placeholder flex h-full w-full">
                    <span class="font-mono text-[11px] text-ink-40">{{ $venue->name }}</span>
                </span>
            @endif
        </a>

        <x-favorite-button :venue="$venue" :is-favorite="$favorite" overlay
                           class="absolute right-3 top-3" />
    </div>

    <div class="flex flex-1 flex-col p-4">
        <div class="flex items-baseline justify-between gap-2.5">
            <h3 class="text-[17px] font-bold leading-tight">
                <a href="{{ $venue->publicPath() }}" class="text-ink no-underline hover:text-primary-hover hover:no-underline">
                    {{ $venue->name }}
                </a>
            </h3>

            @if ($hasRating)
                <span class="inline-flex shrink-0 items-center gap-1 font-mono text-[13px] font-medium">
                    <svg width="11" height="11" viewBox="0 0 12 12" fill="#FF5A1F" aria-hidden="true">
                        <path d="M6 0.5l1.6 3.4 3.6.5-2.6 2.6.6 3.7L6 9l-3.2 1.7.6-3.7L.8 4.4l3.6-.5z" />
                    </svg>
                    {{ number_format((float) $rating->average_rating, 1, ',', '') }}
                </span>
            @endif
        </div>

        <div class="mt-[5px] text-[13px] text-ink-60">
            {{ $meta }}
            @if ($distance !== null)
                · {{ $distance < 1 ? round($distance * 1000).' м' : number_format($distance, 1, ',', '').' км' }}
            @endif
        </div>

        <div class="mt-[3px] flex flex-wrap items-center gap-x-2 text-[13px] text-ink-40">
            <span>
                {{ $hasRating
                    ? trans_choice(':count отзыв|:count отзыва|:count отзывов', $rating->reviews_count, ['count' => $rating->reviews_count])
                    : 'Нет отзывов' }}
            </span>

            @if ($isOpen !== null)
                <span>·</span>
                <span class="{{ $isOpen ? 'text-success' : '' }}">{{ $isOpen ? 'Открыто' : 'Закрыто' }}</span>
            @endif

            @if ($status && $status !== \App\Domain\Availability\Enums\AvailabilityStatus::Unknown)
                <span>·</span>
                <span @class([
                    'text-success' => $status->isBookable() && $status !== \App\Domain\Availability\Enums\AvailabilityStatus::FewLeft,
                    'text-primary-hover' => $status === \App\Domain\Availability\Enums\AvailabilityStatus::FewLeft,
                    'text-danger' => ! $status->isBookable(),
                ])>{{ $status->label() }}</span>
            @endif
        </div>

        @if ($slots !== [])
            <div class="mb-4 mt-3.5 flex flex-wrap gap-1.5">
                @foreach ($slots as $slot)
                    <a href="{{ $venue->publicPath() }}" class="slot no-underline hover:no-underline">{{ $slot }}</a>
                @endforeach
            </div>
        @endif

        <a href="{{ $venue->publicPath() }}"
           @class([
               'btn mt-auto w-full no-underline hover:no-underline',
               'btn-primary' => $status?->isBookable() ?? true,
               'btn-secondary' => ($status?->isBookable() ?? true) === false,
           ])>
            {{ ($status?->isBookable() ?? true) ? 'Забронировать' : 'Смотреть карточку' }}
        </a>
    </div>
</article>