{% extends 'base/base.html' %}
{% import 'components/block.html' as block with context %}
{% 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 %}
{{ icon_defs('clipboard') }}
<section class="section">
    <nav class="level mb-4">
        <div class="level-left">
            <div class="level-item">
                {{ component.action_button(url_list_new) }}
            </div>
        </div>
    </nav>
    <article class="message has-text-centered">
      <div class="message-body">
        {% trans %}
        Please select the list to use.
        {% endtrans %}
      </div>
    </article>
    {% if lists_directory is defined %}
        <div class="disco_lists">
            {{block.disco_icon_grid(lists_directory, 'clipboard')}}
        </div>
    {% endif %}
</section>
<section class="section">
    {% call form.form(class="form--single") %}
        {{ field.text("jid", _("list jid"), required=true)}}
        {{ field.submit(_("Access")) }}
    {% endcall %}
</section>
{% endblock body %}