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

{% set searchTerm = body.filterParams.search %}

{% block main %}
   <twig:Search:View
         baseFilterParams="{{ body.baseFilterParams }}"
         filterParams="{{ body.filterParams }}"
         dynamicFilterAttributes="{{ body.dynamicFilterConfiguration }}"
   >
      <twig:block name="container">
         {% if not searchTerm %}
           <twig:Search:Form/>
         {% else %}
            <h1>Vyhledávání „{{ searchTerm }}“</h1>

            {% set searchListThis = this %}
            <twig:Search:Tabs>
               <twig:Search:Tabs:Tab identifier="products" name="Produkty" count="{{ searchListThis.pager.total }}" active="true">
                  {% if searchListThis.products|length %}
                     <twig:Section:Filter baseFilterParams="{{ searchListThis.baseFilterParams }}" dynamicFilter="{{ searchListThis.dynamicFilter }}" />
                     {{ include('block.productList.html.twig', {products: searchListThis.products}) }}
                     <twig:Pager pager="{{ searchListThis.pager }}" show_load_more_button="{{ true }}" />
                  {% else %}
                     <p>V této sekci jsme nenašli žádné výsledky odpovídající vašemu hledání.</p>
                  {% endif %}
               </twig:Search:Tabs:Tab>

               <twig:Search:Tabs:Tab identifier="sections" name="Kategorie" count="{{ searchListThis.sections|length }}">
                  {% if searchListThis.sections|length %}
                     <twig:Search:Results:TileItems items="{{ searchListThis.sections }}" type="category"/>
                  {% else %}
                     <p>V této sekci jsme nenašli žádné výsledky odpovídající vašemu hledání.</p>
                  {% endif %}
               </twig:Search:Tabs:Tab>

               <twig:Search:Tabs:Tab identifier="producers" name="Značky" count="{{ searchListThis.producers|length }}">
                  {% if searchListThis.producers|length %}
                     <twig:Search:Results:TileItems items="{{ searchListThis.producers }}" type="producer"/>
                  {% else %}
                     <p>V této sekci jsme nenašli žádné výsledky odpovídající vašemu hledání.</p>
                  {% endif %}
               </twig:Search:Tabs:Tab>

               <twig:Search:Tabs:Tab identifier="pages" name="Stránky" count="{{ searchListThis.pages|length }}">
                  {% if searchListThis.pages|length %}
                     <ul class="list-triangle">
                        {% for page in searchListThis.pages %}
                           <li><a href="{{ page.url }}">{{ page.name }}</a></li>
                        {% endfor %}
                     </ul>
                  {% else %}
                     <p>V této sekci jsme nenašli žádné výsledky odpovídající vašemu hledání.</p>
                  {% endif %}
               </twig:Search:Tabs:Tab>

               <twig:Search:Tabs:Tab identifier="articles" name="Blog" count="{{ searchListThis.articleIds|length }}">
                  {% if searchListThis.articleIds|length %}
                     <twig:GenericPager :objects="searchListThis.articleIds" :perPage="9">
                        {# todo: trochu hack s 'class="c-articles"' #}
                        <twig:Search:ArticlesList articleIds="{{ this.pagedObjects }}" class="c-articleslist" />
                     </twig:GenericPager>
                  {% else %}
                     <p>V této sekci jsme nenašli žádné výsledky odpovídající vašemu hledání.</p>
                  {% endif %}
               </twig:Search:Tabs:Tab>
            </twig:Search:Tabs>
         {% endif %}
      </twig:block>
   </twig:Search:View>
{% endblock %}