{% trans_default_domain 'front_ec_international' %}

<!-- .search-container -->
<div class="search-container position-relative">

    {% include 'core/webmaster-edit.html.twig' with {
        'title': "Éditer le moteur de recherche"|trans([], 'front_webmaster'),
        'role': 'ROLE_SEARCH',
        'path': path('admin_search_edit', {'website': website.id, 'search': search.id})
    } only %}

    {{ form_start(form, {'attr': {"id": "search-engine-form", "novalidate": "novalidate"}}) }}
        <div class="input-group mb-3">
            {{ form_widget(form.text) }}
            <div class="input-group-append">
                <button type="submit"
                        class="cursor btn btn-outline-primary hbtn hb-fill-right"
                        id="search-engine-submit"
                        data-toggle="preloader">
                    <i class="fas fa-search mr-2"></i>{{ "Rechercher"|trans|raw }}
                </button>
            </div>
        </div>
    {{ form_end(form) }}

    <div id="search-results">

        {% if text %}
            <p class="search-infos mb-4 mt-4 pb-3">
                {% if results.count is defined %}
                    <strong class="count badge badge-primary float-left mr-2">{{ results.count }}</strong>
                {% endif %}
                {% set message = "Aucun résultat par la recherche :"|trans|raw %}
                {% if results.count is defined and results.count == 1 %}
                    {% set message = "Résultat trouvé pour la recherche :"|trans|raw %}
                {% elseif results.count is defined and results.count > 1 %}
                    {% set message = "Résultat(s) trouvé(s) pour la recherche :"|trans|raw %}
                {% endif %}
                <span class="result-title text-primary">{{ message }} <strong>"{{ text }}"</strong></span>
            </p>
        {% endif %}

        {% if results %}

            <div class="tab-content" id="tab-results-content">
                {% for page, pageResults in results %}
                    {% if pageResults.items is defined %}
                        <div class="tab-pane fade{% if loop.first %} show active{% endif %}" id="result-page-{{ loop.index }}" role="tabpanel" aria-labelledby="result-page-tab-{{ loop.index }}">
                            {% if search.filterGroup %}
                                {% include 'front/' ~ websiteTemplate ~ '/actions/search/template/groups.html.twig' %}
                            {% else %}
                                {% include 'front/' ~ websiteTemplate ~ '/actions/search/template/list.html.twig' %}
                            {% endif %}
                        </div>
                    {% endif %}
                {% endfor %}
            </div>

            {% if results|length > 1 %}
                <div class="w-100 text-right mt-4">
                    <ul class="nav nav-tabs d-inline-block pagination" id="tab-results-pagination" role="tablist">
                        {% for page, pageResults in results %}
                            {% if pageResults.items is defined %}
                                <li class="nav-item page-item float-left">
                                    <a class="nav-link page-link{% if loop.first %} active{% endif %}"
                                       id="result-page-tab-{{ loop.index }}"
                                       href="#result-page-{{ loop.index }}"
                                       role="tab"
                                       data-toggle="tab"
                                       aria-controls="result-page-{{ loop.index }}"
                                       aria-selected="true">{{ page }}</a>
                                </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

        {% endif %}

    </div>

</div>
<!-- \.search-container -->