<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/settings.css" />
	</styles>

	<SettingsPanel_RemoteClients class="SettingsSection" tabindex="auto" selectionpos="auto">
		<!-- main panel -->
    <Panel class="SettingsBottomPanel" tabindex="auto" selectionpos="auto">
		  <Panel class="SettingsContent">

			  <Label text="#Settings_RemoteClients_Description" class="ShowIfNotStreamingUI" />
			  <Panel id="SettingsRemoteClientTable" class="ShowIfNotStreamingUI">
				  <Panel class="SettingsRemoteClientsHeader">
					  <Label class="SettingsManageDevices_ColumnName" text="#Settings_RemoteClients_DeviceName" hittest="false" />
					  <Label class="SettingsManageDevices_ColumnName" text="#Settings_RemoteClients_Status" hittest="false" />
				  </Panel>
				  <Panel class="SettingsRemoteClientSection" selectionposboundary="vertical">
					  <Panel id="SettingsRemoteClientList">
						  <!-- code will add buttons for each device here  -->
					  </Panel>
					  <LoadingThrobber id="RemoteClientThrobber" />	
				  </Panel>
			  </Panel>
			
			  <Panel class="SettingsContent SettingsContentStreaming ShowIfNotStreamingUI">	
				  <ToggleButton class="CheckBox" id="EnableStreaming" onactivate="ToggleEnableStreaming();" text="#Settings_RemoteClients_EnableStreaming" />
				  <Button id="SettingsRemoteClients_Help" class="Button" onactivate="BrowserGoToURL(https://support.steampowered.com/kb_article.php?ref=3629-RIAV-1617);">
						  <Label class="LongDesc" text="#Settings_RemoteClients_StreamingSupport" />
				  </Button>
			  </Panel>

			  <Panel class="SettingsContent SettingsContentStreaming ShowIfStreamingUI" id="SettingsRemoteClientsStreamActiveContainer">
				  <Label text="#Settings_RemoteClients_StreamActiveIntro" />
				  <Label id="SettingsRemoteClientsStreamActiveDeviceLabel" text="#Settings_RemoteClients_StreamActiveDeviceName" />
				  <Button class="Button" onactivate="StopStreaming(0)"><Label class="LongDesc" text="#Quit_StopStreaming" /></Button>
				  <Panel id="SettingsRemoteClientsStreamActiveSpacefiller" />
				  <Label text="#Settings_RemoteClients_StreamActiveSettings" />
			  </Panel>

			  <Panel class="FlowRight">
				  <Panel class="SettingsColumnarContent FlowDown" >
					  <Label class="SettingsLabel" text="#Settings_RemoteClients_HostLabel" />
					
					  <!-- This is visible if hosting is not supported on this platform -->
					  <Label class="SettingsLabel" id="UnsupportedPlatform" text="#Settings_RemoteClients_UnsupportedPlatform" />
					
					  <!-- This is visible if hosting is supported on this platform -->
					  <Button class="Button" id="AdvancedHostOptions" onactivate="ShowAdvancedHostOptions();" >
						  <Label class="LongDesc" text="#Settings_RemoteClients_AdvancedHostOptions" />
					  </Button>

					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Panel class="Spacer" />
					  <Label class="SettingsLabel" text="#Settings_RemoteClients_P2PScope" />
					  <DropDown id="P2PScope" class="Filter" tabindex="auto">
						  <Label id="0" text="#Settings_RemoteClients_P2PScope_Automatic" />
						  <Label id="1" text="#Settings_RemoteClients_P2PScope_Disabled" />
						  <Label id="2" text="#Settings_RemoteClients_P2PScope_OnlyMe" />
						  <Label id="4" text="#Settings_RemoteClients_P2PScope_Everyone" />
					  </DropDown>
				  </Panel>
	
				  <Panel class="SettingsContent SettingsColumnarContent">
					  <Label class="SettingsLabel" text="#Settings_RemoteClients_ClientLabel" />
					  <RadioButton group="QUALITY" class="Button RadioButton Wide" id="RadioQualityFast" tabindex="auto" onactivate="UpdateStreamingQuality();" text="#Settings_RemoteClients_QualityFast" selectionpos="auto" />
					  <RadioButton group="QUALITY" class="Button RadioButton Wide" id="RadioQualityBalanced" tabindex="auto" onactivate="UpdateStreamingQuality();" text="#Settings_RemoteClients_QualityBalanced" selectionpos="auto" />
					  <RadioButton group="QUALITY" class="Button RadioButton Wide" id="RadioQualityBeautiful" tabindex="auto" onactivate="UpdateStreamingQuality();" text="#Settings_RemoteClients_QualityBeautiful" selectionpos="auto" />
					  <Button class="Button" id="AdvancedClientOptions" onactivate="ShowAdvancedClientOptions();" >
						  <Label class="LongDesc" text="#Settings_RemoteClients_AdvancedClientOptions" />
					  </Button>
				  </Panel>
			  </Panel>
		  </Panel>
		
    </Panel>
	</SettingsPanel_RemoteClients>
</root>
