<div class="header__search-collapse js-search-collapse">
    <button type="submit" title="Zoeken" class="header__search-submit header__nav-button--search button--primary js-header-search-button">
        <i class="header__nav-button-icon">{{ icon('search') }}</i>
        <span class="header__search-description hide-item">Zoeken</span>
    </button>
    <form class="header__search-form js-header-search" method="get" role="search" action="{{ site.url }}">
        <label for="searchinput" class="header__search-description hide-item">Zoeken</label>
        <input class="header__search-input js-search-input" type="text" id="searchinput" placeholder="zoeken..." name="s" value="{{ search_query }}" tabindex="-1">
        <button type="submit" class="header__nav-button--search button-search button--primary" tabindex="-1">
            <i class="header__nav-button-icon">{{ icon('search') }}</i>
            <span class="hide-item">Zoeken</span>
        </button>
    </form>
</div>
