{% sw_extends '@Storefront/storefront/layout/header/search-form.html.twig' %}
{% block header_serach_from_template %}
<div class="header-search">
<form action="{{ path('frontend.ampc.search') }}"
method="get"
class="header-search-form trim-search-input">
{% block layout_header_search_input_group %}
<div class="input-group">
<div class=" input-group-prepend">
{% set searchKey = "serialNumber" %}
{% if page.searchKeyWord is defined %}
{% set searchKey = page.searchKeyWord %}
{% endif %}
<select class="form-control custom-select header-search-key" name="searchKey" data-dropdown-class="header-search__dropdown">
<option {% if searchKey is same as("serialNumber")%} selected {% endif %} value="serialNumber">{{ "samson.advancedSearch.serialNumber"|trans }}</option>
<option {% if searchKey is same as("materialNumber")%} selected {% endif %}value="materialNumber">{{ "samson.advancedSearch.materialNumber"|trans }}</option>
</select>
</div>
{% block layout_header_search_input %}
<input type="search"
name="keywords"
class="form-control header-search-input"
autocomplete="off"
autocapitalize="off"
placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
>
{% 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="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' %}
</span>
</button>
{% else %}
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
{% sw_icon 'search' style { pack: 'samson', namespace: 'SamsonCustomer' } %}
</button>
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</form>
</div>
{% endblock %}