{% trans_default_domain 'front_default' %}

{% if displayFilters %}
    <div class="col-lg-4 filters-container order-2 order-lg-1 pt-4 pb-4 bg-light">
        <h3 class="title text-center mb-4">{{ "Filtrer"|trans|raw }}</h3>
        <div class="filters-list-wrap p-0 pl-lg-4 pr-lg-4 pl-xl-5 pr-xl-5">
            <ul class="reset">
                {% set categoryIds = {} %}
                {% for category in categories %}
                    {% if category.id not in categoryIds %}
                        {% set i18n = category|i18n %}
                        {% set title = i18n and i18n.title ? i18n.title : category.adminName %}
                        {% set categoryIds = categoryIds|merge([category.id]) %}
                        <li class="marker-select marker-select-{{ category.id }} cursor active" data-category="category-{{ category.id }}">
                            {{ imgRender({'src': asset(category.marker), 'width': 40, 'height': 40, 'title': title, 'class': 'mr-4'}) }}
                            {{ title }}
                        </li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
{% endif %}

<div class="col-lg-{% if displayFilters %}8{% else %}12{% endif %} p-0 order-1 order-lg-2"
     data-category-length="{{ categories|length }}">
    <div id="map-{{ map.id }}" class="map-box" data-layer="{{ map.layer }}">
        {% include 'front/' ~ websiteTemplate ~ '/actions/map/include/data.html.twig' %}
    </div>
</div>