{% set title = title is defined ? title : 'Résultats de recherche' %}

{% if sector is defined and sector.banner %}
{% set thumbnail = sector.banner.thumbnail %}
{% set banner = sector.banner.file %}
{% endif %}
{% import "Default/macros.html.twig" as macros %}
{% import "Macros/agency.html.twig" as agency %}
{% import "Macros/currentAccount.html.twig" as currentaccount %}
{% import "Macros/savingAccount.html.twig" as savingaccount %}

{% macro products(o) %}
{% set route = o.route %}
{% set label = o.label %}
{% set items = o.list %}
    {% for o in items %}
    <aside class="flex col left shadow border-top border-warning border-solid border-5x {{desktop('quarter-20 hz-40-in vt-25-in bottom-40')}} {{mobile("hz-20-in vt-10-in bottom-20")}}">
        <h4 class="h6">{{o.label}}</h4>
        <span class="bottom-15 success p-alt upper">{{label}}</span>
        <a href="{{path(route,{slug:o.slug})}}" class="bg-warning white radius-5 hz-20-in vt-10-in">En savoir plus</a>
    </aside>
    {% endfor %}
{% endmacro %}

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

{% block content %}

{% set countProducts = 0 %}
{% for o in products %}
{% set countProducts = countProducts + o.list|length %}
{% endfor %}

<div id='search' class='gpadding {{desktop("vt-40-in")}} {{mobile(" vt-20-in")}} '>
    <div class='p relative upper semibold flex row nowrap border-bottom border-solid border-1x border-gray {{desktop(" center bottom-30")}} {{mobile("bottom-10 scroll")}}'>
        {% set class="relative os-tab-head nodefault pointer success iflex col middle hz-30 vt-20-in lspacing" %}
        {% if products is defined and products|length %}
        <span data-target='#products' class='{{class}}'>Produits ({{(countProducts)}})</span>
        {% endif %}
        {% if agencies is defined and agencies|length %}
        <span data-target='#agencies' class='{{class}}'>Agences ({{(agencies|length)}})</span>
        {% endif %}
        {% if dabs is defined and dabs|length %}
        <span data-target='#dabs' class='{{class}}'>DABs ({{(dabs|length)}})</span>
        {% endif %}
        {% if articles is defined and articles|length %}
        <span data-target='#articles' class='{{class}}'>Actualités ({{(articles|length)}})</span>
        {% endif %}
        {% if docs is defined and docs|length %}
        <span data-target='#docs' class='{{class}}'>Documents ({{(docs|length)}})</span>
        {% endif %}
        {% if members is defined and members|length %}
        <span data-target='#members' class='{{class}}'>CoDir ({{(members|length)}})</span>
        {% endif %}
        {% if pages is defined and pages|length %}
        <span data-target='#pages' class='{{class}}'>Autres ({{(pages|length)}})</span>
        {% endif %}
    </div>
    <div class='tabs relative {{desktop("flex row space wrap top-20-in bottom-20-in")}} {{mobile("radius-top-20 vt-20-in")}}'>
        {% if products is defined and products|length %}
        <div id='products' class='products os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row space wrap'>
                {% set k = 0 %}
                {% for o in products %}
                {{ _self.products(o) }}
                {% set k = k + o.list|length %}
                {% endfor %}

                {% if isDesktop() and (k|length % 4) %}
                {% for o in 1..(4 - k|length % 4) %}
                <i class="quarter-20"></i>
                {% endfor %}
                {% endif %}
            </div>
        </div>
        {% endif %}
        {% if agencies is defined and agencies|length %}
        <div id='agencies' class='os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row wrap space'>
                {% for o in agencies %}
                {{ agency.render(o) }}
                {% endfor %}
            </div>
        </div>
        {% endif %}
        {% if dabs is defined and dabs|length %}
        <div id='agencies' class='os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row wrap space'>
                {% for o in dabs %}
                {{ agency.render(o) }}
                {% endfor %}
            </div>
        </div>
        {% endif %}
        {% if articles is defined and articles|length %}
        <div id='articles' class='articles os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row space wrap'>
                {% for o in articles %}
                {{ macros.article(o) }}
                {% endfor %}
            </div>
        </div>
        {% endif %}
        {% if docs is defined and docs|length %}
        <div id='docs' class='os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row space wrap'>
            {% for o in docs %}
            {{ macros.doc(o) }}
            {% endfor %}
            </div>
        </div>
        {% endif %}
        {% if members is defined and members|length %}
        <div id='members' class='os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row wrap space'>
                {% for o in members %}
                {{ macros.member(o) }}
                {% endfor %}
            </div>
        </div>
        {% endif %}
        {% if pages is defined and pages|length %}
        <div id='pages' class='os-tab anim-display anim-from-right transition-1s'>
            <div class='flex row wrap space'>
                {% for o in pages %}
                {{ macros.page(o) }}
                {% endfor %}
            </div>
        </div>
        {% endif %}
    </div>

</div>
{% endblock %}