{% import 'input/form.html' as form with context %}
{% import 'input/field.html' as field with context %}
{% import 'input/textbox.html' as textbox with context %}
<div class="wrapper">
    <div class="panel_wrapper click_to_close">
        <div class="invitation_manager_side_panel">
            <section class="section">
                <div class="message is-info">
                    <div class="message-body">
                        {% trans %}in this panel, you can manage people who can access this album, and send invitations{% endtrans %}
                    </div>
                </div>
            </section>
            <section class="section">
                <div id="affiliations">
                    <h4 class="title is-4">{% trans %}people who can access this album{% endtrans %}</h4>
                </div>
            </section>
            <section class="section">
                <div id="invitation_panel">
                    <h4 class="title is-4">{% trans %}invite people{% endtrans %}</h4>
                    <div id="invitation_notifications"></div>
                    {% call form.form(id="invitation_form") %}
                        {{ textbox.head(event_service, event_node, 'event') }}
                        {{ field.meta('event_id', event_id) }}
                        {{ field.textarea("jids",
                                          _("enter here a list of jid (one per line) to invite")
                                          )
                                          }}
                        {{ field.textarea("emails",
                                          _("enter here a list of emails addresses (one per line) to invite")
                                          )
                                          }}
                        {{ field.submit(_("Invite people"), id="invitation_submit") }}
                    {% endcall %}
                </div>
            </section>

        </div>
    </div>
</div>