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

    <div class="card-header">
        <h4 class="d-inline-block m-0">Media : {{ media.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 du média ''{{ media.libelle }}''"
                       data-href="{{ path('courses_media_edit', { 'id': media.id })|raw }}">
                        Modifier
                    </div>
                </li>
                {# {% endif %} #}
                <li>
                    <div class="btn btn-block btn-outline-dark ajax"
                       data-href="{{ path('courses_media_delete', { 'id': media.id })|raw }}"
                       data-callback="todo: show in popin">
                        Désactiver
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="card-body">
        <div class="">
            <table class="table table-striped dataTable table-bordered no-footer table-responsive ns_fullwidth">
                <tbody>
                <tr>
                    <th>Type</th>
                    <td>
                        {{ media.type }}
                    </td>
                </tr>
                <tr>
                    <th>Libellé :</th>
                    <td>
                        {{ media.libelle }}
                    </td>
                </tr>
                <tr>
                    <th>Catégorie :</th>
                    <td>
                        {% if media.categorie %}
                            {{ media.categorie.libelle }}
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>ordre :</th>
                    <td>
                        {% if media.ordre %}
                            {{ media.ordre }}
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Est actif :</th>
                    <td>
                        {% if media.active %}
                            <i class="fa fa-check colorgreen"></i>
                        {% else %}
                            <i class="fa fa-times colorred"></i>
                        {% endif %}
                    </td>
                </tr>

                <tr>
                    <th>Descriptif :</th>
                    <td>
                        {% if media.texte %}
                            {{ media.texte }}
                        {% endif %}
                    </td>
                </tr>

                <tr>
                    <th>Fichier :</th>
                    <td>
                        {% if media.fichier %}
                            <a class="btn" target="_blank"
                               href="{{ asset(media_dossier_asset ~ '/' ~ media.fichier) }}">
                                ouvrir le fichier dans un nouvel onglet
                            </a>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Code d'intégration :</th>
                    <td>
                        {% if media.codeintegration %}
                            {{ media.codeintegration|raw }}
                        {% endif %}
                    </td>
                </tr>

                <tr>
                    <th>Mot-clef :</th>
                    <td>
                        {% if media.motclef %}
                            {{ media.motclef }}
                        {% endif %}
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

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