{% for category in categoriesMerchandising %}

    <li class="nav-item dropdown">
        <div class="navigation-color">
            <a class="nav-link dropdown-toggle categorieNav" href="{{ path('show_from_category_merchandising', {"title": category.title}) }}" id="navbarDropdown{{ category.title }}" role="button"  aria-expanded="false">
            
                {{ category.title }}
            
            </a>
        </div>
        <ul class="dropdown-menu multi-column columns-2 border-0 rounded-0 shadow p-3 mb-5 bg-body rounded" aria-labelledby="navbarDropdown{{ category.title }}">
            <div class="row">

                <div class="col-sm-6">
                    
                    <ul class="multi-column-dropdown">
                        <li>
                            {% for subcategory in sousCategoriesMerchandisingGauche %}

                                {% if subcategory.categorieMerchandising.title == category.title %}
                                
                                    <a class="dropdown-item text-underline-hover" href="{{ path('show_merchandising_sous_categorie', {"title": subcategory.title, "title1": category.title}) }}">{{ subcategory.title }}</a>

                                {% endif %}

                            {% endfor %}
                            
                        </li>
                    </ul>
                    
                </div>
                
                <div class="col-sm-6">
                    
                    <ul class="multi-column-dropdown">
                        <li>
                            {% for subcategory in sousCategoriesMerchandisingDroite %}

                                {% if subcategory.categorieMerchandising.title == category.title %}
                                
                                    <a class="dropdown-item text-underline-hover" href="{{ path('show_merchandising_sous_categorie', {"title": subcategory.title, "title1": category.title}) }}">{{ subcategory.title }}</a>

                                {% endif %}

                            {% endfor %}
                            
                        </li>
                    </ul>

                </div>

            </div>
        </ul>
    </li>

{% endfor %}