<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <template class="ContentInvite" parent="AdwBin">
    <property name="vexpand">True</property>
    <property name="hexpand">True</property>
    <child>
      <object class="AdwToolbarView">
        <child type="top">
          <object class="AdwHeaderBar">
            <child type="title">
              <object class="AdwWindowTitle">
                <!-- Translators: This is a verb. -->
                <property name="title" translatable="yes">Invite</property>
              </object>
            </child>
          </object>
        </child>
        <property name="content">
          <object class="GtkScrolledWindow">
            <property name="vexpand">True</property>
            <property name="hscrollbar-policy">never</property>
            <property name="child">
              <object class="AdwClamp">
                <property name="maximum-size">400</property>
                <property name="tightening-threshold">200</property>
                <property name="vexpand">True</property>
                <property name="margin-top">24</property>
                <property name="margin-bottom">24</property>
                <property name="margin-start">24</property>
                <property name="margin-end">24</property>
                <property name="child">
                  <object class="GtkBox">
                    <property name="valign">center</property>
                    <property name="halign">center</property>
                    <property name="spacing">24</property>
                    <property name="orientation">vertical</property>
                    <accessibility>
                      <!-- Translators: This is a verb. -->
                      <property name="label" translatable="yes">Invite</property>
                    </accessibility>
                    <child>
                      <object class="ComponentsAvatar">
                        <property name="size">150</property>
                        <binding name="data">
                          <lookup name="avatar-data">
                            <lookup name="room">ContentInvite</lookup>
                          </lookup>
                        </binding>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel" id="display_name">
                        <property name="ellipsize">end</property>
                        <binding name="label">
                          <lookup name="display-name">
                            <lookup name="room">ContentInvite</lookup>
                          </lookup>
                        </binding>
                        <style>
                          <class name="invite-room-name"/>
                        </style>
                      </object>
                    </child>
                    <child>
                      <object class="GtkLabel" id="room_topic">
                        <property name="wrap">True</property>
                        <property name="justify">center</property>
                        <binding name="label">
                          <lookup name="topic">
                            <lookup name="room">ContentInvite</lookup>
                          </lookup>
                        </binding>
                        <style>
                          <class name="dim-label"/>
                        </style>
                      </object>
                    </child>
                    <child>
                      <object class="LabelWithWidgets" id="inviter">
                        <property name="halign">center</property>
                        <child>
                          <object class="Pill">
                            <binding name="user">
                              <lookup name="inviter">
                                <lookup name="room">ContentInvite</lookup>
                              </lookup>
                            </binding>
                          </object>
                        </child>
                      </object>
                    </child>
                    <child>
                      <object class="GtkBox">
                        <property name="halign">center</property>
                        <property name="spacing">24</property>
                        <property name="margin-top">24</property>
                        <child>
                          <object class="SpinnerButton" id="decline_button">
                            <property name="label" translatable="yes">_Decline</property>
                            <property name="action-name">invite.decline</property>
                            <style>
                              <class name="pill"/>
                              <class name="large"/>
                            </style>
                          </object>
                        </child>
                        <child>
                          <object class="SpinnerButton" id="accept_button">
                            <property name="label" translatable="yes">_Accept</property>
                            <property name="action-name">invite.accept</property>
                            <style>
                              <class name="suggested-action"/>
                              <class name="pill"/>
                              <class name="large"/>
                            </style>
                          </object>
                        </child>
                      </object>
                    </child>
                  </object>
                </property>
              </object>
            </property>
          </object>
        </property>
      </object>
    </child>
  </template>
</interface>
