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

{% block title %}
  Rechercher
{% endblock %}
{% block ogtitle %}
  Rechercher
{% endblock %}
{% block twittertitle %}
  Rechercher
{% endblock %}

{% block body %}
  <div class="search style-2">
    {% if htmlmn is empty %}
      <div class="search-header">
        <div class="search-title">
          <p class="h2">Aucun résultat trouvée</p>
        </div>
      </div>
      <div class="search-content not-found">
        <div class="container">
          <p>
            Nous sommes désolés, aucun produit n'a été trouvé{% if input_text is defined %}
              pour votre recherche "{{ input_text }}"
            {% endif %}
          </p>
          <p class="h5 mt-3 mb-3">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>
      </div>
    {% else %}
      <div class="search-header">
        <div class="search-title">
          <p class="h2">Les résultats de votre recherche</p>
        </div>
      </div>

      <div class="search-content">
        <div class="container">
          <table class="initial-hide" id="searchtable" data-page-length="10">
            <thead>
              <tr>
                <th></th>
              </tr>
            </thead>
            <tbody>{{ htmlmn|removeVar|raw }}</tbody>
          </table>
        </div>
      </div>
    {% endif %}
  </div>
{% endblock %}

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

  <script src="{{ asset('assets/js/_init/search-jquery-table.min.js?v0=0.02') }}"></script>
  <script src="{{ asset('node_modules/datatables.net/js/jquery.dataTables.min.js?v0=0.02') }}" type="text/javascript" charset="utf8"></script>
{% endblock %}