{% set btn_new %}
    <div class="btn btn-lg btn-outline-primary btn-new btn-new-media popin float-right"
         data-title="Ajout d'un nouveau média"
         data-href="{{ url('courses_media_create')|raw }}">
        Nouveau media
    </div>
{% endset %}

{% if pagination is defined %}
    <div class="row">
        <div class="col-8 nowrap">
            <span class="count">
                <em>
                    {{ filtered_count }}
                    {% if filtered_count != total_count %}
                    filtré{% if filtered_count>1 %}s{% endif %} sur un total de {{ total_count }}
                    {% endif %}
                    élément{% if total_count>1 %}s{% endif %}
                </em>
            </span>
            <select name="limit">
                {% set arr_limits = [2,4,8,12,16] %}
                {% for iter_limit in arr_limits %}
                    {% set attr='' %}
                    {% if limit == iter_limit %}
                        {% set attr=' selected="selected" ' %}
                    {% endif %}
                    <option value="{{ iter_limit }}" {{ attr }}>
                        {{ iter_limit }}
                    </option>
                {% endfor %}
            </select>&nbsp;par page
            {#, disposés en
            <select name="colums">
                {% set arr_colums = [1,2,3,4,6] %}
                {% for iter_column in arr_colums %}
                    {% set attr='' %}
                    {% if columns == iter_column %}
                        {% set attr=' selected="selected" ' %}
                    {% endif %}
                    <option value="{{ iter_column }}" {{ attr }}>
                        {{ iter_column }}
                    </option>
                {% endfor %}
            </select> colonnes
            #}
        </div>
        <div class="col-4">
            {{ btn_new }}
        </div>
    </div>
{% endif %}
<hr/>
<div class="row">
{% for media in medias %}
    {# <div class="col"> col-sm-{{ 12/columns }} #}
        {% include '@Courses/Media/show_inner_gallery.html.twig' with {
            'selectable': selectable,
            'with_buttons' : with_buttons,
            'media': media,
        } only %}
    {# </div> #}
    {#
    {% if (loop.index is divisible by(columns)) and (not loop.last) %}
        </div><br/><div class="card-deck">
        { #<div class="w-100"></div># }
    {% endif %}
    #}
{% endfor %}
</div>

<hr/>
{# display navigation #}
{% if pagination is defined %}
    <div class="row">
        <div class="navigation col-6">
            {{ knp_pagination_render(medias) }}
        </div>
        <div class="col-6">
            {{ btn_new }}
        </div>
    </div>
{% else %}
    {{ btn_new }}
{% endif %}