{{--
    Панель фильтров каталога (ТЗ §8.5) — боковая колонка по макету
    `design/new design and ui`.

    Обычная HTML-форма с GET: фильтры остаются в URL, ссылку можно отправить,
    а робот видит ту же выдачу, что и человек (ТЗ §8.3, §18.1). Имена полей
    менять нельзя — по ним разбирается запрос.
--}}
@props(['city', 'filters', 'cuisines', 'features'])

<form method="GET" action="{{ route('catalog.city', $city->slug) }}"
      class="card grid gap-6 p-5 lg:sticky lg:top-6">

    @if ($filters->hasCoordinates())
        <input type="hidden" name="lat" value="{{ $filters->latitude }}">
        <input type="hidden" name="lon" value="{{ $filters->longitude }}">
    @endif

    <div>
        <div class="mb-3 text-[13px] font-bold">Поиск</div>
        <input type="search" name="q" value="{{ $filters->query }}" placeholder="Название, кухня, район"
               class="field h-11 text-sm">
    </div>

    <div>
        <div class="mb-3 text-[13px] font-bold">Свободно</div>
        <div class="grid gap-2.5">
            <label class="block">
                <span class="field-label">Дата</span>
                <input type="date" name="date" value="{{ $filters->from->toDateString() }}"
                       min="{{ now($city->timezone)->toDateString() }}" class="field h-11 text-sm">
            </label>

            <div class="grid grid-cols-2 gap-2.5">
                <label class="block">
                    <span class="field-label">Время</span>
                    <input type="time" name="time" value="{{ $filters->from->format('H:i') }}" step="1800"
                           class="field h-11 text-sm">
                </label>

                <label class="block">
                    <span class="field-label">Гостей</span>
                    <select name="guests" class="field h-11 text-sm">
                        @for ($i = config('restomesto.booking.min_guests'); $i <= config('restomesto.booking.max_guests'); $i++)
                            <option value="{{ $i }}" @selected($filters->guestCount === $i)>{{ $i }}</option>
                        @endfor
                    </select>
                </label>
            </div>

            <label class="flex cursor-pointer items-center gap-2.5 text-sm text-ink-70">
                <input type="checkbox" name="available" value="1" @checked($filters->onlyAvailable)
                       class="size-[17px] accent-primary">
                Только со свободными столами
            </label>

            <label class="flex cursor-pointer items-center gap-2.5 text-sm text-ink-70">
                <input type="checkbox" name="open_now" value="1" @checked($filters->openNow)
                       class="size-[17px] accent-primary">
                Открыто сейчас
            </label>
        </div>
    </div>

    <div>
        <div class="mb-3 text-[13px] font-bold">Кухня</div>
        <select name="cuisine" class="field h-11 text-sm">
            <option value="">Любая</option>
            @foreach ($cuisines as $cuisine)
                <option value="{{ $cuisine->slug }}" @selected(in_array($cuisine->slug, $filters->cuisines, true))>
                    {{ $cuisine->name }}
                </option>
            @endforeach
        </select>
    </div>

    <div>
        <div class="mb-3 text-[13px] font-bold">Средний чек, ₽</div>
        <div class="flex items-center gap-2">
            <input type="number" name="bill_min" min="0" step="100" value="{{ $filters->billMin }}" placeholder="от"
                   class="field h-11 text-sm">
            <span class="text-ink-40">—</span>
            <input type="number" name="bill_max" min="0" step="100" value="{{ $filters->billMax }}" placeholder="до"
                   class="field h-11 text-sm">
        </div>
    </div>

    <div>
        <div class="mb-3 text-[13px] font-bold">Рейтинг</div>
        <select name="rating" class="field h-11 text-sm">
            <option value="">Любой</option>
            @foreach ([4.5, 4, 3.5, 3] as $value)
                <option value="{{ $value }}" @selected($filters->ratingMin !== null && abs($filters->ratingMin - $value) < 0.01)>
                    от {{ number_format($value, 1, ',', '') }}
                </option>
            @endforeach
        </select>
    </div>

    @if ($filters->hasCoordinates())
        <div>
            <div class="mb-3 text-[13px] font-bold">Расстояние</div>
            <select name="distance" class="field h-11 text-sm">
                <option value="">Любое</option>
                @foreach ([1, 3, 5, 10] as $km)
                    <option value="{{ $km }}" @selected($filters->distanceKm === $km)>до {{ $km }} км</option>
                @endforeach
            </select>
        </div>
    @endif

    @if ($features->isNotEmpty())
        <fieldset>
            <legend class="mb-3 text-[13px] font-bold">Особенности</legend>
            <div class="grid gap-2.5">
                @foreach ($features as $feature)
                    <label class="flex cursor-pointer items-center gap-2.5 text-sm text-ink-70">
                        <input type="checkbox" name="feature[]" value="{{ $feature->slug }}"
                               @checked(in_array($feature->slug, $filters->features, true))
                               class="size-[17px] accent-primary">
                        {{ $feature->name }}
                    </label>
                @endforeach
            </div>
        </fieldset>
    @endif

    <div class="grid gap-3">
        <button type="submit" class="btn btn-primary w-full">Показать</button>

        @if ($filters->hasActiveFilters())
            <a href="{{ route('catalog.city', $city->slug) }}"
               class="text-left text-sm font-semibold text-primary-hover no-underline hover:no-underline">
                Сбросить фильтры
            </a>
        @endif
    </div>
</form>