<Template>
  <WidgetGroup>
    <ObjectName>DeckRow_5_LoopCuesTransport</ObjectName>
    <SizePolicy>min,min</SizePolicy>
    <BackPath>style/background_tile.png</BackPath>
    <Layout>horizontal</Layout>
    <Children>

      <WidgetGroup>
        <Size>0min,0min</Size>
      </WidgetGroup>

      <WidgetGroup><!-- Loop buttons + beatloop size spinbox -->
        <ObjectName>AlignLeftTop</ObjectName>
        <Layout>vertical</Layout>
        <SizePolicy>f,max</SizePolicy>
        <Children>
          <WidgetGroup><!-- loop enable + beatloop size -->
            <ObjectName>AlignLeftTop</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>min,max</SizePolicy>
            <Children>
              <Template src="skin:button_2state_right.xml">
                <SetVariable name="TooltipId">beatloop_activate</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">loop_down.svg</SetVariable>
                <SetVariable name="state_0_unpressed">loop.svg</SetVariable>
                <SetVariable name="state_1_pressed">loop_overdown.svg</SetVariable>
                <SetVariable name="state_1_unpressed">loop_over.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,beatloop_activate</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,beatlooproll_activate</SetVariable>
              </Template>

              <BeatSpinBox>
                <TooltipId>beatloop_size</TooltipId>
                <Size>58f,26f</Size>
                <Value><Variable name="group"/>,beatloop_size</Value>
              </BeatSpinBox>
            </Children>
          </WidgetGroup>

          <WidgetGroup>
            <ObjectName>AlignLeftTop</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>min,max</SizePolicy>
            <Children>
              <Template src="skin:button_2state_right_display.xml">
                <SetVariable name="TooltipId">reloop_toggle</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">reloop_down.svg</SetVariable>
                <SetVariable name="state_0_unpressed">reloop.svg</SetVariable>
                <SetVariable name="state_1_pressed">reloop_overdown.svg</SetVariable>
                <SetVariable name="state_1_unpressed">reloop_over.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,reloop_toggle</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,reloop_andstop</SetVariable>
                <SetVariable name="ConfigKeyDisp"><Variable name="group"/>,loop_enabled</SetVariable>
              </Template>

              <Template src="skin:button_1state_right.xml">
                <SetVariable name="TooltipId">loop_in</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">loop_in_overdown.svg</SetVariable>
                <SetVariable name="state_0_unpressed">loop_in.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,loop_in</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,loop_in_goto</SetVariable>
              </Template>

              <Template src="skin:button_1state_right.xml">
                <SetVariable name="TooltipId">loop_out</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">loop_out_overdown.svg</SetVariable>
                <SetVariable name="state_0_unpressed">loop_out.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,loop_out</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,loop_out_goto</SetVariable>
              </Template>
            </Children>
          </WidgetGroup>
        </Children>
      </WidgetGroup><!-- /Loop buttons + beatloop size spinbox -->

      <WidgetGroup>
        <MaximumSize>80,</MaximumSize>
        <SizePolicy>me,min</SizePolicy>
      </WidgetGroup>

      <WidgetGroup><!-- Jump buttons + beatjump size spinbox -->
        <ObjectName>AlignLeftTop</ObjectName>
        <Layout>vertical</Layout>
        <SizePolicy>f,min</SizePolicy>
        <Children>
          <WidgetGroup><!-- beatjump size -->
            <ObjectName>AlignLeftTop</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>26f,min</SizePolicy>
            <Children>
              <!-- put this spacer here so BeatSpinBox expands with HiDPI scaling -->
              <WidgetGroup><Size>0f,26f</Size></WidgetGroup>
              <BeatSpinBox>
                <TooltipId>beatjump_size</TooltipId>
                <Size>58f,26f</Size>
                <Value><Variable name="group"/>,beatjump_size</Value>
              </BeatSpinBox>
            </Children>
          </WidgetGroup>
          <WidgetGroup>
            <ObjectName>AlignLeftTop</ObjectName>
            <Layout>horizontal</Layout>
            <SizePolicy>min,max</SizePolicy>
            <Children>

              <Template src="skin:button_1state_right.xml">
                <SetVariable name="TooltipId">beatjump_backward</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">arrow_left_overdown.svg</SetVariable>
                <SetVariable name="state_0_unpressed">arrow_left.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,beatjump_backward</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,beatjump_1_backward</SetVariable>
              </Template>

              <Template src="skin:button_1state_right.xml">
                <SetVariable name="TooltipId">beatjump_forward</SetVariable>
                <SetVariable name="Size">26f,26f</SetVariable>
                <SetVariable name="state_0_pressed">arrow_right_overdown.svg</SetVariable>
                <SetVariable name="state_0_unpressed">arrow_right.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,beatjump_forward</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,beatjump_1_forward</SetVariable>
              </Template>
            </Children>
          </WidgetGroup>
        </Children>
      </WidgetGroup><!-- /Jump buttons + beatjump size spinbox -->

      <WidgetGroup>
        <MaximumSize>80,</MaximumSize>
        <SizePolicy>me,min</SizePolicy>
      </WidgetGroup>

      <WidgetGroup><!-- HotCues, Play, Cue, Reverse -->
        <Layout>vertical</Layout>
        <SizePolicy>f,min</SizePolicy>
        <Children>
          <WidgetGroup><!-- HotCues 1-4(5), Cue -->
            <ObjectName>PlayCueRevHotCues</ObjectName>
            <Layout>horizontal</Layout>
            <Children>
              <Template src="skin:button_hotcue.xml">
                <SetVariable name="number">1</SetVariable>
              </Template>

              <Template src="skin:button_hotcue.xml">
                <SetVariable name="number">2</SetVariable>
              </Template>

              <Template src="skin:button_hotcue.xml">
                <SetVariable name="number">3</SetVariable>
              </Template>

              <Template src="skin:button_hotcue.xml">
                <SetVariable name="number">4</SetVariable>
              </Template>

              <WidgetGroup>
                <Layout>horizontal</Layout>
                <Children>
                  <Template src="skin:button_hotcue.xml">
                    <SetVariable name="number">5</SetVariable>
                  </Template>
                </Children>
                <Connection>
                  <ConfigKey>[Skin],8_hotcues</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>

              <Template src="skin:button_2state_right_display.xml">
                <SetVariable name="TooltipId">cue_default_cue_gotoandstop</SetVariable>
                <SetVariable name="Size">52f,26f</SetVariable>
                <SetVariable name="state_0_pressed">cue_down.svg</SetVariable>
                <SetVariable name="state_0_unpressed">cue.svg</SetVariable>
                <SetVariable name="state_1_pressed">cue_overdown.svg</SetVariable>
                <SetVariable name="state_1_unpressed">cue_over.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,cue_default</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,cue_gotoandstop</SetVariable>
                <SetVariable name="ConfigKeyDisp"><Variable name="group"/>,cue_indicator</SetVariable>
              </Template>

            </Children>
          </WidgetGroup><!-- /HotCues 1-4(5), Cue -->

          <WidgetGroup><!-- (HotCues 6-8) Reverse, Play -->
            <ObjectName>PlayCueRevHotCues</ObjectName>
            <Layout>horizontal</Layout>
            <Children>

              <WidgetGroup>
                <Layout>horizontal</Layout>
                <Children>
                  <Template src="skin:button_hotcue.xml">
                    <SetVariable name="number">6</SetVariable>
                  </Template>

                  <Template src="skin:button_hotcue.xml">
                    <SetVariable name="number">7</SetVariable>
                  </Template>

                  <Template src="skin:button_hotcue.xml">
                    <SetVariable name="number">8</SetVariable>
                  </Template>
                </Children>
                <Connection>
                  <ConfigKey>[Skin],8_hotcues</ConfigKey>
                  <BindProperty>visible</BindProperty>
                </Connection>
              </WidgetGroup>

              <Template src="skin:button_1state_right.xml">
                <SetVariable name="TooltipId">reverse</SetVariable>
                <SetVariable name="Size">52f,26f</SetVariable>
                <SetVariable name="state_0_pressed">reverse_overdown.svg</SetVariable>
                <SetVariable name="state_0_unpressed">reverse.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,reverse</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,reverseroll</SetVariable>
              </Template>

              <Template src="skin:button_2state_right_display.xml">
                <SetVariable name="TooltipId">play_cue_set</SetVariable>
                <SetVariable name="Size">52f,26f</SetVariable>
                <SetVariable name="state_0_pressed">play_down.svg</SetVariable>
                <SetVariable name="state_0_unpressed">play.svg</SetVariable>
                <SetVariable name="state_1_pressed">play_overdown.svg</SetVariable>
                <SetVariable name="state_1_unpressed">play_over.svg</SetVariable>
                <SetVariable name="ConfigKey"><Variable name="group"/>,play</SetVariable>
                <SetVariable name="ConfigKeyRight"><Variable name="group"/>,cue_set</SetVariable>
                <SetVariable name="ConfigKeyDisp"><Variable name="group"/>,play_indicator</SetVariable>
              </Template>
            </Children>
          </WidgetGroup><!-- /(HotCues 6-8) Reverse, Play -->
        </Children>
      </WidgetGroup><!-- /HotCues, Play, Cue, Reverse -->
    </Children>
  </WidgetGroup>
</Template>
