<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/library/library.css" />
	</styles>
	<scripts>
		<include src="file://{resources}/javascript/base.js" />
	</scripts>
	<script>
		function LibraryAppDetailsOnLoad()
		{
		SetupMenuAndContentHoverEvents( 'CommonControls', 'MenuHover', 'LibraryDetailsSectionsContainer', 'ContentHover', 'LibraryDetailsPanel' );
		}
	</script>

	<LibraryAppDetails class="ContentPanel WaitingForApp" content-delete-at-stack-depth="10" onload="LibraryAppDetailsOnLoad();">
		<Panel id="DetailsBackground" class="DetailsBackground">
			<Image id="BGOverlay" class="BGOverlayInvisible" src="file://{images}/library/library_app_details_bg_wash.png" />
			<Panel id="BGScreenshotWrapper">
				<Image id="BGScreenshot" class="BGScreenshot" onload="AddStyle( BGScreenshotVisible ); RemoveStyle( BGScreenshotInvisible ); AddStyle( BGOverlay, BGOverlayVisible ); RemoveStyle( BGOverlay, BGOverlayInvisible );" />
			</Panel>
		</Panel>
		<Button id="Loading">
			<LoadingThrobber />
		</Button>
		<Panel id="DesktopPanels">
			<Panel id="CommonControls" tabindex="auto" selectionpos="auto" rememberchildfocus="true" >
				<LibraryLinksAndMore id="LinksAndMore" class="LinksAndMore" />
			</Panel>

			<Panel id="LibraryDetailsSectionsContainer" class="LibraryDetailsSectionsContainer" tabindex="auto" selectionpos="auto" childfocusonhover="true" >
				<LibrarySettings id="LibrarySettings" class="LibraryDetailsSectionPanel" rememberchildfocus="true" oncancel="LibraryDetailsFocusMenuRow();" />

				<Panel id="ParentalBlockPanel" class="ParentalBlockPanel" tabindex="auto" selectionpos="auto">
					<ParentalGridItem />
				</Panel>
				<CommunityHubContentPanel id="CommunityContentAllPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentScreenshotsPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentArtworkPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentVideosPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentBroadcastsPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentWorkshopPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentNewsPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentGuidesPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />
				<CommunityHubContentPanel id="CommunityContentReviewsPanel" class="LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="false" oncancel="LibraryDetailsFocusMenuRow();" />

				<Panel id="ContentsRow" class="ContentsRow LibraryDetailsSectionPanel" tabindex="auto" selectionpos="auto" rememberchildfocus="true" oncancel="LibraryDetailsFocusMenuRow();"  >
					<Panel class="LibraryDetailsScrollableArea" overscroll-y="150">
						<Panel class="LibraryDetailsSectionRow PlayArea">
							<Panel class="LibraryPlayRow">

								<Panel class="PlayOptions">
									<LibraryPlayAction id="PlayAction" class="PlayAction DetailsDataPanel" />
									<Button id="MoreWaysToPlayBtn" class="Button">
										<Label text="#Library_Details_MoreWaysToPlay" />
									</Button>
								</Panel>

								<Panel class="LaunchAppDetails">
									<Label id="LaunchAppStatus" />
								</Panel>

								<Panel class="PlayHeaderDetails">
									<Panel id="DescriptionArea" class="GameStatusHeader">

										<Panel class="GameStatusHeaderLine">
											<Panel id="GameStatusIconHolder" >
												<Panel id="ReadyToPlay" class="ReadyToPlay StatusImage" />
												<Panel id="ReadyToStream" class="ReadyToStream StatusImage" />
												<Panel id="ReadyToDownload" class="ReadyToDownload StatusImage" />
												<Panel id="NotReadyToPlay" class="NotReadyToPlay StatusImage" />
											</Panel>

											<Label id="GameStatus" class="GameStatus" text="" />
											<Label id="DownloadAmount" class="GameStatus" text="#Downloads_AmountValue" />

											<Panel id="StreamingData" class="GameStatus">
												<Label id="StreamFrom" text="#Library_Details_StreamFrom" />
												<Label id="StreamFromValue" text="Library_Details_StreamFromMachine" />
											</Panel>
										</Panel>

										<Panel class="DownloadBarBackground">
											<Panel id="DownloadBarPercent" class="DownloadBarPercent" />
										</Panel>
									</Panel>

									<Panel id="PlayStatsArea" class="AppMiscHeader">
										<Panel id="PurchaseTime" class="PlayTimeData">
											<Label class="DataHeader" text="#Library_Details_Purchased" />
											<Label class="DataValue" text="#Library_Details_PurchasedValue" />
										</Panel>
										<Panel id="ForeverPlaytime" class="PlayTimeData">
											<Label id="YouPlayedHeader" class="DataHeader" text="#Library_Details_YouvePlayed" />
											<Label id="YouWatchedHeader" class="DataHeader" text="#Library_Details_YouveWatched" />

											<Label id="YouPlayedMinutesSingular" class="YouPlayedValue DataValue" text="#Library_Details_MinutesSingular" />
											<Label id="YouPlayedMinutes" class="YouPlayedValue DataValue" text="#Library_Details_Minutes" />
											<Label id="YouPlayedHoursSingular" class="YouPlayedValue DataValue" text="#Library_Details_HoursSingular" />
											<Label id="YouPlayedHours" class="YouPlayedValue DataValue" text="#Library_Details_Hours" />
										</Panel>
										<Panel id="LastPlayed" class="PlayTimeData">
											<Label id="LastPlayedHeader" class="DataHeader" text="#Library_Details_LastPlayed" />
											<Label id="LastWatchedHeader" class="DataHeader" text="#Library_Details_LastWatched" />
											<Label id="LastPlayedValue" class="DataValue" text="#Library_Details_LastPlayedValue" />
										</Panel>
										<Panel id="CloudStatus" class="PlayTimeData">
											<Label id="SteamCloud" class="SteamCloud DataHeader" text="#Library_Details_SteamCloud" />
											<Label id="SteamCloudValue" class="SteamCloudValue DataValue" text="#Library_Details_SteamCloudValue" />
										</Panel>
										<Panel id="RentalRemaining" class="PlayTimeData">
											<Label id="RentalRemainingHeader" class="DataHeader" text="#Library_Details_RentalRemaining" />
											<Label id="RentalRemainingValue" class="DataValue" text="#Library_Details_RentalRemainingValue" />
										</Panel>
									</Panel>
								</Panel>

								<Panel id="SharingDetails" class="AppMiscHeader">
									<Label id="SharingHeader" class="DataHeader" text="#Library_Details_SharingHeader"/>
									<Label id="SharingValue" class="DataValue" text="#Library_Details_SharingUser"/>
								</Panel>
							</Panel>
						</Panel>

						<Panel class="LibrarySpacer"></Panel>

						<Panel class="LibraryDetailsSectionRow ShortArea">
							<!-- game can't play on this platform but you own it and can stream it from elsewhere -->
							<Button id="UnavailableOnPlatformHowToStreamInfo" class="Button LibraryContentDescriptionBlock FlowDown" onactivate="ShowHowToStreamDialog()">
								<Label class="InnerTitle" text="#Library_Details_UnavailableOnPlatform_HowToStream_Title" />
								<Label class="InnerDesc" text="#Library_Details_UnavailableOnPlatform_HowToStream_Desc" />
							</Button>

							<!-- Overlay is disabled - Steam Controller experience will be impacted -->
							<Panel id="OverlayDisabledWarning" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Image src="file://{images}/library/icon_warning_controller.png" />
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_OverlayDisabledWarning_Title" />
										<Label class="InnerDesc" text="#Library_Details_OverlayDisabledWarning_Desc" />
									</Panel>
								</Panel>
							</Panel>

							<!-- game not designed for controllers so prompts might mismatch, but experience is fine -->
							<Panel id="GameNotDesignedForControllerWarning" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Image src="file://{images}/library/icon_warning_controller.png" />
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_GameNotDesignedForControllerWarning_Title" />
										<Label class="InnerDesc" text="#Library_Details_GameNotDesignedForControllerWarning_Desc" />
									</Panel>
								</Panel>
							</Panel>

							<!-- game experience fundamentally revolves around keyboard/house in specific ways -->
							<Panel id="GameDesignKeyboardMouseWarning" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Image src="file://{images}/library/icon_warning_keyboard.png" />
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_GameDesignKeyboardMouseWarning_Title" />
										<Label class="InnerDesc" text="#Library_Details_GameDesignKeyboardMouseWarning_Desc" />
									</Panel>
								</Panel>
							</Panel>

							<!-- game has interstitials, etc. -->
							<Panel id="GameRequiresMouseKeyboardInteractionWarning" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Image src="file://{images}/library/icon_warning_keyboard.png" />
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_GameRequiresMouseKeyboardInteractionWarning_Title" />
										<Label class="InnerDesc" text="#Library_Details_GameRequiresMouseKeyboardInteractionWarning_Desc" />
									</Panel>
								</Panel>
							</Panel>

							<!-- VR game requires a controller other than the one currently active -->
							<Panel id="VRGameRequiresDifferentControls" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_VRIncorrectControllerWarning_Title" />
										<Label class="InnerDesc" text="#Library_Details_VRIncorrectControllerWarning_Desc" />
										<Panel class="FlowRight">
											<Panel class="VRInputType SteamVR Oculus">
												<Panel class="TrackedImages">
													<Image class="SteamVRImage" src="file://{images}/library/icon_input_motioncontroller.png" />
