{% if region is defined %}
{% else %}
    {% set region = '' %}
{% endif %}
{% extends "::layout"~region~".html.twig" %}

{% block subHeader %}

{% endblock %}

{% block container %}
    <div class="row">

        <sidebar class="col-md-2">
            <ul class="nav nav-list">
                <li class="nav-header">{{parent.title}}</li>
                    {% for item in resFinal %}
                        {% if item.category.type is defined %}
                            {% if item.category.type == 'services' %}
                            <li><a href="{{path('you_boutique_afficher_services_sous_category', {'categorie':parent.slug, 'sous_categorie':item.category.slug})}}">{{item.category.title}}</a></li>
                            {% else %}
                            <li><a href="{{path('you_boutique_afficher_sous_category', {'categorie':parent.slug, 'sous_categorie':item.category.slug})}}">{{item.category.title}}</a></li>
                            {% endif %}
                        {% else %}
                        <li><a href="#Autre">{{item.category}}</a></li>
                        {% endif %}
                    {% endfor %}

            </ul>

            {% if tab =='produits' %}
                <ul class="nav nav-list">
                    <li class="nav-header">Voir tous les produits de</li>
                        {% for item in allBoutiques %}
                        <li>
                            <a href="{{ path('you_boutique_afficher',{slug:item.slug}) }}">
                                <div class="row">
                                    <div class="col-md-5">
                                        <img class="img-responsive" src="http://{{ picthost }}/{{ item.presentation.logo.webSmallPath }}" title="Logo {{ item.nom }}" alt="Logo boutique {{ item.nom }}" />
                                    </div>
                                    <div class="col-md-7">
                                        {{ item.nom }}
                                    </div>
                                </div>
                            </a>
                        </li>
                    {% endfor %}
                </ul> 
            {% endif %}


        </sidebar>

        <div class="col-md-10">
            {% block content %}

            {% endblock %}
        </div>

    </div>	
{% endblock %}