<div class="overlay-search">
<div class="overlay-search-top">
<form method="get" action="{{ path('app_search_result') }}" data-url="{{ path('app_search_result_preview') }}">
<input class="search" type="text" name="search" placeholder="Votre recherche" />
</form>
<button class="close">
<img src="{{ asset('webapic-theme/images/icon-close.svg') }}" class="ui image" />
</button>
</div>
<div class="overlay-search-content">
<div class="top">
<div class="default">
<span class="title">{{ 'app.front.block.search.part1'|trans }}</span>
<ul>
{% for suggest in search.getSearchSuggestText() %}
<li><a href="{{ path('app_search_result', {'search': suggest.name}) }}">{{ suggest.name }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="content">
<div class="default">
<span class="title">{{ 'app.front.block.search.part2'|trans }}</span>
<div class="products">
<div class="listing1">
{% include 'partials/block-search-products.html.twig' with {'products': search.getSearchSuggestProductVariant()} only %}
</div>
</div>
</div>
</div>
<div class="content result">
<div class="default">
<span class="title">{{ 'app.front.block.search.part3'|trans }}</span>
<div class="products">
<div class="listing1">
{% include 'partials/block-search-products.html.twig' with {'products': search.getSearchSuggestProductVariant()} only %}
</div>
</div>
</div>
</div>
</div>
</div>