{% extends 'iconolab_base.html' %}

{% load staticfiles %}

{% load thumbnail %}

{% load iconolab_tags %}

{% block content %}
  <h2>Fonds {{collection.verbose_name}}</h2>
  
  
<ul class="image-list-wrapper list-inline">
  <p><strong>Images du fonds</strong></p>

  {% for item in collection.items.all %}
  <li class="small-image-wrapper">
    
    <div class="image-container text-center" style="position: relative">
    {% with item.images.first as image %}
      {% thumbnail image.media "300x300" crop=False as im %}
        <a href="{% url 'item_detail' collection_name item.item_guid %}">
          <img v-el:small-image src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
        </a>
      {% endthumbnail %}
        <div class="fragment-infos">
          <a class="btn btn-default btn-xs collection-home-btn" href="{% url 'item_detail' collection_name item.item_guid %}"><i class="fa fa-eye"></i> Détail de l'objet</a>
        </div>
    {% endwith %}
  </li>
{% endfor %}
</ul>

{% endblock %}