{% load i18n %}

{% for notice in notices %}
    <li class="notice-item" data-notice-id="{{notice.id}}">
        <div class="notice-contents">
            <a href="{% url 'front_notice' notice.id %}" class="update-ids" data-id="{{ notice.id }}" title="{{notice.imagetitle}}">
                <img class="notice-image" alt="{{notice.imagetitle}}" src="{{notice.image}}" onerror="window.onResultImageError(this);" />
            </a>
            <div class="notice-metadata">
                <ul>
                {% if notice.terms_by_thesaurus.AUTR.translated or notice.terms_by_thesaurus.AUTR.untranslated %}
                     <li class="notice-thesaurus">
                         <ul class="notice-term-list">
                            <li class="notice-label">{% trans 'Artiste(s)&nbsp;:' %}</li>
                         {% for term in notice.terms_by_thesaurus.AUTR.translated %}
                            <li class="notice-term">
                                <a href="{% url 'front_search' %}?dbpedia_uri={{term.dbpedia_uri|urlencode}}" data-dbpedia-uri="{{term.dbpedia_uri}}">{{term.label}}</a>
                            </li>
                         {% endfor %}
                         {% for term in notice.terms_by_thesaurus.AUTR.untranslated %}
                            <li class="notice-term term-untranslated" dir="ltr">{{term.label}}</li>
                         {% endfor %}
                         </ul>
                     </li>
                {% endif %}
                {% if notice.title %}
                </ul>
                    <h2>
                        <a href="{% url 'front_notice' notice.id %}" class="update-ids" data-id="{{ notice.id }}"><span class="notice-title" dir="ltr">{{notice.title|truncatechars:60}}</span></a>
                    </h2>
                <ul>
                {% endif %}
                {% if notice.terms_by_thesaurus.DOMN.translated %}
                     <li class="notice-thesaurus">
                         <ul class="notice-term-list">
                            <li class="notice-label">{% trans 'Domaine(s)&nbsp;:' %}</li>
                         {% for term in notice.terms_by_thesaurus.DOMN.translated %}
                            <li class="notice-term">
                                <a href="{% url 'front_search' %}?dbpedia_uri={{term.dbpedia_uri|urlencode}}" data-dbpedia-uri="{{term.dbpedia_uri}}">{{term.label}}</a>
                            </li>
                         {% endfor %}
                         </ul>
                     </li>
                {% endif %}
                {% if notice.designation and not notice.title %}
                    <li class="notice-thesaurus">
                        <ul class="notice-term-list">
                            <li class="notice-label">{% trans 'Désignation&nbsp;:' %}</li>
                            <li class="notice-term term-untranslated" dir="ltr">{{notice.designation}}</li>
                        </ul>
                    </li>
                {% endif %}
                {% if notice.terms_by_thesaurus.REPR.translated %}
                    <li class="notice-thesaurus">
                        <ul class="notice-term-list">
                            <li class="notice-label">{% trans 'Sujet représenté&nbsp;:' %}</li>
                        {% for term in notice.terms_by_thesaurus.REPR.translated|slice:":6" %}
                            <li class="notice-term">
                                <a href="{% url 'front_search' %}?dbpedia_uri={{term.dbpedia_uri|urlencode}}" data-dbpedia-uri="{{term.dbpedia_uri}}">{{term.label}}</a>
                            </li>
                        {% endfor %}
                        {% if notice.terms_by_thesaurus.REPR.translated|length > 8 %}
                            <li class="notice-term term-untranslated">
                                <a href="{% url 'front_notice' notice.id %}" class="update-ids" data-id="{{ notice.id }}" title="{{notice.imagetitle}}">&hellip;</a>
                            </li>
                        {% endif %}
                        </ul>
                    </li>
                {% endif %}
                {% if notice.datation or notice.years %}
                     <li class="notice-thesaurus">
                         <ul class="notice-term-list">
                            <li class="notice-label">{% trans 'Datation&nbsp;:' %}</li>
                         {% for term in notice.datation %}
                            <li class="notice-term">
                                <a href="{% url 'front_search' %}?dbpedia_uri={{term.dbpedia_uri|urlencode}}" data-dbpedia-uri="{{term.dbpedia_uri}}">{{term.label}}</a>
                            </li>
                         {% endfor %}
                         {% if notice.years %}
                         {% endif %}
                            <li class="notice-years"><span class="notice-year">{{notice.years.0}}</span>{% if notice.years.0 != notice.years.1 %} – <span class="notice-year">{{notice.years.1}}</span>{% endif %}</li>
                         </ul>
                     </li>
                {% endif %}
                </ul>
            </div>
        </div>
    </li>
{% endfor %}