using Gtk 4.0;
using Adw 1;

template $GnomeframeWindow: Adw.ApplicationWindow {
  default-width: 800;
  default-height: 600;
  title: "Gnomeframe";

  content:
    Adw.ToolbarView {
      [top]
      Adw.HeaderBar {
        [start]
        Button btn_save_profile {
          tooltip-text: _("Save Profile");
          icon-name: "floppy-symbolic";
        }

        [end]
        MenuButton {
          icon-name: "open-menu-symbolic";
          menu-model: primary_menu;
          tooltip-text: _("Main Menu");
          primary: true;
        }
      }
      content:
        Adw.Clamp {
          ScrolledWindow {
            hexpand: true;
            vexpand: true;
            margin-top: 8;
            margin-bottom: 8;
            margin-start: 8;
            margin-end: 8;
            Box {
              orientation: vertical;

            Label {
              label: _("Warframe Checklist");
              margin-top: 12;
              margin-bottom: 12;

              styles [
                "title-1",
              ]
            }

            Label {
              label: _("List of all Warframes available as of Nov '25");
              margin-bottom: 12;

              styles [
                "dim-label",
              ]
            }

            FlowBox frame_box {
              homogeneous: true;
              row-spacing: 18;
              max-children-per-line: 2;
              selection-mode: none;
              margin-start: 18;
              margin-end: 18;
              Box basic {
                orientation: vertical;
                Box {
                  orientation: horizontal;
                  halign: center;
                  Label {
                    label: _("Basic");
                    margin-bottom: 12;
                    margin-end: 4;
                    styles [
                      "bold",
                    ]
                  }

                  Label basic_counter {
                    label: "0";
                    margin-bottom: 12;
                    margin-start: 4;
                    styles [
                      "dimmed",
                    ]
                  }
                  Label {
                    label: "/62";
                    margin-bottom: 12;
                    styles [
                      "dimmed",
                    ]
                  }
                  Label {
                    label:"(";
                    margin-start:4;
                    margin-bottom: 12;
                    styles [
                      "dimmed",
                    ]
                  }
                  Label basic_percent {
                    label: "X";
                    margin-bottom: 12;
                    styles [
                      "dimmed",
                    ]
                  }
                  Label {
                    label: "%";
                    margin-bottom: 12;
                    styles [
                      "dimmed",
                    ]
                  }
                  Label {
                    label:")";
                    margin-bottom: 12;
                    styles [
                      "dimmed",
                    ]
                  }
                }

                Separator {
                  margin-bottom: 8;
                }

                Box btns_basic {
                  orientation: vertical;

                  ToggleButton ash {
                    name: "ash";
                    label: _("Ash");
                    margin-bottom: 4;
                  }

                  ToggleButton atlas {
                    name: "atlas";
                    label: _("Atlas");
                    margin-bottom: 4;
                  }

                  ToggleButton banshee {
                    name: "banshee";
                    label: _("Banshee");
                    margin-bottom: 4;
                  }

                  ToggleButton baruuk {
                    name: "baruuk";
                    label: _("Baruuk");
                    margin-bottom: 4;
                  }

                  ToggleButton caliban {
                    name: "caliban";
                    label: _("Caliban");
                    margin-bottom: 4;
                  }

                  ToggleButton chroma {
                    name: "chroma";
                    label: _("Chroma");
                    margin-bottom: 4;
                  }

                  ToggleButton citrine {
                    name: "citrine";
                    label: _("Citrine");
                    margin-bottom: 4;
                  }

                  ToggleButton cyte09 {
                    name: "cyte09";
                    label: _("Cyte-09");
                    margin-bottom: 4;
                  }

                  ToggleButton dagath {
                    name: "dagath";
                    label: _("Dagath");
                    margin-bottom: 4;
                  }

                  ToggleButton dante {
                    name: "dante";
                    label: _("Dante");
                    margin-bottom: 4;
                  }

                  ToggleButton ember {
                    name: "ember";
                    label: _("Ember");
                    margin-bottom: 4;
                  }

                  ToggleButton equinox {
                    name: "equinox";
                    label: _("Equinox");
                    margin-bottom: 4;
                  }

                  ToggleButton excalibur {
                    name: "excalibur";
                    label: _("Excalibur");
                    margin-bottom: 4;
                  }

                  ToggleButton frost {
                    name: "frost";
                    label: _("Frost");
                    margin-bottom: 4;
                  }

                  ToggleButton gara {
                    name: "gara";
                    label: _("Gara");
                    margin-bottom: 4;
                  }

                  ToggleButton garuda {
                    name: "garuda";
                    label: _("Garuda");
                    margin-bottom: 4;
                  }

                  ToggleButton gauss {
                    name: "gauss";
                    label: _("Gauss");
                    margin-bottom: 4;
                  }

                  ToggleButton grendel {
                    name: "grendel";
                    label: _("Grendel");
                    margin-bottom: 4;
                  }

                  ToggleButton gyre {
                    name: "gyre";
                    label: _("Gyre");
                    margin-bottom: 4;
                  }

                  ToggleButton harrow {
                    name: "harrow";
                    label: _("Harrow");
                    margin-bottom: 4;
                  }

                  ToggleButton hildryn {
                    name: "hildryn";
                    label: _("Hildryn");
                    margin-bottom: 4;
                  }

                  ToggleButton hydroid {
                    name: "hydroid";
                    label: _("Hydroid");
                    margin-bottom: 4;
                  }

                  ToggleButton inaros {
                    name: "inaros";
                    label: _("Inaros");
                    margin-bottom: 4;
                  }

                  ToggleButton ivara {
                    name: "ivara";
                    label: _("Ivara");
                    margin-bottom: 4;
                  }

                  ToggleButton jade {
                    name: "jade";
                    label: _("Jade");
                    margin-bottom: 4;
                  }

                  ToggleButton khora {
                    name: "khora";
                    label: _("Khora");
                    margin-bottom: 4;
                  }

                  ToggleButton koumei {
                    name: "koumei";
                    label: _("Koumei");
                    margin-bottom: 4;
                  }

                  ToggleButton kullervo {
                    name: "kullervo";
                    label: _("Kullervo");
                    margin-bottom: 4;
                  }

                  ToggleButton lavos {
                    name: "lavos";
                    label: _("Lavos");
                    margin-bottom: 4;
                  }

                  ToggleButton limbo {
                    name: "limbo";
                    label: _("Limbo");
                    margin-bottom: 4;
                  }

                  ToggleButton loki {
                    name: "loki";
                    label: _("Loki");
                    margin-bottom: 4;
                  }

                  ToggleButton mag {
                    name: "mag";
                    label: _("Mag");
                    margin-bottom: 4;
                  }

                  ToggleButton mesa {
                    name: "mesa";
                    label: _("Mesa");
                    margin-bottom: 4;
                  }

                  ToggleButton mirage {
                    name: "mirage";
                    label: _("Mirage");
                    margin-bottom: 4;
                  }

                  ToggleButton nekros {
                    name: "nekros";
                    label: _("Nekros");
                    margin-bottom: 4;
                  }

                  ToggleButton nezha {
                    name: "nezha";
                    label: _("Nezha");
                    margin-bottom: 4;
                  }

                  ToggleButton nidus {
                    name: "nidus";
                    label: _("Nidus");
                    margin-bottom: 4;
                  }

                  ToggleButton nokko {
                    name: "nokko";
                    label: _("Nokko");
                    margin-bottom: 4;
                  }

                  ToggleButton nova {
                    name: "nova";
                    label: _("Nova");
                    margin-bottom: 4;
                  }

                  ToggleButton nyx {
                    name: "nyx";
                    label: _("Nyx");
                    margin-bottom: 4;
                  }

                  ToggleButton oberon {
                    name: "oberon";
                    label: _("Oberon");
                    margin-bottom: 4;
                  }

                  ToggleButton octavia {
                    name: "octavia";
                    label: _("Octavia");
                    margin-bottom: 4;
                  }

                  ToggleButton oraxia {
                    name: "oraxia";
                    label: _("Oraxia");
                    margin-bottom: 4;
                  }

                  ToggleButton protea {
                    name: "protea";
                    label: _("Protea");
                    margin-bottom: 4;
                  }

                  ToggleButton qorvex {
                    name: "qorvex";
                    label: _("Qorvex");
                    margin-bottom: 4;
                  }

                  ToggleButton revenant {
                    name: "revenant";
                    label: _("Revenant");
                    margin-bottom: 4;
                  }

                  ToggleButton rhino {
                    name: "rhino";
                    label: _("Rhino");
                    margin-bottom: 4;
                  }

                  ToggleButton saryn {
                    name: "saryn";
                    label: _("Saryn");
                    margin-bottom: 4;
                  }

                  ToggleButton sevagoth {
                    name: "sevagoth";
                    label: _("Sevagoth");
                    margin-bottom: 4;
                  }

                  ToggleButton styanax {
                    name: "styanax";
                    label: _("Styanax");
                    margin-bottom: 4;
                  }

                  ToggleButton temple {
                    name: "temple";
                    label: _("Temple");
                    margin-bottom: 4;
                  }

                  ToggleButton titania {
                    name: "titania";
                    label: _("Titania");
                    margin-bottom: 4;
                  }

                  ToggleButton trinity {
                    name: "trinity";
                    label: _("Trinity");
                    margin-bottom: 4;
                  }

                  ToggleButton valkyr {
                    name: "valkyr";
                    label: _("Valykr");
                    margin-bottom: 4;
                  }

                  ToggleButton vauban {
                    name: "vauban";
                    label: _("Vauban");
                    margin-bottom: 4;
                  }

                  ToggleButton volt {
                    name: "volt";
                    label: _("Volt");
                    margin-bottom: 4;
                  }

                  ToggleButton voruna {
                    name: "voruna";
                    label: _("Voruna");
                    margin-bottom: 4;
                  }

                  ToggleButton wisp {
                    name: "wisp";
                    label: _("Wisp");
                    margin-bottom: 4;
                  }

                  ToggleButton wukong {
                    name: "wukong";
                    label: _("Wukong");
                    margin-bottom: 4;
                  }

                  ToggleButton xaku {
                    name: "xaku";
                    label: _("Xaku");
                    margin-bottom: 4;
                  }

                  ToggleButton yareli {
                    name: "yareli";
                    label: _("Yareli");
                    margin-bottom: 4;
                  }

                  ToggleButton zephyr {
                    name: "zephyr";
                    label: _("Zephyr");
                    margin-bottom: 4;
                  }
                }
              }

              Box primes {
                orientation: vertical;
                focusable: false;
                has-tooltip: false;

                Box prime {
                orientation: vertical;
                  Box {
                    orientation: horizontal;
                    halign: center;
                    Label {
                      label: _("Prime");
                      margin-bottom: 12;
                      margin-end: 4;
                      styles [
                        "bold",
                      ]
                    }

                    Label prime_counter {
                      label: "0";
                      margin-bottom: 12;
                      margin-start: 4;
                      styles [
                        "dimmed",
                      ]
                    }
                    Label {
                      label: "/49";
                      margin-bottom: 12;
                      styles [
                        "dimmed",
                      ]
                    }
                    Label {
                      label:"(";
                      margin-start:4;
                      margin-bottom: 12;
                      styles [
                        "dimmed",
                      ]
                    }
                    Label prime_percent {
                      label: "X";
                      margin-bottom: 12;
                      styles [
                        "dimmed",
                      ]
                    }
                    Label {
                      label: "%";
                      margin-bottom: 12;
                      styles [
                        "dimmed",
                      ]
                    }
                    Label {
                      label:")";
                      margin-bottom: 12;
                      styles [
                        "dimmed",
                      ]
                    }
                  }
                }
                Separator {
                  margin-bottom: 8;
                }

                Box btns_prime {
                  orientation: vertical;
                  focusable: false;
                  has-tooltip: false;

                  ToggleButton ash_prime {
                    name: "ash_prime";
                    label: _("Ash Prime");
                    margin-bottom: 4;
                  }

                  ToggleButton atlas_prime {
                    name: "atlas_prime";
                    label: _("Atlas Prime");
                    margin-bottom: 4;
                  }

                  ToggleButton banshee_prime {
                    name: "banshee_prime";
                    label: _("Banshee Prime");
                    margin-bottom: 4;
                  }

                  ToggleButton baruuk_prime {
                      name: "baruuk_prime";
                      label: _("Baruuk Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton caliban_prime {
                      name: "caliban_prime";
                      label: _("Caliban Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton chroma_prime {
                      name: "chroma_prime";
                      label: _("Chroma Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton citrine_prime {
                      name: "citrine_prime";
                      label: _("Citrine Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton cyte09_prime {
                      name: "cyte09_prime";
                      label: _("Cyte-09 Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton dagath_prime {
                      name: "dagath_prime";
                      label: _("Dagath Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton dante_prime {
                      name: "dante_prime";
                      label: _("Dante Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton ember_prime {
                      name: "ember_prime";
                      label: _("Ember Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton equinox_prime {
                      name: "equinox_prime";
                      label: _("Equinox Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton excalibur_umbra {
                      name: "excalibur_umbra";
                      label: _("Excalibur Umbra");
                      margin-bottom: 4;
                  }

                  ToggleButton frost_prime {
                      name: "frost_prime";
                      label: _("Frost Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton gara_prime {
                      name: "gara_prime";
                      label: _("Gara Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton garuda_prime {
                      name: "garuda_prime";
                      label: _("Garuda Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton gauss_prime {
                      name: "gauss_prime";
                      label: _("Gauss Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton grendel_prime {
                      name: "grendel_prime";
                      label: _("Grendel Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton gyre_prime {
                      name: "gyre_prime";
                      label: _("Gyre Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton harrow_prime {
                      name: "harrow_prime";
                      label: _("Harrow Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton hildryn_prime {
                      name: "hildryn_prime";
                      label: _("Hildryn Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton hydroid_prime {
                      name: "hydroid_prime";
                      label: _("Hydroid Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton inaros_prime {
                      name: "inaros_prime";
                      label: _("Inaros Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton ivara_prime {
                      name: "ivara_prime";
                      label: _("Ivara Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton jade_prime {
                      name: "jade_prime";
                      label: _("Jade Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton khora_prime {
                      name: "khora_prime";
                      label: _("Khora Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton koumei_prime {
                      name: "koumei_prime";
                      label: _("Koumei Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton kullervo_prime {
                      name: "kullervo_prime";
                      label: _("Kullervo Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton lavos_prime {
                      name: "lavos_prime";
                      label: _("Lavos Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton limbo_prime {
                      name: "limbo_prime";
                      label: _("Limbo Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton loki_prime {
                      name: "loki_prime";
                      label: _("Loki Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton mag_prime {
                      name: "mag_prime";
                      label: _("Mag Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton mesa_prime {
                      name: "mesa_prime";
                      label: _("Mesa Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton mirage_prime {
                      name: "mirage_prime";
                      label: _("Mirage Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton nekros_prime {
                      name: "nekros_prime";
                      label: _("Nekros Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton nezha_prime {
                      name: "nezha_prime";
                      label: _("Nezha Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton nidus_prime {
                      name: "nidus_prime";
                      label: _("Nidus Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton nokko_prime {
                      name: "nokko_prime";
                      label: _("Nokko Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton nova_prime {
                      name: "nova_prime";
                      label: _("Nova Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton nyx_prime {
                      name: "nyx_prime";
                      label: _("Nyx Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton oberon_prime {
                      name: "oberon_prime";
                      label: _("Oberon Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton octavia_prime {
                      name: "octavia_prime";
                      label: _("Octavia Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton oraxia_prime {
                      name: "oraxia_prime";
                      label: _("Oraxia Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton protea_prime {
                      name: "protea_prime";
                      label: _("Protea Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton qorvex_prime {
                      name: "qorvex_prime";
                      label: _("Qorvex Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton revenant_prime {
                      name: "revenant_prime";
                      label: _("Revenant Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton rhino_prime {
                      name: "rhino_prime";
                      label: _("Rhino Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton saryn_prime {
                      name: "saryn_prime";
                      label: _("Saryn Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton sevagoth_prime {
                      name: "sevagoth_prime";
                      label: _("Sevagoth Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton styanax_prime {
                      name: "styanax_prime";
                      label: _("Styanax Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton temple_prime {
                      name: "temple_prime";
                      label: _("Temple Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton titania_prime {
                      name: "titania_prime";
                      label: _("Titania Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton trinity_prime {
                      name: "trinity_prime";
                      label: _("Trinity Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton valkyr_prime {
                      name: "valkyr_prime";
                      label: _("Valykr Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton vauban_prime {
                      name: "vauban_prime";
                      label: _("Vauban Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton volt_prime {
                      name: "volt_prime";
                      label: _("Volt Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton voruna_prime {
                      name: "voruna_prime";
                      label: _("Voruna Prime");
                      margin-bottom: 4;
                      can-target: false;
                      can-focus: false;

                      styles [
                          "disabled",
                      ]
                  }

                  ToggleButton wisp_prime {
                      name: "wisp_prime";
                      label: _("Wisp Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton wukong_prime {
                      name: "wukong_prime";
                      label: _("Wukong Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton xaku_prime {
                      name: "xaku_prime";
                      label: _("Xaku Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton yareli_prime {
                      name: "yareli_prime";
                      label: _("Yareli Prime");
                      margin-bottom: 4;
                  }

                  ToggleButton zephyr_prime {
                      name: "zephyr_prime";
                      label: _("Zephyr Prime");
                      margin-bottom: 4;
                  }
                }
              }
            }
          }
        }
      };
    };
}

menu primary_menu {
  section {
    item {
      label: _("_Preferences");
      action: "app.preferences";
    }

    item {
      label: _("_Keyboard Shortcuts");
      action: "win.show-help-overlay";
    }

    item {
      label: _("_Help");
      action: "app.help";
    }

    item {
      label: _("_About Gnomeframe");
      action: "app.about";
    }
  }
}