<root>
	<styles>
		<include src="file://{resources}/styles/steamstyles.css" />
		<include src="file://{resources}/styles/settings.css" />
    <include src="file://{resources}/styles/settings_steamcontroller_support.css" />
	</styles>

  <SettingsPanel_SteamControllerSupport class="SettingsSection">
    <Panel id="MainSupportPanel" class="SettingsBottomPanel">
      <Label id="MainSupportHeading" text="" />
      <Panel id="SupportControllerSection">
        <Image id="ButtonRTrigPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonLTrigPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonRBumpPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonLBumpPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonAPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonBPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonXPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonYPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonMenuPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonSteamPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonEscapePressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonLBackPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonRBackPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonLPadPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonRPadPressed" src="file://{images}/settings/Button_highlight.png" />
        <Image id="ButtonJoystickPressed" src="file://{images}/settings/Button_highlight.png" />

        <Panel id="ButtonsTesting" class="InvisibleElement" >
          <!-- TODO: This becomes visible when the button test is being prompted. -->
        </Panel>

        <Panel id="LeftPadOverlay">
          <Image id="LeftPadTouch" src="file://{images}/settings/Button_highlight.png" />
          <Panel id="LeftPadTesting" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the left pad test is being prompted. -->
          </Panel>
          <Panel id="LeftPadPassed" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the left pad test passes and needs to actually show something. -->
          </Panel>
        </Panel>
        <Panel id="RightPadOverlay">
          <Image id="RightPadTouch" src="file://{images}/settings/Button_highlight.png" />
          <Panel id="RightPadTesting" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the right pad test is being prompted. -->
          </Panel>
          <Panel id="RightPadPassed" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the right pad test passes and needs to actually show something. -->
          </Panel>
        </Panel>

        <Panel id="JoystickOverlay">
          <Image id="JoystickPosition" src="file://{images}/settings/Button_highlight.png" />
          <Panel id="JoystickRangeTesting" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the joystick range test is being prompted. -->
          </Panel>
          <Panel id="JoystickRangePassed" class="InvisibleElement" >
            <!-- TODO: This becomes visible when the joystick range test passes and needs to actually show something. -->
          </Panel>
        </Panel>

        <Label id="LeftTrigger" class="SettingsCallout" text="{d:ltrig}" />
        <Panel id="LeftTriggerRangeTesting" class="InvisibleElement" >
          <!-- TODO: This becomes visible when the left trigger range test is being prompted. -->
        </Panel>
        <Panel id="LeftTriggerRangePassed" class="InvisibleElement" >
          <!-- TODO: This becomes visible when the left trigger range test passes and needs to actually show something. -->
        </Panel>
        
        <Label id="RightTrigger" class="SettingsCallout" text="{d:rtrig}" />
        <Panel id="RightTriggerRangeTesting" class="InvisibleElement" >
          <!-- TODO: This becomes visible when the left trigger range test is being prompted. -->
        </Panel>
        <Panel id="RightTriggerRangePassed" class="InvisibleElement" >
          <!-- TODO: This becomes visible when the right trigger range test passes and needs to actually show something. -->
        </Panel>
      </Panel>

      <Panel id="LeftHapticsTesting" class="InvisibleElement" >
        <!-- TODO: This becomes visible when the left haptics test passes and needs to actually show something. -->
      </Panel>
      <Panel id="RightHapticsTesting" class="InvisibleElement" >
        <!-- TODO: This becomes visible when the right haptics test passes and needs to actually show something. -->
      </Panel>

      <Panel id="TestingComplete" class="InvisibleElement" >
        <!-- TODO: This becomes visible when all tests are completed. -->
      </Panel>
      
      <Panel id="SupportInfoSection">
        <Panel class="InfoSectionColumn">
          <Label class="SettingsCallout" text="#SettingsControllerSupport_SerialNumber" />
          <Label class="SettingsCallout" text="#SettingsControllerSupport_BoardRev" />
        </Panel>
        <Panel class="InfoSectionColumn">
          <Label class="SettingsCallout" text="SettingsControllerSupport_FirmwareRev" />
          <Label class="SettingsCallout" text="#SettingsControllerSupport_BootloaderRev" />
          <Label class="SettingsCallout" text="#SettingsControllerSupport_RadioRev" />
        </Panel>
        <Panel class="InfoSectionColumn">
          <Label class="SettingsCallout" text="#SettingsControllerSupport_FirmwareDate" />
          <Label class="SettingsCallout" text="#SettingsControllerSupport_BootloaderDate" />
          <Label class="SettingsCallout" text="#SettingsControllerSupport_RadioDate" />
        </Panel>  
      </Panel>
    </Panel>
  </SettingsPanel_SteamControllerSupport>
  
</root>
