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

{% block body %}
<p class="instructions--head">
    {% trans %}
    Please select a tickets tracker
    {% endtrans %}
</p>
{% if tickets_trackers is defined %}
    {{ icon_defs('clipboard') }}
    <div class="disco_tickets">
        <ul class="grid grid--center">
            {% for tracker in tickets_trackers %}
                <li class='grid__item grid__item--medium grid__item--selectable'>
                    <a href="{{tracker.url}}" class="items_vert--centered">
                        {{ icon('clipboard', cls='icon--medium') }}
                        <span>{{ tracker.name }}</span>
                    </a>
                </li>
            {% endfor %}
        </ul>
    </div>
{% endif %}

{% call form.form(class="form_single") %}
    {{ field.text("jid", _("tickets tracker jid"), required=true)}}
    {{ field.submit(_("Access")) }}
{% endcall %}
{% endblock body %}