{# popin #}
<div class="card ">

    <div class="card-header">
        <h4 class="d-inline-block m-0">Catégorie de media : {{ categorie.libelle }}</h4>
        <div class="card-header-actions">
            <ul class="d-flex list-unstyled m-0">

                {# {% if est_superviseur %} #}
                <li class="mr-3">
                    <div class="btn btn-block btn-outline-primary popin"
                         data-title="Modification de la rubrique de média ''{{ categorie.libelle }}''"
                         data-href="{{ path('courses_mediacategorie_edit', { 'id': categorie.id })|raw }}">
                        Modifier
                    </div>
                </li>
                {# {% endif %} #}
                <li>
                    {% if categorie.active %}
                        <div class="btn btn-block btn-outline-dark ajax"
                             data-href="{{ path('courses_mediacategorie_delete', { 'id': categorie.id })|raw }}"
                             data-callback="todo: show in popin">
                            Désactiver
                        </div>
                    {% else %}
                        <div class="btn btn-block btn-outline-warning ajax"
                             data-href="{{ path('courses_mediacategorie_active', { 'id': categorie.id })|raw }}">
                            Ré-activer
                        </div>
                    {% endif %}
                </li>
            </ul>
        </div>
    </div>
    <div class="card-body">
        <div class="alert alert-primary ">

            <div class="row">
                <div class="col-12 col-md-6 col-xl-4" >
                    <p class="m-0">Libellé :
                        <span class="m-3 h4">
                            {{ categorie.libelle }}
                        </span>
                    </p>
                </div>
                <div class="col-12 col-md-6 col-xl-4" >
                    <p class="m-0">Media :
                        <span class="m-3 h4">
                            {% if categorie.medias %}
                                {% for media in categorie.medias %}
                                    {{ media.libelle }}{% if not loop.last %}, {% endif %}
                                {% endfor %}
                            {% endif %}
                        </span>
                    </p>
                </div>
                <div class="col-12 col-md-6 col-xl-4" >
                    <p class="m-0">ordre :
                        <span class="m-3 h4">
                            {% if categorie.ordre %}
                                {{ categorie.ordre }}
                            {% endif %}
                        </span>
                    </p>
                </div>
                <div class="col-12 col-md-6 col-xl-4" >
                    <p class="m-0">Est actif :
                        <span class="m-3 h4">
                            {% if categorie.active %}
                                <i class="fa fa-check colorgreen"></i>
                            {% else %}
                                <i class="fa fa-times colorred"></i>
                            {% endif %}
                        </span>
                    </p>
                </div>
            </div>

        </div>

    </div> {#fin card body#}
</div>