{% load static %}
{% load i18n %}
{% load thumbnail %}
{% load absurl %}
{% ifequal item.content_type.model "fragment" %}
  <li class="clearfix horizontal item-masonry">
      {% with fragment=item.content_object %}
      <div class="col-left">
          <a draggable="true" data-title="{{ fragment.title }}" 
             data-description="{% trans 'Fragment from' %} {{ fragment.image.metadata.titre|default:_('No title') }} {% trans 'Annotated by' %} {{ fragment.author }}" 
             href="{% url 'view_fragment' fragment_pk=fragment.pk %}">
            <div class="center-image">
              <div class="image-and-fragment square-fragment-225">
                  {% with image=fragment.image.info.image_file %}
                  {% include "partial/fragment_only.html" %}
                  {% endwith %}
              </div>
            </div>
          </a>
          <div class="tools toggle">
              <ul class="clearfix">
                  <li><a class="tool twitter" target="_blank" href="https://twitter.com/share?url={% absurl 'view_fragment' fragment_pk=fragment.pk %}" title="{% trans 'Share on Twitter'%}"></a></li>
                  <li><a class="tool facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={% absurl 'view_fragment' fragment_pk=fragment.pk %}" title="{% trans 'Share on Facebook'%}"></a></li>
                  <li>{% if user.is_authenticated %}
                      <a class="tool plus open-popin additemtocollection" data-type="fragment" data-id="{{ fragment.pk }}" href="#add-to-collection" title="{% trans 'Add to a collection' %}"></a>
                    {% else %}
                      <a class="tool plus" href="{% url 'login' %}?next={% url 'view_fragment' fragment_pk=fragment.pk %}" title="{% trans 'Add to a collection' %}"></a>
                    {% endif %}</li>
                  <li><a class="tool cut" href="{% url 'create_fragment' image_id=fragment.image.id %}" title="{% trans 'Create a fragment'%}"></a></li>
                  {% if user.is_authenticated %}{% ifequal col.author user %}
                  <li><a class="tool trash" href="{% url 'remove_item' %}?collection_pk={{col.pk}}&item_pk={{item.pk}}" onclick="return confirm('{% trans "Do you really want to remove this item from this collection ? Warning : this action est irreversible." %}')" title="{% trans 'Remove from this collection' %}" ></a></li>
                  {% endifequal %}{% endif %}
              </ul>
          </div>
      </div>
      <div id="item{{ item.pk }}" class="col-right">
          <div class="project-title">
              {% if col.author == user %}<a class="tool edit toggle open-popin modifyitemincollection" data-pk="{{ item.pk }}" data-description="{{ item.description }}"  href="#modify-item" title="{% trans "Modify the item's comment" %}"></a>{% endif %}
              <h3>{{ fragment.title }}</h3>
              <h4>{{ fragment.author }}</h4>
          </div>
          <p>{{ item.description|linebreaksbr }}</p>
      </div>
      {% endwith %}
  </li>
{% else %}
{% with img=item.content_object %}
 {% with img.info.image_file as image %}
  {% if image %}
   {% if image|is_portrait %}
  <li class="clearfix horizontal item-masonry">
      <div class="col-left">
          <a draggable="true" data-title="{{ img.metadata.titre|default:_('No title') }}" data-description="{% trans 'Author' %} : {{ img.metadata.auteur|default:_('Not documented') }}" 
             href="{% url 'annotate_picture' image_id=img.id %}">
            {% thumbnail image "225" format="PNG" crop="center" as im %}
              <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/>
            {% empty %}
              <img src="{% static 'egonomy/img/empty.gif' %}" width="225" height="225" class="placeholder" />
            {% endthumbnail %}
          </a>
   {% else %}
  <li class="item-masonry">
      <div class="col-left">
          <a draggable="true" data-title="{{ img.metadata.titre|default:_('No title') }}" data-description="{% trans 'Author' %} : {{ img.metadata.auteur|default:_('Not documented') }}" 
             href="{% url 'annotate_picture' image_id=img.id %}">
            {% thumbnail image "469" format="PNG" crop="center" as im %}
              <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"/>
            {% empty %}
              <img src="{% static 'egonomy/img/empty.gif' %}" width="469" height="225" class="placeholder" />
            {% endthumbnail %}
          </a>
   {% endif %}
  {% else %}
    <li class="clearfix horizontal item-masonry">
      <div class="col-left">
          <a draggable="true" data-title="{{ img.metadata.titre|default:_('No title') }}" data-description="{% trans 'Author' %} : {{ img.metadata.auteur|default:_('Not documented') }}"
             href="{% url 'annotate_picture' image_id=img.id %}">
	          <img src="{% static 'egonomy/img/empty.gif' %}" width=225" height="225" class="placeholder" />
	      </a>
  {% endif %}
          <div class="tools toggle">
              <ul class="clearfix">
                  <li><a class="tool twitter" target="_blank" href="https://twitter.com/share?url={% absurl 'annotate_picture' image_id=img.id %}" title="{% trans 'Share on Twitter'%}"></a></li>
                  <li><a class="tool facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u={% absurl 'annotate_picture' image_id=img.id %}" title="{% trans 'Share on Facebook'%}"></a></li>
                  <li>{% if user.is_authenticated %}
                      <a class="tool plus open-popin additemtocollection" data-type="image" data-id="{{ img.id }}" href="#add-to-collection" title="{% trans 'Add to a collection' %}"></a>
                    {% else %}
                      <a class="tool plus" href="{% url 'login' %}?next={% url 'annotate_picture' image_id=img.id %}" title="{% trans 'Add to a collection' %}"></a>
                    {% endif %}</li>
                  <li><a class="tool cut" href="{% url 'create_fragment' image_id=img.id %}" title="{% trans 'Create a fragment'%}"></a></li>
                  {% if user.is_authenticated %}{% ifequal col.author user %}
                  <li><a class="tool trash" href="{% url 'remove_item' %}?collection_pk={{col.pk}}&item_pk={{item.pk}}" onclick="return confirm('{% trans "Do you really want to remove this item from this collection ? Warning : this action est irreversible." %}')" title="{% trans 'Remove from this collection' %}" ></a></li>
                  {% endifequal %}{% endif %}
              </ul>
          </div>
      </div>
      <div id="item{{ item.pk }}" class="col-right">
          <div class="project-title">
              {% if col.author == user %}<a class="tool edit toggle open-popin modifyitemincollection" data-pk="{{ item.pk }}" data-description="{{ item.description }}"  href="#modify-item" title="{% trans "Modify the item's comment" %}"></a>{% endif %}
              <h3>{{ img.metadata.titre }}</h3>
              <h4>{{ img.metadata.auteur|default:"" }}</h4>
          </div>
          <p>{{ item.description|linebreaksbr }}</p>
      </div>
    </li>
  {% endwith %}
{% endwith %}
{% endifequal %}