{% sw_extends "@Storefront/storefront/layout/header/search.html.twig" %}
{% block layout_header_search_button %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct children of `input-group` #}
{% if feature('v6.5.0.0') %}
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' style {
'size': 's',
'namespace': 'JansenZadenTheme',
'class': 'theme-icons',
} %}
</span>
</button>
{% else %}
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' style {
'size': 's',
'namespace': 'JansenZadenTheme',
'class': 'theme-icons',
} %}
</span>
</button>
</div>
{% endif %}
{% endblock %}
{% block layout_header_search %}
<div class="header-search">
<form action="{{ path('frontend.search.page') }}"
method="get"
data-search-form="true"
data-search-widget-options='{{ searchWidgetOptions|json_encode }}'
data-url="{{ path('frontend.search.suggest') }}?search="
class="header-search-form">
{% block layout_header_search_input_group %}
{{ parent() }}
{% endblock %}
</form>
</div>
{% endblock %}