window.ui

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

  <template class="SportsWindow" parent="GtkApplicationWindow">
    <property name="default-width">900</property>
    <property name="default-height">600</property>
    <property name="title" translatable="yes">Sports</property>

    <!-- Integrated header with menu -->
    <child type="titlebar">
      <object class="AdwHeaderBar">
        <!-- Centered title -->
        <child type="title">
          <object class="AdwWindowTitle">
            <property name="title" translatable="yes">Sports</property>
          </object>
        </child>

        <!-- Three-lines menu button -->
        <child type="end">
          <object class="GtkMenuButton">
            <property name="icon-name">open-menu-symbolic</property>
            <property name="tooltip-text" translatable="yes">Menu</property>
            <property name="menu-model">primary_menu</property>
          </object>
        </child>
      </object>
    </child>

    <!-- Main content with sidebar -->
    <property name="child">
      <object class="AdwNavigationSplitView" id="split_view">
        <property name="max-sidebar-width">220</property>

        <!-- Sidebar -->
        <property name="sidebar">
          <object class="GtkScrolledWindow">
            <property name="vexpand">True</property>
            <property name="hscrollbar-policy">never</property>

            <child>
              <object class="GtkBox">
                <property name="orientation">vertical</property>
                <property name="spacing">12</property>
                <property name="margin-top">12</property>
                <property name="margin-bottom">12</property>
                <property name="margin-start">12</property>
                <property name="margin-end">12</property>

                <!-- App name at the top, centered -->
                <child>
                  <object class="GtkLabel">
                    <property name="label">Sports</property>
                    <property name="xalign">0.5</property>
                    <attributes>
                      <attribute name="weight" value="bold"/>
                      <attribute name="scale" value="1.5"/>
                    </attributes>
                  </object>
                </child>

                <!-- Competitions title -->
                <child>
                  <object class="GtkLabel">
                    <property name="label">Competitions</property>
                    <property name="xalign">0.5</property>
                    <attributes>
                      <attribute name="weight" value="bold"/>
                      <attribute name="scale" value="1.1"/>
                    </attributes>
                  </object>
                </child>

                <!-- Serie A -->
                <child>
                  <object class="AdwActionRow" id="row_serie_a">
                    <property name="title">Serie A</property>
                    <property name="activatable">True</property>
                  </object>
                </child>

                <!-- Bundesliga -->
                <child>
                  <object class="AdwActionRow" id="row_bundesliga">
                    <property name="title">Bundesliga</property>
                    <property name="activatable">True</property>
                  </object>
                </child>

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

        <!-- Main area -->
        <property name="content">
          <object class="GtkBox">
            <property name="orientation">vertical</property>
            <property name="spacing">12</property>

            <child>
              <object class="GtkLabel" id="label">
                <property name="label" translatable="yes">Select a competition from the sidebar</property>
                <property name="xalign">0.5</property>
                <style>
                  <class name="title-1"/>
                </style>
              </object>
            </child>
          </object>
        </property>
      </object>
    </property>
  </template>

  <!-- Main menu -->
  <menu id="primary_menu">
    <section>
      <item>
        <attribute name="label" translatable="yes">_Preferences</attribute>
        <attribute name="action">app.preferences</attribute>
      </item>
      <item>
        <attribute name="label" translatable="yes">_Keyboard Shortcuts</attribute>
        <attribute name="action">app.shortcuts</attribute>
      </item>
      <item>
        <attribute name="label" translatable="yes">_About Sports</attribute>
        <attribute name="action">app.about</attribute>
      </item>
    </section>
  </menu>
</interface>