/********************************************************
*   (c) Mojang. All rights reserved                     *
*   (c) Microsoft. All rights reserved.                 *
*********************************************************/

// The screen used to purchase (or trial use) a realm; pops up and gives
// the player a chance to ... name and decide purchase options.  Next
// screen is screen for Invite Players To Your Realm.

{
  "namespace": "realms_create",

  "title_label": {
    "type": "label",
    "size": [ "default", "default" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "color": "$title_text_color"
  },

  "label": {
    "type": "label",
    "color": "$main_header_text_color",
    "size": [ "default", "default" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left"
  },

  //--------------------------------------------------------------------------------
  // Controls
  //--------------------------------------------------------------------------------

  "enter_name_panel": {
    "type": "panel",
    "controls": [
      {
        "name_label_0@label": {
          "layer": 1,
          "offset": [ 2, 2 ],
          "text": "realmsCreateScreen.nameHeader.name"
        }
      },
      {
        "name_edit@common.text_edit_box": {
          "ignored": "$hide_name_as_edit",
          "layer": 2,
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "offset": [ 0, 12 ],
          "size": [ "100%", 25 ],
          "$text_box_name": "#realms_name_box",
          "$text_edit_box_content_binding_name": "#realms_name_textbox",
          "max_length": 64
        }
      },
      {
        "name_label_1": {
          "ignored": "$hide_name_as_label",
          "type": "panel",
          "layer": 2,
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "offset": [ 0, 12 ],
          "size": [ "100%", 25 ],
          "controls": [
            {
              "display_text@label": {
                "layer": 3,
                "offset": [ 5, 7 ],
                "size": [ "100% - 6px", "100%" ],
                "text": "$realm_name_label_text"
              }
            },
            { "border@common.edit_box_indent": {} }
          ]
        }
      }
    ]
  },

  "selected_option_checkbox": {
    "type": "image",
    "layer": 1,
    "size": [ 16, 13 ],
    "offset": [ 4, -1 ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle"
  },

  "selected_option_checkbox_empty@realms_create.selected_option_checkbox": {
    "texture": "textures/ui/checkboxUnFilled"
  },

  "selected_option_checkbox_filled@realms_create.selected_option_checkbox": {
    "texture": "textures/ui/checkboxFilledYellow",
    "bindings": [
      {
        "binding_name": "$selected_option_binding_name",
        "binding_name_override": "#visible"
      }
    ]
  },

  "checkbox_panel": {
    "type": "panel",
    "controls": [
      {
        "selected_option_checkbox_empty@realms_create.selected_option_checkbox_empty": {
          "layer": 1
        }
      },
      {
        "selected_option_checkbox_filled@realms_create.selected_option_checkbox_filled": {
          "layer": 2
        }
      },
      {
        "button_label": {
          "type": "label",
          "layer": 1,
          "size": [ "default", "default" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "color": "$text_color",
          "text": "$button_text"
        }
      }
    ]
  },

  "realms_option_button@common_buttons.light_content_button": {
    "$button_type_panel": "realms_create.checkbox_panel"
  },

  "choose_duration_panel": {
    "type": "panel",
    "controls": [
      {
        "name_label@label": {
          "offset": [ 2, 0 ],
          "text": "realmsCreateScreen.durationHeader",
          "layer": 2
        }
      },
      {
        "choose_duration_stack_panel": {
          "type": "input_panel",
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "size": [ "100%", "100% - 10px" ],
          "offset": [ 0, 10 ],
          "controls": [
            {
              "short@realms_create.realms_option_button": {
                "layer": 1,
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "50%", "100%" ],
                "$selected_option_binding_name": "#selected_duration_short",
                "$pressed_button_name": "button.realms_duration_short",
                "$button_text": "realmsCreateScreen.durationShort",
                "$toggle_name": "#selected_duration_short"
              }
            },
            {
              "long@realms_create.realms_option_button": {
                "layer": 2,
                "anchor_from": "top_right",
                "anchor_to": "top_right",
                "size": [ "50%", "100%" ],
                "$selected_option_binding_name": "#selected_duration_long",
                "$pressed_button_name": "button.realms_duration_long",
                "$button_text": "realmsCreateScreen.durationLong",
                "$toggle_name": "#selected_duration_long"
              }
            }
          ]
        }
      }
    ]
  },

  "choose_tier_panel": {
    "type": "panel",
    "controls": [
      {
        "name_label@label": {
          "offset": [ 2, 2 ],
          "text": "realmsCreateScreen.sizeHeader",
          "layer": 2
        }
      },
      {
        "choose_tier_stack_panel": {
          "type": "input_panel",
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "size": [ "100%", "100% - 14px" ],
          "offset": [ 0, 12 ],
          "controls": [
            {
              "player_count_2@realms_create.realms_option_button": {
                "layer": 1,
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "50%", "100%" ],
                "$selected_option_binding_name": "#player_count_2",
                "$pressed_button_name": "button.realms_player_count_2",
                "$toggle_name": "#player_count_2",
                "$button_text": "realmsCreateScreen.usersTwo"
              }
            },
            {
              "player_count_10@realms_create.realms_option_button": {
                "layer": 2,
                "anchor_from": "top_right",
                "anchor_to": "top_right",
                "size": [ "50%", "100%" ],
                "$selected_option_binding_name": "#player_count_10",
                "$pressed_button_name": "button.realms_player_count_10",
                "$toggle_name": "#player_count_10",
                "$button_text": "realmsCreateScreen.usersTen"
              }
            }
          ]
        }
      }
    ]
  },

  "view_terms_button@common_buttons.light_text_button": {
    "size": [ "50%", "100%" ],

    "$button_text": "realmsCreateScreen.viewTermsAndConditions",
    "$button_text_size": [ "100%", "default" ],
    "$button_text_max_size": [ "100% - 10px", 20 ],
    "anchor_from": "left_middle",
    "anchor_to": "left_middle"
  },

  "terms_and_conditions_panel": {
    "type": "panel",
    "controls": [
      {
        "name_label@label": {
          "offset": [ 2, 2 ],
          "text": "realmsCreateScreen.termsAndConditionsHeader",
          "layer": 2
        }
      },

      {
        "terms_string_panel": {
          "type": "panel",
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",
          "offset": [ 0, 6 ],
          "size": [ "100%", "100% - 12px" ],
          "$pressed_button_name": "button.tos_hyperlink",
          "variables": [
            {
              // Stop-gap measure until we can get hyperlinks to work from VR and FireTV
              "requires": "($is_holographic or $fire_tv)",
              "$pressed_button_name": "button.tos_popup"
            },
            {
              "requires": "($is_ios or $apple_tv)",
              "$pressed_button_name": "button.tos_ios_appletv"
            }
          ],
          "controls": [
            {
              "banner_fill": {
                "type": "image",
                "layer": 2,
                "texture": "textures/ui/Banners"
              }
            },
            {
              "checkbox_control@common.checkbox": {
                "size": [ "50%", "100%" ],
                "offset": [ 0, 0 ],
                "anchor_from": "left_middle",
                "anchor_to": "left_middle",
                "$checkbox_alignment": "left_middle",
                "$checkbox_offset": [ "7%", 0 ],
                "$toggle_name": "#agree_terms_and_conditions",
                "focus_change_up": "2users",
                "focus_identifier": "checkbox_control"
              }
            },
            {
              "i_agree_label": {
                "type": "label",
                "color": "$main_header_text_color",
                "text": "realmsCreateScreen.termsAndConditionsAgree",
                "offset": [ 22, 0 ],
                "layer": 3,
                "anchor_from": "left_middle",
                "anchor_to": "left_middle"
              }
            },
            {
              "view_terms_button@view_terms_button": {
                "offset": [ "50%", 0 ]
              }
            }
          ]
        }
      }
    ]
  },

  "confirmation_panel": {
    "type": "panel",
    "controls": [
      {
        "light_text_button@common_buttons.light_text_button": {
          "$pressed_button_name": "button.create_realm",
          "$button_text": "#confirmation_button_text",
          "$button_text_binding_type": "global",
          "size": [ "100%", "100%" ]
        }
      }
    ]
  },

  "stack_item": {
    "type": "panel",
    "anchor_from": "top_left",
    "anchor_to": "top_left"
  },

  "main_panel": {
    "type": "stack_panel",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "size": [ "100%", "100%" ],
    "offset": [ 2, 0 ],
    "controls": [
      {
        "name@stack_item": {
          "size": [ "100% - 4px", 34 ],
          "controls": [
            {
              "enter_name_panel@enter_name_panel": {
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "100%", "100% - 4px" ]
              }
            }
          ]
        }
      },
      {
        "padding_0": {
          "type": "panel",
          "size": [ 0, 2 ]
        }
      },
      {
        "duration@stack_item": {
          "ignored": "$hide_duration",
          "size": [ "100% - 4px", "20%" ],
          "controls": [
            {
              "choose_duration_panel@choose_duration_panel": {
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "100%", "100% - 4px" ],
                "offset": [ 0, 4 ]
              }
            }
          ]
        }
      },
      {
        "tier@stack_item": {
          "size": [ "100% - 4px", "20%" ],
          "controls": [
            {
              "choose_tier_panel@choose_tier_panel": {
                "ignored": "$hide_tier",
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "100%", "100% - 2px" ],
                "offset": [ 0, 2 ]
              }
            }
          ]
        }
      },
      {
        "toc@stack_item": {
          "size": [ "100%", "25%" ],
          "controls": [
            {
              "terms_and_conditions_panel@terms_and_conditions_panel": {
                "ignored": "$hide_terms_and_conditions",
                "anchor_from": "left_middle",
                "anchor_to": "left_middle",
                "size": [ "100% - 4px", "100% - 4px" ]
              }
            }
          ]
        }
      },
      {
        "confirm@stack_item": {
          "size": [ "100% - 4px", "20% - 19px" ],
          "controls": [
            {
              "confirmation_panel@confirmation_panel": {
                "anchor_from": "bottom_middle",
                "anchor_to": "bottom_middle"
              }
            }
          ]
        }
      },
      {
        "padding_1": {
          "type": "panel",
          "size": [ 0, 2 ]
        }
      }
    ]
  },

  //--------------------------------------------------------------------------------
  // Screen
  //--------------------------------------------------------------------------------

  "content": {
    "type": "panel",
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "size": [ "100%", "100%" ],
    "offset": [ 0, 0 ],
    "controls": [
      { "main_panel@main_panel": {} }
    ]
  },

  "realms_create_screen@common.base_screen": {
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      }
    ],
    "$screen_content": "realms_create.realms_create_content",
    "$default_text_color": [ 0.3, 0.3, 0.3 ]
  },

  "realms_create_content@common_dialogs.main_panel_no_buttons": {
    "$text_name": "$title_text",
    "$child_control": "realms_create.content",
    "size": "$realms_create_screen_size"
  }
}