<!-- _lights_list.erb-->
<div class="row flex-container" style="padding-left: 10px; padding-right: 10px;">
  <%= label_tag "Select all", "Select all", class: "btn bar-button light-blue accent-3", id: "select_all_btn" %>
  <%= label_tag "Deselect all", "Deselect all", class: "btn bar-button light-blue accent-3", id: "deselect_all_btn" %>
</div>
<%= render partial: 'bulb_controls', locals: {i: 4} %>

<%= render partial: 'bulb_controls', locals: {i: 1} %>

<%= render partial: 'bulb_controls', locals: {i: 5} %>

<%= render partial: 'bulb_controls', locals: {i: 2} %>

<%= render partial: 'bulb_controls', locals: {i: 6} %>

<%= render partial: 'bulb_controls', locals: {i: 3} %>



<!-- _lights_list.erb-->
<div class="row flex-container" style="padding-left: 10px; padding-right: 10px;">
  <%= label_tag "Select all", "Select all", class: "btn bar-button light-blue accent-3", id: "select_all_btn" %>
  <%= label_tag "Toggle selection", "Toggle selection", class: "btn bar-button light-blue accent-3", id: "toggle_all_btn" %>
  <%= label_tag "Deselect all", "Deselect all", class: "btn bar-button light-blue accent-3", id: "deselect_all_btn" %>
</div>
<%= render partial: 'bulb_controls', locals: {i: 4} %>

<%= render partial: 'bulb_controls', locals: {i: 1} %>

<%= render partial: 'bulb_controls', locals: {i: 5} %>

<%= render partial: 'bulb_controls', locals: {i: 2} %>

<%= render partial: 'bulb_controls', locals: {i: 6} %>

<%= render partial: 'bulb_controls', locals: {i: 3} %>



Add button for toggling the selection
Add button for toggling the selection
