{% extends 'base.html.twig' %}

{% block title %}
	Rechercher ...
{% endblock %}

{% block ogtitle %}
	Rechercher ...
{% endblock %}

{% block twittertitle %}
	Rechercher ...
{% endblock %}

{% block body %}
	<div class="search style-1">
		<div class="search-header">
			<p class="h1">Comment pouvons nous vous aider?</p>
			<form class="search-form" method="get" action="{{ path('search') }}">
				<input name="search" class="search-input" placeholder="Rechercher nos article" autofocus/>
				<button class="search-submit">
					<i class="bi bi-search"></i>
				</button>
			</form>
		</div>
		{% if result_null is defined %}
			<div class="search-content">
				<p class="h3">Aucun résultat trouvée</p>
				<p>Nous sommes désolés, aucun produit n'a été trouvé
					{% if input_text is defined %}
						pour votre recherche "{{ input_text }}"</p>
				{% endif %}
				<p class="h4">Astuces de recherche:</p>
				<ul>
					<li>Assurez-vous que tous les mots sont correctement orthographiés</li>
					<li>Essayez d'utiliser moins de mots, par exemple essayez "jupes" et non "jupes pour femmes"</li>
					<li>Essayez d'utiliser des mots plus généraux, par exemple essayez "jupes" et non "sarong"</li>
					<li>Essayez différents mots-clés</li>
					<li>
						Ne commencez pas votre recherche par
						<code>*</code>
						ou un
						<code>?</code>
					</li>
				</ul>
			</div>
		{% endif %}
	</div>
{% endblock %}

{% block javascripts %}
	{{ parent() }}
{% endblock %}