{{#if ready}}
  <span {{action "toggleGroupControl"}} id="groupControlToggle" class={{if groupControlDisplayed 'on'}}>
    {{paper-icon icon="menu"}}
  </span>

  {{controls/group-control lightsData=lightsData groupsData=groupsData activeLights=activeLights apiURL=apiURL updateGroupsData=updateGroupsData groupControlDisplayed=groupControlDisplayed}}

  <div class="navigation">
    {{#each tabData as |tab|}}
        <span class="navigationItem cursorPointer {{if tab.selected "active" ""}} text-uppercase" {{action "changeTab" tab.name}}>{{tab.name}}</span>
    {{/each}}
  </div>

  {{#if lightsTabSelected class="tabSwitch"}}
    {{controls/light-control apiURL=apiURL lightsData=lightsData activeLights=activeLights trial=trial}}
  {{/if}}

  {{#if musicTabSelected class="tabSwitch"}}
    {{controls/music-control apiURL=apiURL lightsData=lightsData  activeLights=activeLights}}
  {{/if}}
{{/if}}