{
  "namespace": "store",

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

  "banner_fill": {
    "type": "image",
    "texture": "gui/newgui/Banners.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 4, 4 ],
    "nineslice_size": 1
  },

  "title_label": {
    "type": "label",
    "size": [ "100%", "14px" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "alignment": "center",
    "color": [ 0.3, 0.3, 0.3 ]
  },

  "label": {
    "type": "label",
    "size": [ "100%", "14px" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "alignment": "center"
  },

  "button_image": {
    "$button_text|default": "",
    "$button_text_offset|default": [ 0, 0 ],
    "type": "image",
    "nineslice_size": 2,
    "uv": [ 0, 0 ],
    "uv_size": [ 6, 6 ],
    "controls": [
      {
        "button_label": {
          "type": "label",
          "layer": 6,
          "size": [ "100%", "100%" ],
          "anchor_from": "center",
          "anchor_to": "center",
          "color": [ 0.3, 0.3, 0.3 ],
          "offset": "$button_text_offset",
          "text": "$button_text"
        }
      }
    ]
  },

  "chevron_button_image@button_image": {
    "controls": [
      {
        "chevron_image": {
          "type": "image",
          "layer": 2,
          "uv": [ 0, 0 ],
          "uv_size": [ 4, 7 ],
          "size": [ 4, 7 ],
          "offset": "$chevron_offset",
          "texture": "$chevron_image_name"
        }
      }
    ]
  },

  "cycle_pack_button@common.button": {
    "controls": [
      {
        "default@chevron_button_image": {
          "texture": "gui/newgui/ButtonWithBorder.png"
        }
      },
      {
        "hover@chevron_button_image": {
          "texture": "gui/newgui/ButtonWithBorderHover.png"
        }
      },
      {
        "pressed@chevron_button_image": {
          "texture": "gui/newgui/ButtonWithBorderPressed.png",
          "$chevron_offset": [ 0, 1 ]
        }
      }
    ]
  },

  "cycle_pack_left_button@cycle_pack_button": {
    "anchor_from": "bottom_left",
    "anchor_to": "bottom_left",
    "$chevron_image_name": "gui/newgui/chevron_left.png",
    "$chevron_offset": [ 0, 0 ],
    "$pressed_button_name": "button.cycle_pack_left"
  },

  "cycle_pack_right_button@cycle_pack_button": {
    "anchor_from": "bottom_right",
    "anchor_to": "bottom_right",
    "$chevron_image_name": "gui/newgui/chevron_right.png",
    "$chevron_offset": [ 0, 0 ],
    "$pressed_button_name": "button.cycle_pack_right"
  },

  "restore_purchases@common.new_button": {
    "anchor_from": "center",
    "anchor_to": "center",
    "$pressed_button_name": "button.restore_store",
    "$button_label_text": "skins.restore.button"
  },

  //--------------------------------------------------------------------------------
  // Content
  //--------------------------------------------------------------------------------

  "featured_key_art": {
    "type": "panel",
    "size": [ 160, "100%" ],
    "controls": [
      {
        "bg@banner_fill": {
          "layer": 3,
          "offset": [ -0.5, 2 ],
          "controls": [
            {
              "featured_key_art": {
                "type": "image",
                "texture": "$featured_texture_path",
                "texture_file_system": "$featured_texture_file_system",
                "layer": 4,
                "size": [ "100% - 2px", "100% - 2px" ],
                "uv": [ 0, 0 ],
                "uv_size": [ 800, 450 ]
              }
            }
          ]
        }
      }
    ]
  },

  "featured_description": {
    "type": "panel",
    "size": [ "100%-160px", "100%" ],
    "controls": [
      {
        "bg@banner_fill": {
          "layer": 3,
          "offset": [ -1.5, 2 ],
          "controls": [
            {
              "text_panel": {
                "type": "panel",
                "layer": 4,
                "anchor_from": "center",
                "anchor_to": "center",
                "size": [ "100% - 10px", "100% - 10px" ],
                "controls": [
                  {
                    "header@store.label": {
                      "size": [ "100%", "20px" ],
                      "text": "$featured_title",
                      "alignment": "top_left",
                      "wrap": true,
                      "color": "yellow"
                    }
                  },
                  {
                    "body@store.label": {
                      "size": [ "100%", "40px" ],
                      "offset": [ 0, "21px" ],
                      "text": "$featured_desc",
                      "alignment": "top_left",
                      "wrap": true,
                      "clip":  true,
                      "color": "white"
                    }
                  },
                  {
                    "footer@store.label": {
                      "text": "$featured_price",
                      "alignment": "right_middle",
                      "anchor_from": "bottom_right",
                      "anchor_to": "bottom_right",
                      "color": "yellow"
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "featured": {
    "type": "panel",
    "controls": [
      {
        "featured_pic_and_desc": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100% - 3px", "100% - 4px" ],
          "offset": [ 1, -2 ],
          "controls": [
            {
              "@featured_key_art": {
                "anchor_from": "top_left",
                "anchor_to": "top_left"
              }
            },
            {
              "@featured_description": {
                "anchor_from": "top_left",
                "anchor_to": "top_left"
              }
            }
          ]
        }
      },
      {
        "featured_button@common.button": {
          "$pressed_button_name": "button.select_featured",
          "layer": 4,
          "size": [ "100%", "100%" ],
          "offset": [ 0, 0 ],
          "default_control": "",
          "hover_control": "hover",
          "pressed_control": "pressed",
          "focus_enabled": true,
          "controls": [
            {
              "hover@common.focus_border_white": {
                "size": [ "100% - 4px", "100% - 4px" ]
              }
            },
            {
              "pressed@common.focus_border_white": {
                "size": [ "100% - 4px", "100% - 4px" ]
              }
            }
          ]
        }
      }
    ]
  },

  "offer_grid_item": {
    "type": "panel",
    "size": [ "default", "100%" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "controls": [
      {
        "frame@banner_fill": {
          "size": [ 74, 42 ],
          "layer": 3,
          "controls": [
            {
              "offer_key_art": {
                "type": "image",
                "layer": 5,
                "size": [ 72, 40 ],
                "bindings": [
                  {
                    "binding_type": "collection_details",
                    "binding_collection_name": "category_collection",
                    "binding_collection_prefix": "category"
                  },
                  {
                    "binding_type": "collection",
                    "binding_collection_name": "offers_collection",
                    "binding_name": "#offer_texture_name",
                    "binding_name_override": "#texture"
                  },
                  {
                    "binding_type": "collection",
                    "binding_collection_name": "offers_collection",
                    "binding_name": "#offer_texture_file_system",
                    "binding_name_override": "#texture_file_system"
                  }
                ]
              }
            },
            {
              "offer_button": {
                "type": "button",

                "$focus_id|default": "",
                "$focus_override_down|default": "",
                "$focus_override_up|default": "",
                "$focus_override_left|default": "",
                "$focus_override_right|default": "",
                "focus_identifier": "$focus_id",
                "focus_change_down": "$focus_override_down",
                "focus_change_up": "$focus_override_up",
                "focus_change_left": "$focus_override_left",
                "focus_change_right": "$focus_override_right",
                "focus_enabled": true,

                "layer": 4,
                "default_control": "",
                "hover_control": "hover",
                "pressed_control": "pressed",
                "bindings": [
                  {
                    "binding_type": "collection_details",
                    "binding_collection_name": "category_collection",
                    "binding_collection_prefix": "category"
                  },
                  {
                    "binding_type": "collection_details",
                    "binding_collection_name": "offers_collection",
                    "binding_collection_prefix": "offers"
                  }
                ],
                "button_mappings": [
                  {
                    "from_button_id": "button.menu_select",
                    "to_button_id": "button.select_offer",
                    "mapping_type": "pressed"
                  },
                  {
                    "from_button_id": "button.menu_ok",
                    "to_button_id": "button.select_offer",
                    "mapping_type": "pressed"
                  }
                ],
                "controls": [
                  {
                    "hover@common.focus_border_white": {
                    }
                  },
                  {
                    "pressed@common.focus_border_white": {
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ],
    "bindings": [
      {
        "binding_type": "collection_details",
        "binding_collection_name": "category_collection",
        "binding_collection_prefix": "category"
      },
      {
        "binding_type": "collection",
        "binding_collection_name": "offers_collection",
        "binding_name": "#valid_offer_index",
        "binding_name_override": "#visible"
      }
    ]
  },

  "offer_grid": {
    "type": "grid",
    "size": [ "100% - 60px", "100%" ],
    "offset": [ 30, 0 ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "grid_item_template": "store.offer_grid_item",
    "grid_dimension_binding": "#offer_grid_dimensions",
    "collection_name": "offers_collection",
    "bindings": [
      {
        "binding_name": "#offer_grid_dimensions"
      }
    ]
  },

  "category_grid_item": {
    "type": "panel",
    "size": [ "100%", 62 ], // specify a height, therefore size grid to 'size of children'
    "controls": [
      {
        "content": {
          "type": "panel",
          "size": [ "100% + 2px", "100% + 1px" ],
          "offset": [ -1, 0 ],
          "controls": [
            {
              "@label": {
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "100%", 10 ],
                "offset": [ 8, 4 ],
                "alignment": "top_left",
                "text": "#offer_category_name",
                "bindings": [
                  {
                    "binding_type": "collection",
                    "binding_collection_name": "category_collection",
                    "binding_name": "#offer_category_name"
                  }
                ]
              }
            },
            {
              "bg@banner_fill": {
                "size": [ "100% - 6px", "100% - 16px" ],
                "offset": [ 1, 6 ],
                "controls": [
                  {
                    "button_frame": {
                      "type": "panel",
                      "size": [ 30, "100%" ],
                      "anchor_from": "top_left",
                      "anchor_to": "top_left",
                      "controls": [
                        {
                          "@cycle_pack_left_button": {
                            "$pressed_button_name": "button.cycle_offer_left",
                            "size": [ "100% - 5px", "100% - 5px" ],
                            "anchor_from": "center",
                            "anchor_to": "center",
                            "bindings": [
                              {
                                "binding_type": "collection_details",
                                "binding_collection_name": "category_collection"
                              }
                            ]
                          }
                        }
                      ]
                    }
                  },
                  {
                    "@store.offer_grid": {
                    }
                  },
                  {
                    "button_frame": {
                      "type": "panel",
                      "size": [ 30, "100%" ],
                      "anchor_from": "top_right",
                      "anchor_to": "top_right",
                      "controls": [
                        {
                          "@cycle_pack_right_button": {
                            "$pressed_button_name": "button.cycle_offer_right",
                            "size": [ "100% - 5px", "100% - 5px" ],
                            "anchor_from": "center",
                            "anchor_to": "center",
                            "bindings": [
                              {
                                "binding_type": "collection_details",
                                "binding_collection_name": "category_collection"
                              }
                            ]
                          }
                        }
                      ]
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "category_grid": {
    "type": "grid",
    "size": [ "100%", "default" ], // height is 'default' therefore based on 'size of children'
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "grid_item_template": "store.category_grid_item",
    "grid_dimension_binding": "#category_grid_dimensions",
    "collection_name": "category_collection",
    "bindings": [
      {
        "binding_name": "#category_grid_dimensions"
      }
    ]
  },

  "scrolling_content_stack": {
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "type": "stack_panel",
    "controls": [
      {
        "@featured": {
          "size": [ "100%", 90 ]
        }
      },
      {
        "@category_grid": {
          "size": [ "100%", "default" ]
        }
      },
      {
        "footer": {
          "type": "panel",
          "visible" : "$requires_restore_button",
          "size": [ "100%", 30 ],
          "controls": [
            {
              "@restore_purchases": {
                "size": [ "28%", 30 ]
              }
            }
          ]
        }
      }
    ]
  },

  "main_panel": {
    "type": "input_panel",
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "offset": [ 0, 0 ],
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "offers@common.scrolling_panel": {
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          "$scrolling_pane_size": [ "100%", "100%" ],
          "$scrolling_pane_offset": [ 0, 0 ],
          "$scroll_track_size": [ 3, "100% - 4px" ],
          "$scroll_track_offset": [ -2, 2 ],
          "$scroll_box_size": [ "5px", "100% - 4px" ],
          "$scroll_box_offset": [ -1, 2 ],
          "$scroll_box_offset_touch": [ 0, 2 ],
          "$scrolling_content": "store.scrolling_content_stack",
          "$show_background": false,
          "$bar_visible": false
        }
      }
    ]
  },

  "popup_dialog__no_store_connection@popup_dialog.popup_dialog": {
    "$middle_button_press": "button.close_dialog",
    "$message_text": "skins.buy.noConnection",
    "$middle_button_text": "gui.ok",
    "controls": [
      { "@popup_dialog.popup_dialog_bg": { } },
      { "@popup_dialog.popup_dialog_message": { } },
      { "@popup_dialog.popup_dialog_middle_button": { } }
    ]
  },

  "popup_dialog__restore_popup@popup_dialog.popup_dialog": {
    "$middle_button_press": "button.close_dialog",
    "$message_text": "store.restore.description",
    "controls": [
      { "@popup_dialog.popup_dialog_bg": { } },
      { "@popup_dialog.popup_dialog_message": { } }
    ]
  },
  
  "popup_dialog__restore_failed@popup_dialog.popup_dialog": {
    "$middle_button_press": "button.close_dialog",
    "$message_text": "store.restore.failed",
    "$middle_button_text": "gui.ok",
    "controls": [
      { "@popup_dialog.popup_dialog_bg": { } },
      { "@popup_dialog.popup_dialog_message": {} },
      { "@popup_dialog.popup_dialog_middle_button": { } }
    ]
  },

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

  "store_screen@common.base_screen": {
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      },
      {
        "from_button_id": "button.menu_up",
        "to_button_id": "button.menu_up",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_down",
        "to_button_id": "button.menu_down",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_left",
        "to_button_id": "button.menu_left",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_right",
        "to_button_id": "button.menu_right",
        "mapping_type": "global",
        "scope": "view"
      }
    ],
    "$default_text_color": [ 0.3, 0.3, 0.3 ],
    "$screen_content": "store.store_screen_content"
  },

  "store_screen_content": {
    "type": "panel",
    "controls": [
      {
        "main_panel@realms_common.main_panel_no_bottom": {
          "size": "$store_screen_size",
          "offset": [ 0, 0 ],
          "$text_name": "store.title",
          "$child_control": "store.main_panel"
        }
      },
      {
        "popup_dialog_factory": {
          "type": "factory",
          "control_ids": {
            "no_store_connection": "@store.popup_dialog__no_store_connection",
            "restore_popup": "@popup_dialog__restore_popup",
            "restore_failed": "@popup_dialog__restore_failed"
          }
        }
      }
    ]
  }
}