{{#paper-subheader class="md-no-sticky"}}Lights{{/paper-subheader}}

{{#paper-item class="item"}}
  {{#each lightsList as |light|}}
      <img class="hueLight" {{action "clickLight" light.id light.data}} width="40" title="{{light.name}}" src="assets/images/lights/{{light.type}}.svg">
  {{/each}}
{{/paper-item}}

{{#paper-item class="item"}}
  {{paper-icon icon="power-settings-new"}}
  <p>Power</p>
  {{#paper-switch checked=lightsOn}} {{lightsOnTxt}} {{/paper-switch}}
{{/paper-item}}

{{#paper-item class="item"}}
  {{paper-icon icon="brightness-4"}}
  <p>Brightness</p>
  {{paper-slider flex=true min='1' max='254' value=lightsBrightness disabled=brightnessControlDisabled}}
{{/paper-item}}

{{#paper-item class="item"}}
  {{paper-icon icon="group"}}
  <p>Active Group</p>
  {{x-select content=groupsArrData selection=groupSelection optionValuePath="content.lights"
  optionLabelPath="content.name"}}
{{/paper-item}}

{{controls/lights-modal-control modalData=modalData apiURL=apiURL action="clickLight" isShowingLightsModal=isShowingLightsModal}}