{{#paper-list}}
  {{#paper-item}}
    {{paper-icon "power-settings-new" class=(concat dimmerOnClass " default-cursor")}}
    <p data-toggle="tooltip" data-placement="top auto" class="bootstrap-tooltip lights-control-tooltip" data-title="Turn the selected lights on/off">Power</p>
    {{paper-switch value=lightsOn onChange=(action (mut lightsOn)) disabled=(or trial playing lightsOnDisabled) skipProxy=trial label=lightsOnTxt}}
  {{/paper-item}}

  {{#paper-item}}
    {{paper-icon "brightness-4" class=(concat dimmerOnClass " default-cursor")}}
    <p data-toggle="tooltip" data-placement="top auto" class="layout flex-60 bootstrap-tooltip lights-control-tooltip" data-title="The brightness level of the selected lights">Brightness</p>
    {{paper-slider class="flex" step=10 min=1 max=254 value=lightsBrightness onChange=(action (mut lightsBrightness)) disabled=brightnessControlDisabled}}
  {{/paper-item}}

  {{#paper-item elementId="color-row" }}
    {{paper-icon "color-lens" class=(concat dimmerOnClass " default-cursor")}}
    <p data-toggle="tooltip" data-placement="top auto" class="bootstrap-tooltip lights-control-tooltip" data-title="The color of the selected lights">Color</p>

    {{#paper-menu offset="0 -50" as |menu|}}
      {{#menu.trigger}}
        {{#paper-button iconButton=false}}
          {{paper-button raised=true class="color" disabled=(or trial playing)}}
        {{/paper-button}}
      {{/menu.trigger}}
      {{#menu.content class="color-content" width=0 as |content|}}
        {{#content.menu-item}}
          {{lights-tab/color-picker lightsData=lightsData activeLights=activeLights rgb=rgb}}
        {{/content.menu-item}}
      {{/menu.content}}
    {{/paper-menu}}
  {{/paper-item}}

  {{#paper-item}}
    {{paper-icon "flare" class=(concat dimmerOnClass " default-cursor")}}
    <p data-toggle="tooltip" data-placement="top auto" class="bootstrap-tooltip lights-control-tooltip" data-title="Selected lights will flash in sequential order">Strobe</p>
    {{paper-switch value=strobeOn onChange=(action (mut strobeOn)) disabled=(or trial playing) skipProxy=trial label=strobeOnTxt}}
  {{/paper-item}}

  {{#paper-item}}
    {{paper-icon "color-lens" class=(concat dimmerOnClass " default-cursor")}} {{paper-icon "loop" id="loop-addition" class=dimmerOnClass}}
    <p data-toggle="tooltip" data-placement="top auto" class="bootstrap-tooltip lights-control-tooltip" data-title="Selected lights will slowly cycle through all the colors">Colorloop</p>
    {{paper-switch value=colorLoopOn onChange=(action (mut colorLoopOn)) disabled=(or trial playing) skipProxy=trial label=colorloopOnTxt}}
  {{/paper-item}}

  {{#paper-item}}
    {{paper-icon "shuffle" class=(concat dimmerOnClass " default-cursor")}}
    <p data-toggle="tooltip" data-placement="top auto" class="bootstrap-tooltip lights-control-tooltip" data-title="Randomize the hues (colors) of your selected lights.">Randomize Hues</p>

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="dice" {{action "randomizeHues"}}>
      <path d="M0 0h512v512H0z" fill="none"></path>
      <g transform="translate(0,0)" style="touch-action: none;">
        <path fill="rgba(82, 67, 67, 0.9)" d="M255.76 44.764c-6.176 0-12.353 1.384-17.137 4.152L85.87 137.276c-9.57 5.536-9.57 14.29 0 19.826l152.753 88.36c9.57 5.536 24.703 5.536 34.272 0l152.753-88.36c9.57-5.535 9.57-14.29 0-19.825l-152.753-88.36c-4.785-2.77-10.96-4.153-17.135-4.153zm.926 82.855a31.953 18.96 0 0 1 22.127 32.362 31.953 18.96 0 1 1-45.188-26.812 31.953 18.96 0 0 1 23.06-5.55zM75.67 173.84c-5.753-.155-9.664 4.336-9.664 12.28v157.696c0 11.052 7.57 24.163 17.14 29.69l146.93 84.848c9.57 5.526 17.14 1.156 17.14-9.895V290.76c0-11.052-7.57-24.16-17.14-29.688l-146.93-84.847c-2.69-1.555-5.225-2.327-7.476-2.387zm360.773.002c-2.25.06-4.783.83-7.474 2.385l-146.935 84.847c-9.57 5.527-17.14 18.638-17.14 29.69v157.7c0 11.05 7.57 15.418 17.14 9.89L428.97 373.51c9.57-5.527 17.137-18.636 17.137-29.688v-157.7c0-7.942-3.91-12.432-9.664-12.278zM89.297 195.77a31.236 18.008 58.094 0 1 33.818 41.183 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203zm221.52 64.664A18.008 31.236 31.906 0 1 322 275.637a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183zM145.296 289.1a31.236 18.008 58.094 0 1 33.818 41.183 31.236 18.008 58.094 0 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203zm277.523 29.38A18.008 31.236 31.906 0 1 434 333.684a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.184zm-221.52 64.663a31.236 18.008 58.094 0 1 33.817 41.183 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203z"></path>
      </g>
    </svg>
  {{/paper-item}}
{{/paper-list}}