--- a/sat_templates/templates/bulma/invitation/manager.html	Fri Aug 14 08:47:06 2020 +0200
+++ b/sat_templates/templates/bulma/invitation/manager.html	Fri Aug 14 08:47:06 2020 +0200
@@ -1,6 +1,7 @@
 {% import 'input/form.html' as form with context %}
 {% import 'input/field.html' as field with context %}
 {% import 'input/textbox.html' as textbox with context %}
+{% import 'dialogs/macros.html' as dialog with context %}
 <div class="wrapper">
     <div class="panel_wrapper click_to_close">
         <div class="invitation_manager_side_panel">
@@ -15,27 +16,17 @@
                 <div id="affiliations">
                     <h4 class="title is-4">{% trans %}people who can access this album{% endtrans %}</h4>
                 </div>
+                {% call form.form(id="invitation_form", class="mt-4") %}
+                    {{ textbox.head(event_service, event_node, 'event') }}
+                    {{ field.meta('event_id', event_id) }}
+                    {% call dialog.search_dialog(id="invitation_contact_search", class="is-block") %}
+                        {{ field.text("contact", placeholder=_("name or identifier of a person to invite"), autocomplete="off", icon_left="person") }}
+                    {% endcall %}
+                    <button id="invite_email" class="button mt-6">
+                        <i class="icon-mail"></i> {% trans %}invite by email{% endtrans %}
+                    </button>
+                {% endcall %}
             </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>