{% sw_extends '@Storefront/storefront/layout/header/search.html.twig' %}
{% set config = config('WexoRelewiseSearch').config %}
{% set fullPageConstant = constant('Wexo\\RelewiseSearch\\Service\\ConfigService::SEARCH_FULL_PAGE_ENABLED') %}
{% block layout_header_search_input_group %}
{% if config[fullPageConstant] %}
<div class="search-header container">
<div class="row align-items-center">
<div class="col-12 col-lg-auto header-logo-col row p-0">
<div class="col">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
<div class="col-auto d-md-none search-header-close js-search-header-close">
{% sw_icon 'x' style { 'size': 'md', 'pack': 'solid' } %}
</div>
</div>
<div class="search-header__search-container w-100">
{{ parent() }}
<div class="col-auto d-none d-md-block search-header-close js-search-header-close px-2">
{% sw_icon 'x' style { 'size': 'md', 'pack': 'solid' } %}
</div>
</div>
</div>
</div>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block layout_header_search_input %}
{% if config[fullPageConstant] %}
{% set typeAheadConfig = {
typeAheadContainerSelector: '.search-type-ahead'
} %}
<input type="search"
name="search"
class="form-control header-search-input"
autocomplete="off"
autocapitalize="off"
placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
data-relewise-type-ahead="true"
data-relewise-type-ahead-options="{{ typeAheadConfig|json_encode }}"
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
value="{{ page.searchTerm }}"
>
<div class="search-type-ahead form-control"></div>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}