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

{% if header %}
<h4><strong>Annotations de l'image</strong></h4>
{% endif %}

{% if not annotation_list %}
<div class="alert alert-warning">Aucune annotation à afficher</div>
{% else %}

<table class="table table-condensed table-hover table-clickable" data-selector=".fragment-container > a">
  <thead>
    <th>Résumé</th>
    <th>Utilisateurs</th>
    <th>Dates</th>
    <th>Statistiques</th>
    {% if show_links %}
    <th>Liens et données</th>
    {% endif %}
  </thead>
  <tbody>
  {% 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 annotation.image.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>
      {% if annotation.current_revision.title %}
        <h4><small>Titre: </small>{{ annotation.current_revision.title }}</h4>
      {% endif %}
    </td>
    <td>
      <b>Auteur: </b><br>
      <a href="{% url 'user_home' annotation.author.id %}" style="color:#000000">{{ annotation.author }}</a><br>
      <b>Contributeurs: </b><br>
      {% for contributor in annotation.stats.contributors.all %}
          <a href="{% url 'user_home' contributor.id %}" style="color:#000000">{{ contributor.username }}</a>{% if not forloop.last %}, {% endif %}
      {% endfor %}
    </td>
    <td>
      <b>Créée le:</b><br>
      {{ annotation.created|date:'d-m-Y' }}<br>
      <b>Révisée pour la dernière fois le:</b><br>
      {{ annotation.current_revision.created|date:'d-m-Y' }}
    </td>
    <td>
        {% include "partials/annotation_stats_panel.html" with annotation=annotation %}
    </td>
    {% if show_links %}
    <td>
      <b>Espace de travail</b><br>
      <a class="btn btn-primary btn-sm" href="{% url 'annotation_detail' annotation.image.item.collection.name annotation.image.image_guid annotation.annotation_guid %}" target="_blank">Suivre le lien</a><br>
      <br><b>Permalien vers l'état actuel</b><br>
      <a class="btn btn-primary btn-sm" href="{% url 'revision_detail' annotation.image.item.collection.name annotation.image.image_guid annotation.annotation_guid annotation.current_revision.revision_guid %}" target="_blank">Suivre le lien</a><br>
      <br><b>Permalien vers l'état dynamique</b><br>
      <a class="btn btn-primary btn-sm" href="{% url 'annotation_readonly' annotation.image.item.collection.name annotation.image.image_guid annotation.annotation_guid %}" target="_blank">Suivre le lien</a><br>
    </td>
    {% endif %}
  </tr>
  {% endfor %}
  </tbody>
</table>

{% endif %}
