$C = "../Common.ui";

$C.@PageOverlay {
  Anchor: (Top: 130);
}

$C.@Container {
  Anchor: (Width: 600, Height: 700);

  #Title {
    $C.@Title {
      @Text = %server.customUI.instanceListPage.title;
    }
  }

  #Content {
    LayoutMode: Top;

    Group #List {
      FlexWeight: 1;
      Anchor: (Bottom: 15);
      LayoutMode: TopScrolling;
      ScrollbarStyle: $C.@DefaultScrollbarStyle;
    }

    Label #Name {
        Padding: 8;
        Style: (
          FontSize: 18,
          RenderUppercase: true,
          RenderBold: true,
          HorizontalAlignment: Center,
          TextColor: #94969a
        );
        Text: " ";
      }

    $C.@PanelSeparatorFancy {}

    Group {
      LayoutMode: Left;
      Anchor: (Top: 15);

      $C.@TextButton #Load {
        @Anchor = (Right: 10);
        Text: %server.customUI.instanceListPage.button.load;
        FlexWeight: 1;
        Disabled: true;
      }

      $C.@TextButton #Spawn {
        Text: %server.customUI.instanceListPage.button.spawn;
        FlexWeight: 1;
        Disabled: true;
      }
    }
  }
}

$C.@BackButton {}