using Gtk 4.0;

template $RealmsView {
  selected-realm: bind realmsSelection.selected-item;
  layout-manager: BinLayout {};
  Frame {
    width-request: 200;
    [label]
    Label {
      margin-start: 10;
      margin-top: 20;
      styles ["title-4"]
      label: "Realms";
    }

    ScrolledWindow {
      child: ListView {
        styles ["navigation-sidebar"]
        margin-start: 20;
        margin-end: 20;
        margin-top: 10;
        show-separators: true;
        focusable: false;
        can-focus: false;
        model: SingleSelection realmsSelection {
          model: FilterListModel hiddenRealmsFilterModel {
            model: SortListModel {
              model: $RealmModel{};
              sorter: CustomSorter realmSorter {};
            };
          };
        };
        factory: BuilderListItemFactory {
          resource: "/com/subgraph/citadel/Realms/ui/RealmListItem.ui";
        };
      };
    }
  }
}