{% extends "::layout"~region~".html.twig" %}

{% block title %} Plan du site - {{ parent() }} {% endblock %}

{% block container %}
    <div class="row">
        <h2 class="first-title">Plan du site</h2>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="bordered">
                <h3 class="map-type products">Produits</h3>
                {% set cat = '' %}
                {% for item in products %}
                    {% if item[0].domaine != cat %}
                        <h4>{{item[0].domaine.title}}</h4>
                        {% set cat = item[0].domaine %}
                        {% set subcat = '' %}
                    {% endif %}
                    {% if item[0].activity != subcat %}
                        <h5 class="subcat">{{item[0].activity.title}}</h5>
                        {% set subcat = item[0].activity %}
                    {% endif %}
                    <a class="item-list" title="{{item[0].titre}}" href="{{ path('you_product_page',{'boutique':item[0].boutique.slug,'produit':item[0].slug}) }}">{{item[0].titre}}</a> 
                {% endfor %}
            </div>
        </div>
        <div class="col-md-6">
            <div class="bordered">
                <h3 class="map-type services">Services</h3>
                {% set cat = '' %}
                {% for item in services %}
                    {% if item[0].domaine != cat %}
                        <h4>{{item[0].domaine.title}}</h4>
                        {% set cat = item[0].domaine %}
                        {% set subcat = '' %}
                    {% endif %}
                    {% if item[0].activity != subcat %}
                        <h5 class="subcat">{{item[0].activity.title}}</h5>
                        {% set subcat = item[0].activity %}
                    {% endif %}
                    <a class="item-list" title="{{item[0].titre}}" href="{{ path('you_product_page',{'boutique':item[0].boutique.slug,'produit':item[0].slug}) }}">{{item[0].titre}}</a>
                {% endfor %}
            </div>
        </div>
    </div>

{% endblock %}

{% block perform_stylesheets %}
    {{parent()}}
    <style>
        h2.first-title{text-align: center;text-transform: uppercase;}
        .bordered{border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;border-top: 1px solid #000;padding: 10px;padding-top:0;}
        .map-type{text-align: center;text-transform: uppercase;}
        a.item-list{display: block;margin-bottom:3px;padding-left: 10px;}
        h5.subcat{padding-left: 10px;}
    </style>
{% endblock perform_stylesheets %}