{{#if bridgeUsername}}
  {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn lightsIconsOn=lightsIconsOn
  storage=storage toggleDimmer="toggleDimmer" toggleLightsIcons="toggleLightsIcons"}}
{{else}}
  {{#if ready}}
    {{bridge-finder bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial storage=storage}}
  {{else}}
    <div class="ready-block">
      <div id="intro-background">
        <div id="intro-wrapper">
          <img src="assets/images/logo.svg" id="intro-logo">
          <p id="intro">
            Your lights meet your music
          </p>
          <p id="intro-paragraph">
            Huegasm is a free web application for managing and synchronizing your <a target="_blank" href="http://www2.meethue.com">Philips Hue lights</a>            with the beat of your music.
          </p>
        </div>
      </div>

      <p>Click <a href="#" {{action "isReady"}}>START</a> to get started using Huegasm.</p>

      <div class="relative">
        {{paper-button raised=true primary=true warn=true onClick=(action "isReady") class="go-button center-block" label="START"}}
        <a href="https://www.youtube.com/watch?v=zi9J6Qg-MPw" class="video-icon" target="_blank">
          {{paper-icon "ondemand video" size=28}}
        </a>
      </div>
    </div>
  {{/if}}
{{/if}}