{% sw_extends '@Storefront/storefront/layout/header/search.html.twig' %}
{% block layout_header_search %}
<div class="collapse"
id="searchCollapse">
<div class="header-search row justify-content-md-center">
<form action="{{ path('frontend.search.page') }}"
method="get"
data-search-form="true"
data-url="{{ path('frontend.search.suggest') }}?search="
class="header-search-form col-12 col-lg-auto">
{% block layout_header_search_input_group %}
<div class="input-group input-group-lg">
{% block layout_header_search_input %}
{{ parent() }}
{% endblock %}
{% block layout_header_search_button %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
</form>
<div class="col-12 col-lg-auto text-center">
<button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
type="button"
data-toggle="collapse"
data-target="#searchCollapse"
aria-expanded="false"
aria-controls="searchCollapse"
aria-label="{{ "header.searchButton"|trans }}">
{% sw_icon 'x' %}
</button>
</div>
</div>
</div>
{% endblock %}