script#huezllonoff-template(type='text/template')
  li.sortable.huezlllight-device.no-header
    div.item-inner
      label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
      | 
      div.ui-dimlevel
        select.switch(data-bind="attr: { id: switchId }, value: switchState")
          option(value="off")=__('Off')
          option(value="on")=__('On')
      | 
      span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezlldimmable-template(type='text/template')
  li.sortable.huezlllight-device.no-header
    div.item-inner
      label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
      | 
      div.ui-dimlevel
        select.switch(data-bind="attr: { id: switchId }, value: switchState")
          option(value="off")=__('Off')
          option(value="on")=__('On')
        | 
        input.dimmer(min="0", max="100", step="1", data-highlight="true",
          data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
      | 
      span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllcolortemp-template(type='text/template')
  li.sortable.huezlllight-device.no-header
    div.item-inner
      label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
      | 
      div.ui-dimlevel
        select.switch(data-bind="attr: { id: switchId }, value: switchState")
          option(value="off")=__('Off')
          option(value="on")=__('On')
        | 
        input.dimmer(min="0", max="100", step="1", data-highlight="true",
          data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
      | 
      div.ui-color
        div.ui-colorpicker-spacer
        | 
        input.dimmer(min="153", max="500", step="1", data-highlight="true",
          data-bind="attr: { id: sliderCtId }, value: sliderCtValue")
      | 
      span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllcolor-template(type='text/template')
  li.sortable.huezlllight-device.no-header
    div.item-inner
      label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
      | 
      div.ui-dimlevel
        select.switch(data-bind="attr: { id: switchId }, value: switchState")
          option(value="off")=__('Off')
          option(value="on")=__('On')
        | 
        input.dimmer(min="0", max="100", step="1", data-highlight="true",
          data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
      | 
      div.ui-color
        div.ui-colorpicker(class="ui-flipswitch ui-corner-all")
          input.light-color()
      | 
      span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezllextendedcolor-template(type='text/template')
  li.sortable.huezlllight-device.no-header
    div.item-inner
      label.device-label(data-bind="text: name, tooltip: $data.labelTooltipHtml")
      | 
      div.ui-dimlevel
        select.switch(data-bind="attr: { id: switchId }, value: switchState")
          option(value="off")=__('Off')
          option(value="on")=__('On')
        | 
        input.dimmer(min="0", max="100", step="1", data-highlight="true",
          data-bind="attr: { id: sliderBriId }, value: sliderBriValue")
      | 
      div.ui-color
        div.ui-colorpicker(class="ui-flipswitch ui-corner-all")
          input.light-color()
        | 
        input.dimmer(min="153", max="500", step="1", data-highlight="true",
          data-bind="attr: { id: sliderCtId }, value: sliderCtValue")
      | 
      span.attributes(data-bind="template: { name: 'huezlllight-attribute-template', foreach: $data.device.attributes, afterRender: $data.afterAttributeRender }")
script#huezlllight-attribute-template(type='text/template')
  <!-- ko if: $data.name !== 'state' && $data.name !== 'dimlevel' && $data.name !== 'reachable' && $data.name !== 'ct' && $data.name !== 'hue' && $data.name !== 'sat' && $data.name !== 'colormode' -->
  <!-- ko template: {name: 'attribute-template', data: $data} --><!-- /ko -->
  <!-- /ko -->