<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <template class="Controls" parent="GtkBox">
    <property name="orientation">vertical</property>
    <property name="vexpand">False</property>
    <style><class name="player_controls"/></style>
    <child>
      <object class="GtkBox">
        <child>
          <object class="GtkInscription" id="progress_label">
            <property name="text">00:00</property>
            <property name="nat-chars">5</property>
          </object>
        </child>

        <child>
          <object class="GtkScale" id="progress">
            <property name="hexpand">True</property>
            <property name="draw_value">False</property>
            <property name="digits">2</property>
          </object>
        </child>

        <child>
          <object class="GtkInscription" id="duration_label">
            <property name="text">00:00</property>
            <property name="nat-chars">5</property>
          </object>
        </child>

      </object>
    </child>

    <child>
      <object class="GtkBox" id="cover_box">
        <property name="orientation">horizontal</property>
        <child>
          <object class="GtkRevealer" id="cover_revealer">
            <property name="transition-type">slide-right</property>
            <child>
              <object class="GtkButton" id="cover_button">
                <property name="margin-end">20</property>
                <style><class name="flat"/></style>
                <child>
                  <object class="GtkImage" id="cover">
                    <property name="height-request">64</property>
                    <property name="width-request">64</property>
                  </object>
                </child>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="GtkBox" id="title_and_volume_box">
            <property name="orientation">vertical</property>
            <child>
              <object class="GtkLabel" id="now_playing_label">
                <property name="label" translatable="no">-</property>
                <property name="ellipsize">end</property>
              </object>
            </child>

            <child>
              <object class="GtkBox" id="volume_box">
                <property name="vexpand">True</property>
                <child>
                  <object class="GtkStack" id="volume_stack">
                    <child>
                      <object class="GtkStackPage">
                        <property name="name">4</property>
                        <property name="child">
                          <object class="GtkImage"><property name="icon-name">audio-volume-overamplified-symbolic</property></object>
                        </property>
                      </object>
                    </child>

                    <child>
                      <object class="GtkStackPage">
                        <property name="name">3</property>
                        <property name="child">
                          <object class="GtkImage"><property name="icon-name">audio-volume-high-symbolic</property></object>
                        </property>
                      </object>
                    </child>

                    <child>
                      <object class="GtkStackPage">
                        <property name="name">2</property>
                        <property name="child">
                          <object class="GtkImage"><property name="icon-name">audio-volume-medium-symbolic</property></object>
                        </property>
                      </object>
                    </child>

                    <child>
                      <object class="GtkStackPage">
                        <property name="name">1</property>
                        <property name="child">
                          <object class="GtkImage"><property name="icon-name">audio-volume-low-symbolic</property></object>
                        </property>
                      </object>
                    </child>

                    <child>
                      <object class="GtkStackPage">
                        <property name="name">0</property>
                        <property name="child">
                          <object class="GtkImage"><property name="icon-name">audio-volume-muted-symbolic</property></object>
                        </property>
                      </object>
                    </child>

                  </object>
                </child>

                <child>
                  <object class="GtkScale" id="volume">
                    <property name="hexpand">True</property>
                    <property name="adjustment">
                      <object class="GtkAdjustment">
                        <property name="lower">0.0</property>
                        <property name="upper">100.0</property>
                        <property name="step-increment">1.0</property>
                        <property name="page-increment">10.0</property>
                      </object>
                    </property>
                  </object>
                </child>

              </object>
            </child>

          </object>
        </child>
      </object>
    </child>

    <child>
      <object class="GtkBox" id="buttons">
        <property name="homogeneous">True</property>
        <child>
          <object class="GtkStack" id="endless_stack">
            <child>
              <object class="GtkStackPage">
                <property name="name">set</property>
                <property name="child">
                  <object class="GtkButton" id="set_endless_button">
                    <property name="icon-name">media-playlist-repeat-symbolic</property>
                    <style><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkStackPage">
                <property name="name">unset</property>
                <property name="child">
                  <object class="GtkButton" id="unset_endless_button">
                    <property name="icon-name">media-playlist-repeat-symbolic</property>
                    <style><class name="active_icon_button"/><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="GtkButton" id="previous_track_button">
            <property name="icon-name">media-skip-backward-symbolic</property>
            <style><class name="flat"/></style>
          </object>
        </child>


        <child>
          <object class="GtkStack" id="play_pause_stack">
            <child>
              <object class="GtkStackPage">
                <property name="name">play</property>
                <property name="child">
                  <object class="GtkButton" id="play_button">
                    <property name="icon-name">media-playback-start-symbolic</property>
                    <style><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkStackPage">
                <property name="name">pause</property>
                <property name="child">
                  <object class="GtkButton" id="pause_button">
                    <property name="icon-name">media-playback-pause-symbolic</property>
                    <style><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
          </object>
        </child>

        <child>
          <object class="GtkButton" id="next_track_button">
            <property name="icon-name">media-skip-forward-symbolic</property>
            <style><class name="flat"/></style>
          </object>
        </child>

        <child>
          <object class="GtkStack" id="shuffle_stack">
            <child>
              <object class="GtkStackPage">
                <property name="name">set</property>
                <property name="child">
                  <object class="GtkButton" id="set_shuffle_button">
                    <property name="icon-name">media-playlist-shuffle-symbolic</property>
                    <style><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
            <child>
              <object class="GtkStackPage">
                <property name="name">unset</property>
                <property name="child">
                  <object class="GtkButton" id="unset_shuffle_button">
                    <property name="icon-name">media-playlist-shuffle-symbolic</property>
                    <style><class name="active_icon_button"/><class name="flat"/></style>
                  </object>
                </property>
              </object>
            </child>
          </object>
        </child>

      </object>
    </child>


  </template>
</interface>
