using Gtk 4.0;
using Adw 1;


ColorDialog colorDialog {
    title: "Choose a window label color";
    modal: true;
    with-alpha: false;
}

template $ConfigureRealm: Adw.NavigationPage {
  title: "Realm Config";
  tag: "realm-config";

  Adw.ToolbarView {
    [top]
    Adw.HeaderBar {}
    [top]
    Adw.Banner changedBanner {
      title: "Realm configuration has changed.";
      button-label: "Apply";
      button-clicked => $_onApplyClicked();
    }

    content: Adw.PreferencesPage {
      Adw.PreferencesGroup optionsGroup {
        title: "Options";
      }

      Adw.PreferencesGroup {
        title: "Other";
        Adw.ComboRow overlayCombo {
          title: "Overlay";
          model: StringList {
            strings [
              "Storage",
              "TmpFS",
              "None",
            ]
          };
        }

        Adw.ComboRow realmfsCombo {
          title: "RealmFS";
          model: StringList {
            strings []
          };
        }

        Adw.ActionRow {
          title: "Color Scheme";
          activatable-widget: colorSchemeButton;
          [suffix]
          Button colorSchemeButton {
            can-focus: false;
            label: "Default Dark";
          }
        }

        Adw.ActionRow {
          title: "Window Label Color";
          activatable-widget: labelColorButton;

          [suffix]
          ColorDialogButton labelColorButton {
            can-focus: false;
            dialog: colorDialog;
            rgba: "#ffff00000000";
          }
        }
      } // Adw.PreferencesGroup ("Other")

    }; // Adw.PreferencesPage
  } // Adw.ToolbarView
} // $ConfigureRealm