{% load static %}
{% load i18n %}
{% load thumbnail %}
{% ifequal item.content_type.model "fragment" %}
  <li class="clearfix horizontal item-masonry">
      {% with fragment=item.content_object %}
      <div class="col-left">
          <a 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" href="#" title="{% trans 'Share on Twitter'%}"></a></li>
                  <li><a class="tool facebook" href="#" 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 class="col-right">
          <div class="project-title">
              {% if col.author == user %}<a class="tool edit toggle" href="#"></a>{% endif %}
              <h3>{{ fragment.title }}</h3>
              <h4>{{ fragment.author }}</h4>
          </div>
          <p>{{ item.description }}</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 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 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 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" href="#" title="{% trans 'Share on Twitter'%}"></a></li>
                  <li><a class="tool facebook" href="#" 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 class="col-right">
          <div class="project-title">
              {% if col.author == user %}<a class="tool edit toggle" href="#"></a>{% endif %}
              <h3>{{ img.metadata.titre }}</h3>
              <h4>{{ img.metadata.auteur|default:"" }}</h4>
          </div>
          <p>{{ item.description }}</p>
      </div>
    </li>
  {% endwith %}
{% endwith %}
{% endifequal %}