{% sw_extends '@Storefront/storefront/layout/header/search.html.twig' %}
{#{% set searchWidgetOptions = {#}
{# searchWidgetMinChars: page.header.activeLanguage.productSearchConfig.minSearchLength ?: 3#}
{#} %}#}
{% block layout_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 search_form">#}
class="header-search-form search_form">
{% block layout_header_search_input_group %}
{# <div class="input-group">#}
{% block layout_header_search_input %}
<label>
<span class="label header-search-icon">search</span>
<input type="search"
name="search"
placeholder="What are you looking for..."
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
autocomplete="off"
autocapitalize="off"
class="header-search-input search"
value="{{ page.searchTerm }}"
/>
</label>
{% endblock %}
{% 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="icon_search search_btn"
aria-label="{{ "header.searchButton"|trans|striptags }}"
>
</button>
{# <button type="submit"#}
{# class="btn header-search-btn"#}
{# aria-label="{{ "header.searchButton"|trans|striptags }}">#}
{# <span class="header-search-icon">#}
{# {% sw_icon 'search' %}#}
{# </span>#}
{# </button>#}
{% else %}
<button
type="submit"
class="icon_search search_btn"
aria-label="search"
aria-label="{{ "header.searchButton"|trans|striptags }}">
</button>
{# <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' %}#}
{# </span>#}
{# </button>#}
{# </div>#}
{% endif %}
{% endblock %}
{% endblock %}
</form>
{% endblock %}