{% 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 image_results %}
                                <tr id="row-list-ressources-image-id{{ forloop.counter }}">
                                    <td>
                                        <a href="{% url 'composer_image' branding=branding image_pk=res.pk %}?maxwidth=530&maxheight=500&imgtag=true" data-type-media="image" data-title="{{ res.title }}" class="open-modal">
                                            {% thumbnail res.image_file "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.title }}</td>
                                    <td>
                                        <!--ul>
                                            <li><a href="">Titre du projet azerty</a></li>
                                        </ul-->
                                    </td>
                                    <td>{{ res.modification_date|date:"Y/m/d" }}</td>
                                    <td>
                                        <a data-type-media="image" data-title="Modifier une image" class="btn open-modal" href="{% url 'composer_modal_image' branding=branding %}?image={{ res.pk }}"><i class="icon-pencil"></i></a>
                                        <a class="btn btn-delete" data-title="{{ res.title }}" href="{% url 'composer_remove_image' branding=branding %}?image={{ res.pk }}">
                                            <i class="icon-remove"></i>
                                        </a>
                                    </td>
                                </tr>
                              {% endfor %}
                            </tbody>
                        </table>
                            <div class="pagination">
                                <ul>
			                    {% if image_results.has_previous %}
			                        <li><a href="{% url 'composer_image_page' branding=branding %}?page={{ image_results.previous_page_number }}" class="image_pagination">{% trans "Previous" %}</a></li>
			                    {% else %}
			                       <li class="disabled"><a>{% trans "Previous" %}</a></li>
			                    {% endif %}
			                    {% if image_results.paginator.num_pages > 1 %}
			                     {% for i in image_results.paginator.num_pages|get_range %}
			                      {% if i|add:'1' == image_results.number %}
			                        <li class="active"><a href="#">{{i|add:'1'}}</a></li>
			                      {% else %}
			                        <li><a href="{% url 'composer_image_page' branding=branding %}?page={{i|add:'1'}}" class="image_pagination">{{i|add:'1'}}</a></li>
			                      {% endif %}
			                     {% endfor %}
			                    {% endif %}
			                    {% if image_results.has_next %}
			                        <li><a href="{% url 'composer_image_page' branding=branding %}?page={{ image_results.next_page_number }}" class="image_pagination">{% trans "Next" %}</a></li>
			                    {% else %}
			                       <li class="disabled"><a>{% trans "Next" %}</a></li>
			                    {% endif %}
			                    {% if image_results.paginator.num_pages > 1 %}
			                        <li><a href="{% url 'composer_image_page' branding=branding %}?page=x" class="image_pagination">({% trans "All" %})</a></li>
			                    {% endif %}
                                </ul>
                            </div>