{% 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 %}
{{ icon_defs('blog') }}

<section class="section">
    <article class="message has-text-centered">
        <div class="message-body">
            {% trans %}
            Please select the blog you want to consult
            {% endtrans %}
        </div>
    </article>
</section>

<section class="section disco_blogs">
    <div class="columns is-mobile is-multiline">
        {% for entity in disco_entities %}
            <div class="column is-2-desktop is-4-touch">
                <div class="card x-is-hoverable">
                    <a href="{{entities_url[entity]}}" class="items_vert--centered">
                        <div class="card-image is-flex has-items-centered has-padding-1">
                            {{ avatar.avatar(entity, "is-64x64") }}
                        </div>
                        <div class="card-content has-text-centered has-text-shortenable has-padding-1">
                            <span>{{ identities[entity].nicknames[0] if identities[entity].nicknames else entity }}</span>
                        </div>
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
</section>

<section class="section">
    <p class="content">{% trans %}Or enter the jid of a blog writer{% endtrans %}</p>
    {% call form.form(class="form--single") %}
        {{ field.text("jid", _("blog writer jid"), required=true)}}
        {{ field.submit(_("Consult")) }}
    {% endcall %}
</section>
{% endblock body %}