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

$C.@PageOverlay {
  LayoutMode: Middle;

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

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

    #Content {
      Group #RespawnPointList {
        LayoutMode: Top;
      }

      Group {
        Anchor: (Height: 2, Vertical: 6);
        Background: #292b2a;
      }

      Group {
        Padding: (Horizontal: 30, Top: 15, Bottom: 10);
        LayoutMode: Top;

        Label {
          Text: %server.customUI.respawnName;
          Style: (RenderBold: true, RenderUppercase: true, TextColor: #94a7bb);
        }

        Label #Error {
          Style: (RenderBold: true, TextColor: #bb3333);
          Visible: false;
        }

        $C.@TextField #NameInput {
          Anchor: (Top: 10, Height: 44);
        }

        Group {
          LayoutMode: Center;
          Anchor: (Top: 8);

          $C.@TextButton #ConfirmButton {
            @Anchor = (Right: 4);

            Text: %server.customUI.confirm;
            FlexWeight: 1;
          }

          $C.@SecondaryTextButton #CancelButton {
            @Anchor = (Left: 4);

            Text: %server.customUI.cancel;
            FlexWeight: 1;
          }
        }
      }
    }
  }
}

$C.@BackButton {}