{% load static %}
{% load i18n %}
{% load thumbnail %}
<li class="item-masonry" data-keywords="{{ item.content_object.tag_list|join:',' }}">
    <div class="curtain"></div>
    <div class="visuel-project">
    {% ifequal item.content_type.model "fragment" %}
      {% with fragment=item.content_object %}
        <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-177">
                {% with image=fragment.image.info.image_file %}
                {% include "partial/fragment_only.html" %}
                {% endwith %}
            </div>
          </div>
        </a>
        <div class="tools toggle">
            <div class="title-project">
	           <h3>{{ fragment.title }}</h3>
               <h4>{{ fragment.author }}</h4>
	        </div>
            <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}}&display=mosaic" 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 id="item{{ item.pk }}" class="content-project">
            <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 %}
	{% else %}
	{% with img=item.content_object %}
	 {% with img.info.image_file as image %}
        <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 %}">
	    {% if image %}
          {% thumbnail image "177" 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="177" height="117" class="placeholder" />
          {% endthumbnail %}
	    {% else %}
            <img src="{% static 'egonomy/img/empty.gif' %}" width="177" height="177" class="placeholder" />
	    {% endif %}
        </a>
	    <div class="tools toggle">
            <div class="title-project">
                <h3>{{ img.metadata.titre }}</h3>
                <h4>{{ img.metadata.auteur }}</h4>
            </div>
            <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}}&display=mosaic" 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 id="item{{ item.pk }}" class="content-project">
	        <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 }}</h4>
	        </div>
	        <p>{{ item.description|linebreaksbr }}</p>
	    </div>
	  {% endwith %}
	{% endwith %}
	{% endifequal %}
    </div>
</li>