{% load static %}
{% load i18n %}
{% load thumbnail %}
{% load front_tags %}
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Aperçu</th>
                                        <th>Titre</th>
                                        <th>Projets associés</th>
                                        <th>Date de modification</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody class="liste">
                                  {% for res in content_results %}
                                    <tr id="row-list-ressources-video-id{{ forloop.counter }}">
                                        <td>
                                            <a href="{% url 'embediframe_page' %}?content_id={{ res.content.iri_id }}" data-type-media="video" data-title="{{ res.content.title }}" class="open-modal" data-hide-add-new data-iframe>
                                            {% thumbnail res.content.image "60x60" crop="center" format="PNG" as im %}<img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />{% empty %}<img src="{% static 'metadatacomposer/img/60x60.gif' %}" width="60px" height="60px" />{% endthumbnail %}</a>
                                        </td>
                                        <td>{{ res.content.title }}</td>
                                        <td>
                                            <ul>
                                              {% for p in res.projects %}
                                                <li><a href="{% url 'composer_preview_player' branding=branding ldt_id=p.ldt_id %}">{{ p.title }}</a></li>
                                              {% endfor %}
                                            </ul>
                                        </td>
                                        <td>{{ res.content.update_date|date:"Y/m/d" }}</td>
                                        <td>
                                            <a data-type-media="video" data-title="Modifier une vidéo" class="btn open-modal" href="{% url 'composer_modal_content' branding=branding iri_id=res.content.iri_id %}"><i class="icon-pencil"></i></a>
                                            <a class="btn btn-delete" data-title="{{ res.content.title }}" href="{% url 'composer_remove_content' branding=branding %}?iri_id={{ res.content.iri_id }}"><i class="icon-remove"></i></a>
                                        </td>
                                    </tr>
                                  {% endfor %}
                                </tbody>
                            </table>
                            <div class="pagination">
                                <ul>
			                    {% if content_results.has_previous %}
			                        <li><a href="{% url 'composer_content_page' branding=branding %}?page={{ content_results.previous_page_number }}" class="content_pagination">{% trans "Previous" %}</a></li>
			                    {% else %}
			                       <li class="disabled"><a>{% trans "Previous" %}</a></li>
			                    {% endif %}
			                    {% if content_results.paginator.num_pages > 1 %}
			                     {% for i in content_results.paginator.num_pages|get_range %}
			                      {% if i|add:'1' == content_results.number %}
			                        <li class="active"><a href="#">{{i|add:'1'}}</a></li>
			                      {% else %}
			                        <li><a href="{% url 'composer_content_page' branding=branding %}?page={{i|add:'1'}}" class="content_pagination">{{i|add:'1'}}</a></li>
			                      {% endif %}
			                     {% endfor %}
			                    {% endif %}
			                    {% if content_results.has_next %}
			                        <li><a href="{% url 'composer_content_page' branding=branding %}?page={{ content_results.next_page_number }}" class="content_pagination">{% trans "Next" %}</a></li>
			                    {% else %}
			                       <li class="disabled"><a>{% trans "Next" %}</a></li>
			                    {% endif %}
			                    {% if content_results.paginator.num_pages > 1 %}
			                        <li><a href="{% url 'composer_content_page' branding=branding %}?page=x" class="content_pagination">({% trans "All" %})</a></li>
			                    {% endif %}
                                </ul>
                            </div>