{% extends 'base/base.html' %}
{% import 'input/form.html' as form with context %}
{% import 'input/field.html' as field with context %}

{% block body %}
{{ icon_defs('file-image') }}
<p class="instructions--alt">{% trans %}Photo discovery is not implemented yet, however you can enter a jid below to find its albums{% endtrans %}</p>
{% if interests is defined %}
    <p class="message--note">
        {% trans nb_interests=interests|length%}
            You have currently {{nb_interests}} album in your personal list
        {% pluralize %}
            You have currently {{nb_interests}} albums in your personal list
        {% endtrans %}
    </p>
    <ul class="grid grid--center">
        {% for interest in interests %}
            <li class='grid__item grid__item--medium grid__item--selectable'>
                <a href="{{interest.url}}">
                    {% if interest.thumb_url %}
                        <img class="img--small" src="{{interest.thumb_url}}">
                    {% else %}
                        <div>{{ icon('file-image', cls='icon--medium') }}</div>
                    {% endif %}
                    <span><em>{{ interest.name|default(_("unnamed album")) }}</em></span>
                </a>
            </li>
        {% endfor %}
    </ul>
{% endif %}
{% call form.form(class="form--single") %}
    {{ field.text("jid", _("device full jid"), required=true)}}
    {{ field.submit(_("Access")) }}
{% endcall %}
{% endblock body %}