<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <template class="ContentMemberPage" parent="AdwNavigationPage">
    <property name="title">Room Members</property>
    <child>
      <object class="AdwToolbarView">
        <child type="top">
          <object class="AdwHeaderBar">
            <child type="end">
              <object class="GtkToggleButton" id="search_button">
                <property name="icon-name">system-search-symbolic</property>
                <property name="tooltip-text" translatable="yes">Toggle Room Members Search</property>
                <accessibility>
                  <property name="label" translatable="yes">Toggle Room Members Search</property>
                </accessibility>
              </object>
            </child>
          </object>
        </child>
        <child type="top">
          <object class="GtkSearchBar">
            <property name="search-mode-enabled" bind-source="search_button" bind-property="active"/>
            <property name="child">
              <object class="AdwClamp">
                <property name="hexpand">True</property>
                <property name="maximum-size">750</property>
                <property name="tightening-threshold">550</property>
                <child>
                  <object class="GtkSearchEntry" id="members_search_entry">
                    <property name="placeholder-text" translatable="yes">Search for room members</property>
                  </object>
                </child>
                <accessibility>
                  <property name="label" translatable="yes">Search for room members</property>
                </accessibility>
              </object>
            </property>
          </object>
        </child>
        <property name="content">
          <object class="GtkOverlay">
            <child>
              <object class="GtkStack" id="list_stack">
                <property name="transition-type">slide-left</property>
              </object>
            </child>
            <child type="overlay">
              <object class="GtkButton" id="invite_button">
                <property name="valign">end</property>
                <property name="halign">center</property>
                <property name="margin-bottom">24</property>
                <property name="action-name">details.show-subpage</property>
                <property name="action-target">'invite'</property>
                <property name="child">
                  <object class="GtkBox">
                    <property name="spacing">6</property>
                    <child>
                      <object class="GtkImage">
                        <property name="icon-name">system-users-symbolic</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel">
                        <!-- Translators: This is a verb. -->
                        <property name="label" translatable="yes">Invite</property>
                      </object>
                    </child>
                  </object>
                </property>
                <style>
                  <class name="pill"/>
                  <class name="suggested-action"/>
                </style>
              </object>
            </child>
          </object>
        </property>
      </object>
    </child>
  </template>
</interface>
