{% trans_default_domain 'front_ec_international' %}

{% if posts|length > 0 %}

    {% set count = 0 %}

    <!-- .social-wall-container -->
    <div class="social-wall-container pr-md-3">

        {% include 'core/webmaster-edit.html.twig' with {
            'title': "Éditer le social wall"|trans([], 'front_webmaster'),
            'role': 'ROLE_SOCIAL_WALL',
            'path': path('admin_socialwall_edit', {'website': website.id, 'socialwall': socialWall.id})
        } only %}

        <div class="row text-center pr-md-3">
            <div class="col-md-5 left">
                {% for post in posts['all'] %}
                    {% if loop.first %}
                        {% include 'front/' ~ websiteTemplate ~ '/actions/social-wall/include/carousel.html.twig' with {
                            'filter': 'social_wall_big',
                            'width': 438,
                            'height': 447
                        } %}
                        {% set count = count + 1 %}
                    {% endif %}
                {% endfor %}
            </div>
            <div class="col-md-7 right pl-md-0">
                <div class="row">
                    {% for post in posts['all'] %}
                        {% if not loop.first and count < socialWall.nbrItems %}
                            <div class="col-6 col-md-4 p-0">
                                {% include 'front/' ~ websiteTemplate ~ '/actions/social-wall/include/carousel.html.twig' with {
                                    'filter': 'social_wall_small',
                                    'width': 231,
                                    'height': 231
                                } %}
                                {% set count = count + 1 %}
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
    <!-- .social-wall-container -->

{% endif %}