<!--
Description:
  Optons for the compact deck
-->
<Template>
  <WidgetGroup>
    <ObjectName>SkinSettingsCategory</ObjectName>
    <SizePolicy>me,min</SizePolicy>
    <Layout>vertical</Layout>
    <Children>

      <WidgetGroup><Size>0me,6f</Size></WidgetGroup>

      <!-- Loop/Jump Controls in compact decks-->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId"></SetVariable>
        <SetVariable name="Text">Loop / Jump Controls</SetVariable>
        <SetVariable name="Setting">[LateNight],show_loopjump_controls_compact</SetVariable>
      </Template>

      <!-- Rate Control -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">rate_toggle</SetVariable>
        <SetVariable name="Text">Rate Controls</SetVariable>
        <SetVariable name="Setting">[Skin],show_rate_controls_compact</SetVariable>
      </Template>

      <!-- Sync button in compact decks -->
      <WidgetGroup>
        <ObjectName>SkinSettingsSubMenu</ObjectName>
        <Layout>stacked</Layout>
        <Size>180min,18f</Size>
        <Children>
          <!-- translucent cover when rate controls are hidden -->
          <Template src="skin:/helpers/skin_settings_cover_inverted.xml">
            <SetVariable name="Setting">[Skin],show_rate_controls_compact</SetVariable>
          </Template>
          <Template src="skin:/helpers/skin_settings_button_2state.xml">
            <SetVariable name="TooltipId">rate_toggle</SetVariable>
            <SetVariable name="Text">Sync Button</SetVariable>
            <SetVariable name="Setting">[LateNight],show_sync_button_compact</SetVariable>
          </Template>
        </Children>
      </WidgetGroup>

      <!-- Key Control -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">rate_toggle</SetVariable>
        <SetVariable name="Text">Key Controls</SetVariable>
        <SetVariable name="Setting">[Skin],show_key_controls_compact</SetVariable>
      </Template>

      <!-- Vinyl Control -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">show_vinylcontrol</SetVariable>
        <SetVariable name="Text">Vinyl Control</SetVariable>
        <SetVariable name="Setting">[VinylControl],show_vinylcontrol</SetVariable>
      </Template>

      <WidgetGroup><Size>0me,6f</Size></WidgetGroup>

      <!-- Level meters -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">show_vinylcontrol</SetVariable>
        <SetVariable name="Text">VU meters</SetVariable>
        <SetVariable name="Setting">[Skin],show_vumeters_compact</SetVariable>
      </Template>

      <!-- Spinny -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">show_spinny</SetVariable>
        <SetVariable name="Text">Spinny</SetVariable>
        <SetVariable name="Setting">[Skin],show_spinnies</SetVariable>
      </Template>

      <!-- Cover Art -->
      <Template src="skin:/helpers/skin_settings_button_2state.xml">
        <SetVariable name="TooltipId">show_coverart</SetVariable>
        <SetVariable name="Text">Cover Art</SetVariable>
        <SetVariable name="Setting">[Skin],show_coverart</SetVariable>
      </Template>

      <!-- Big Spinny / Cover Art -->
      <WidgetGroup>
        <ObjectName>SkinSettingsSubMenu</ObjectName>
        <Layout>stacked</Layout>
        <Size>180min,18f</Size>
        <Children>
          <!-- translucent cover when neither Spinny nor Cover are shown -->
          <Template src="skin:/helpers/skin_settings_cover_inverted.xml">
            <SetVariable name="Setting">[LateNight],show_spinny_cover</SetVariable>
          </Template>
          <Template src="skin:/helpers/skin_settings_button_2state.xml">
            <SetVariable name="TooltipId">show_coverart</SetVariable>
            <SetVariable name="Text">Big Spinny/Cover Art</SetVariable>
            <SetVariable name="Setting">[Skin],select_big_spinny_coverart</SetVariable>
          </Template>
        </Children>
      </WidgetGroup>

    </Children>
  </WidgetGroup>
</Template>
