<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  <requires lib="adw" version="1.0"/>

  <template class="RecoderWindow" parent="AdwApplicationWindow">
    <property name="title">Recoder</property>
    <property name="default-width">700</property>
    <property name="default-height">400</property>

    <child>
      <object class="AdwToolbarView" id="toolbar_view">
        <child type="top">
          <object class="AdwHeaderBar" id="header_bar">
              <child>
                <object class="GtkButton" id="btn_transcode">
                  <property name="label">Transcode</property>
                  <property name="sensitive">False</property>
                </object>
              </child>
              <child>
                <object class="GtkButton" id="btn_cancel">
                  <property name="label">Cancel</property>
                  <property name="visible">False</property>
                </object>
              </child>
          </object>
        </child>

        <property name="content">
          <object class="GtkBox" id="main_box">
            <property name="orientation">vertical</property>
            <property name="spacing">6</property>
            <property name="vexpand">true</property>

            <child>
              <object class="GtkOverlay" id="overlay">
                <property name="hexpand">true</property>
                <property name="vexpand">true</property>

                <child>
                  <object class="GtkScrolledWindow" id="scrolled_window">
                    <property name="hexpand">true</property>
                    <property name="vexpand">true</property>

                    <child>
                      <object class="GtkListBox" id="listbox">
                        <property name="selection-mode">none</property>
                        <property name="vexpand">true</property>
                        <property name="show-separators">True</property>
                        <style>
                          <class name="rich-list"/>
                        </style>
                      </object>
                    </child>
                  </object>
                </child>

                <child type="overlay">
                  <object class="GtkLabel" id="drop_hint">
                    <property name="label">📂 Drop files here to get started</property>
                    <property name="halign">center</property>
                    <property name="valign">center</property>
                    <style>
                      <class name="dim-label"/>
                    </style>
                  </object>
                </child>
              </object>
            </child>

            <child>
              <object class="GtkProgressBar" id="progress_bar">
                <property name="hexpand">true</property>
                <property name="visible">False</property>
              </object>
            </child>
          </object>
        </property>
      </object>
    </child>
  </template>
</interface>
