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

$C.@PageOverlay {
  LayoutMode: Middle;

  $C.@DecoratedContainer {
    Anchor: (Width: 532);

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

    #Content {
      LayoutMode: Top;
      Padding: (Full: 16);

      Label {
        Text: %server.customUI.launchPadSettingsPage.velocity;
        Style: (...$C.@DefaultLabelStyle, RenderBold: true);
      }

      Group {
        LayoutMode: Left;
        Anchor: (Bottom: 16);

        Group {
          LayoutMode: Top;
          FlexWeight: 1;

          Label {
            Text: "X";
            Anchor: (Top: 6, Left: 0);
            Style:  $C.@DefaultLabelStyle;
          }

          $C.@NumberField #VelocityX {
            @Anchor = (Width: 60, Left: 0);

            Format: (
              MaxDecimalPlaces: 3,
              Step: 0.5
            );
          }
        }

        Group {
          LayoutMode: Top;
          FlexWeight: 1;

          Label {
            Text:  "Y";
            Anchor: (Top: 6, Left: 0);
            Style: $C.@DefaultLabelStyle;
          }

          $C.@NumberField #VelocityY {
            @Anchor = (Width: 60, Left: 0);

            Format: (
              MaxDecimalPlaces: 3,
              Step: 0.5
            );
          }
        }

        Group {
          LayoutMode: Top;
          FlexWeight: 1;

          Label {
            Text:  "Z";
            Anchor: (Top: 6, Left: 0);
            Style: $C.@DefaultLabelStyle;
          }

          $C.@NumberField #VelocityZ {
            @Anchor = (Width: 60, Left: 0);

            Format: (
              MaxDecimalPlaces: 3,
              Step: 0.5
            );
          }
        }
      }

      $C.@CheckBoxWithLabel #PlayersOnlyContainer {
        @Text =  %server.customUI.launchPadSettingsPage.playersOnly;
        @Checked = true;
      }

      Group {
        Anchor: (Vertical: 16, Height: 1);
        Background: #5e512c;
      }

      $C.@TextButton #SaveButton {
        Text:  %server.customUI.saveChanges;
      }
    }
  }
}

$C.@BackButton {}