<!-- Enable when we have a touch image									<Image class="OculusImage" src="file://{images}/library/icon_oculus_controller.png" /> -->
												</Panel>
												<Label text="#Library_Details_VRController_Tracked"/>
											</Panel>
											<Panel class="VRInputType XInput">
												<Image src="file://{images}/library/icon_input_gamepad.png" />
												<Label text="Library_Details_VRController_Gamepad"/>
											</Panel>
											<Panel class="VRInputType Keyboard">
												<Image src="file://{images}/library/icon_input_kbm.png" />
												<Label text="#Library_Details_VRController_KBMouse"/>
											</Panel>
										</Panel>
									</Panel>
								</Panel>
							</Panel>

							<Panel id="VRGamePlayspaceWarning" class="LibraryControllerDescriptionBlock">
								<Panel class="ControllerWarning_bg" />
								<Panel class="ControllerWarning_ctn FlowRight">
									<Image src="file://{images}/library/icon_playarea_roomscale.png" />
									<Panel class="FlowDown">
										<Label class="InnerTitle" text="#Library_Details_VRPlayAreaWarning_Title"/>
										<Label class="InnerDesc Uncalibrated" text="#Library_Details_VRPlayAreaWarning_Uncalibrated" />
										<Label class="InnerDesc RoomScale" text="#Library_Details_VRPlayAreaWarning_RoomScale"/>
										<Label class="InnerDesc NotEnoughRoom" text="#Library_Details_VRPlayAreaWarning_NotEnoughRoom" />
									</Panel>
								</Panel>
							</Panel>

							<LibraryFriendsWhoPlay id="FriendsWhoPlay" class="FriendsWhoPlay DetailsDataPanel Small" />
							<LibraryAchievements id="Achievements" class="Achievements DetailsDataPanel Small" />
							<LibraryRentalInfo id="RentalInfo" class="RentalInfo DetailsDataPanel Small" />
							<LibraryGameBadge id="GameBadge" class="GameBadge DetailsDataPanel Small" />
						</Panel>
						<Panel class="LibraryDetailsSectionRow TallArea">
							<LibraryRecentNews id="RecentNews" class="RecentNews DetailsDataPanel" />
							<LibraryDLC id="DLC" class="DLC DetailsDataPanel" />
							<LibraryScreenshots id="Screenshots" class="Screenshots DetailsDataPanel" />
						</Panel>
					</Panel>
				</Panel>

			</Panel>
		</Panel>

	</LibraryAppDetails>
</root>
