{{--
    Строка поиска.

    Форма работает без JavaScript: это обычный GET на /search. Скрипт
    подсказок подключается только тогда, когда владелец включил быстрый
    поиск, — и только он, никаких библиотек.

    ⚠️ Раньше разметка была на Alpine, которого на страницах сайта нет вовсе:
    подсказки не работали ни на одном сайте, и это не было видно, потому что
    форма без них ищет по Enter как обычно.
--}}
<div class="kz-searchbox" @if ($suggest) data-kz-suggest @endif>
    <form class="kz-searchbox__form" method="get" action="/search" role="search">
        <input class="kz-searchbox__field"
               type="search"
               name="q"
               autocomplete="off"
               value="{{ request()->query('q') }}"
               placeholder="{{ $placeholder }}"
               aria-label="{{ $placeholder }}"
               @if ($suggest) data-kz-suggest-field @endif>

        @if ($button !== '')
            <button class="kz-button kz-searchbox__button" type="submit">{{ $button }}</button>
        @endif
    </form>

    @if ($suggest)
        <ul class="kz-searchbox__suggestions" data-kz-suggest-list hidden></ul>

        <script src="{{ \Korzilla\Core\Http\BaseStyles::suggestUrl() }}" defer></script>
    @endif
</div>