<?xml version="1.0" encoding="UTF-8"?>
<interface>

  <template class="FilterPage" parent="GtkBox">
    <property name="orientation">vertical</property>

    <child type="titlebar">
      <object class="AdwHeaderBar">

        <child type="start">
          <object class="GtkBox">
            <child>
              <object class="GtkButton" id="open_filter_bar_button">
                <property name="icon-name">system-search-symbolic</property>
              </object>
            </child>
            <child>
              <object class="GtkButton" id="close_filter_bar_button">
                <property name="icon-name">go-previous-symbolic</property>
                <property name="visible">false</property>
              </object>
            </child>
          </object>
        </child>

        <child type="title">
          <object class="GtkStack" id="header_stack">
            <child>
              <object class="GtkStackPage">
                <property name="name">buttons</property>
                <property name="child">
                  <object class="GtkBox">
                    <child>
                      <object class="GtkButton" id="sub_page_button_artist">
                        <property name="label" translatable="yes">Artist</property>
                        <!-- <property name="ellipsize">end</property> -->
                      </object>
                    </child>
                    <child>
                      <object class="GtkButton" id="sub_page_button_album">
                        <property name="label" translatable="yes">Album</property>
                        <!-- <property name="ellipsize">end</property> -->
                      </object>
                    </child>
                    <child>
                      <object class="GtkButton" id="sub_page_button_genre">
                        <property name="label" translatable="yes">Genre</property>
                        <property name="visible">false</property>
                        <!-- <property name="ellipsize">end</property> -->
                      </object>
                    </child>
                    <child>
                      <object class="GtkButton" id="sub_page_button_song">
                        <property name="label" translatable="yes">Song</property>
                        <!-- <property name="ellipsize">end</property> -->
                      </object>
                    </child>

                    <style>
                      <class name="linked"/>
                    </style>
                  </object>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkStackPage">
                <property name="name">filter</property>
                <property name="child">
                  <object class="GtkSearchEntry" id="filter_entry"></object>
                </property>
              </object>
            </child>
          </object>
        </child>
        <child type="end">
          <object class="GtkButton" id="open_queue_button">
            <property name="icon-name">go-next-symbolic</property>
          </object>
        </child>
      </object>
    </child>

    <child>
      <object class="GtkStack" id="stack">

         <child>
           <object class="GtkStackPage">
             <!-- loading spinner -->
            <property name="name">loading</property>
            <property name="visible">True</property>
            <property name="child">
              <object class="GtkSpinner">
                <property name="spinning">true</property>
                <property name="width-request">128</property>
                <property name="height-request">128</property>
                <property name="hexpand">false</property>
                <property name="vexpand">false</property>
                <property name="valign">center</property>
                <property name="halign">center</property>
              </object>
            </property>
          </object>
        </child>

        <child>
          <object class="GtkStackPage">
            <property name="name">search_page</property>
            <property name="child">
              <object class="GtkBox">
                <property name="orientation">vertical</property>
                <child>
                  <object class="GtkBox">
                    <child>
                      <object class="GtkMenuButton">
                        <property name="label">Song</property>
                      </object>
                    </child>
                    <child>
                      <object class="GtkSearchEntry" id="search_page_entry">
                      </object>
                    </child>
                  </object>
                </child>
                <child>
                  <object class="GtkBox" id="search_page_body">
                    <property name="orientation">vertical</property>
                  </object>
                </child>
              </object>
            </property>
          </object>
        </child>


      </object>
    </child>


    <child>
      <object class="AdwBin" id="controls_bin"></object>
    </child>
  </template>
</interface>
