{% extends "egonomy_base.html" %}

{% load static %}

{% load i18n %}

{% load thumbnail %}

{% block title %}{% trans "Home" %}{% endblock %}

{% block content %}

                <div class="fullwidth">

                    <!-- Liste des dernières images annotées -->

                    <div class="column column-half">

                        <h2>{% trans "Last annotated pictures" %}

                            <span class="right"><a href="{% url 'all_pictures' %}" alt="{% trans "All pictures" %}">{% trans "All pictures" %}</a></span></h2>

                        <ul class="fullwidth">

                          {% for img in img_list %}

                            <li class="subcol subcol-half-fourth">

                                <a href="{% url 'annotate_picture' image_id=img.id %}">

                                <div class="center-image">

                                 {% with img.info.image_file as image %}

                                 {% if image %}

                                  {% if image|is_portrait %}

							 	    {% thumbnail image "x110" 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="110" height="110" class="placeholder" />

	                                {% endthumbnail %}

	                              {% else %}

                                    {% thumbnail image "110" 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=110" height="110" class="placeholder" />

                                    {% endthumbnail %}

	                              {% endif %}

	                             {% else %}

	                                  <img src="{% static 'egonomy/img/empty.gif' %}" width=110" height="110" class="placeholder" />

	                             {% endif %}

	                             {% endwith %}

                                </div>

                                <h3>{{ img.metadata.titre|default:_("No title") }}</h3></a>

                                <p>{% trans "Author" %}&nbsp;: <strong>{{ img.metadata.auteur|default:_("Not documented") }}</strong></p>

                            </li>

                          {% endfor %}

                        </ul>

                    </div>

                    <!-- Liste des derniers fragments modifiés -->

                    <div class="column column-half">

                        <h2>{% trans "Last created fragments" %}

                            <span class="right"><a href="{% url 'all_fragments' %}" alt="{% trans "All fragments" %}">{% trans "All fragments" %}</a></span></h2>

                        <ul class="fullwidth">

                          {% for frg in fragment_list %}

                            <li class="subcol subcol-half-fourth">

                                <a href="{% url 'view_fragment' fragment_pk=frg.pk %}">

                                <div class="center-image">

                                    <div class="image-and-fragment">

                                     {% if frg.image %}

                                      {% with frg.image.info.image_file as image %}

		                              {% if image|is_portrait %}

		                               {% thumbnail image "x110" 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="110" height="110" class="placeholder" />

		                               {% endthumbnail %}

		                              {% else %}

		                               {% thumbnail image "110" 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=110" height="110" class="placeholder" />

		                               {% endthumbnail %}

		                              {% endif %}

		                              {% endwith %}

		                             {% else %}

		                                <img src="{% static 'egonomy/img/empty.gif' %}" width=110" height="110" class="placeholder" />

		                             {% endif %}

                                        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">

                                            <path d="{{ frg.coordinates }}" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />

                                        </svg>

                                    </div>

                                </div>

                                <h3>{{ frg.title }}</h3></a>

                                <h4>{% trans "Fragment from" %} <a href="{% url 'annotate_picture' image_id=frg.image.id %}">{{ frg.image.metadata.titre|default:_("No title") }}</a></h4>

                            </li>

                          {% endfor %}

                        </ul>

                    </div>

                </div>

{% endblock %}