{% load thumbnail %}
{% load iconolab_tags %}

<ul class="annotation-list-wrapper list-inline">

	<h4><strong>Annotations de l'image</strong></h4>  
    {% if not annotation_list %}
        <p> Aucune annotation pour cette image </p>
    {% else %}
        <table class="table table-condensed">
          <thead>
            <th></th>
            <th>Titre</th>
            <th>Auteur</th>
            <th>Créée le</th>
            <th>Révisée le</th>
            <th>Contributeurs</th>
          </thead>
          {% for annotation in annotation_list %}
          <tr>
            <td>
              <div class="fragment-container" style="position: relative">
                {% thumbnail annotation.image.media "150x150" crop=False as im %}
                  <a href="{% url 'annotation_detail' collection_name image_guid annotation.annotation_guid %}">
                    <img v-el:small-image src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
                    <svg width="{{ im.width }}" height="{{ im.height }}" version="1.1" style="position:absolute; top:0px; left: 0px">
                      <g transform="matrix({% transform_matrix im_width=im.width im_height=im.height max_x=100 max_y=100 %})">
                        <path d="{{ annotation.current_revision.fragment|clean_path }}" opacity="0.7" fill="orange"></path>
                      </g>
                    </svg>
                  </a>
                {% endthumbnail %}
              </div>
            </td>
            <td>{{ annotation.current_revision.title }}</td>
            <td>{{ annotation.author }}</td>
            <td>{{ annotation.created|date:'d-m-Y' }}</td>
            <td>{{ annotation.current_revision.created|date:'d-m-Y' }}</td>
            <td>
              {% for contributor in annotation.stats.contributors %}
                  {{ contributor }}{% if not forloop.last %}, {% endif %}
              {% endfor %}
            </td>
          </tr>
          {% endfor %}
        </table>
    {% endif %}
</ul>