<div class="title">Huegasm</div>
{{#unless bridgeUsername}}
  {{#if bridgeIp}}
    <img src="assets/images/pressButtonBridge.png" id="pressButtonBridgeImg">
    {{paper-progress-linear warn=true value=bridgeUserNamePingIntervalProgress}}
    {{#if isAuthenticating}}
      <p>Your bridge IP is <b>{{bridgeIp}}</b> <br>
        Press the button on your bridge to authenticate this application.</p>
    {{else}}
      <p>You failed to press the button. <a class="noTextDecoration" href="#" {{action 'retry'}}>RETRY</a></p>
    {{/if}}
  {{else}}
    {{#unless bridgeFindStatus}}
      {{paper-progress-circular}}
      <p>Trying to find your bridge's IP.</p>
    {{/unless}}

    {{#if bridgeFindMultiple}}
      <p>Found multiple hue bridges.</p>
    {{else}}
      {{#if bridgeFindFail}}
        <p>A hue bridge was not found on your network :( <br>
          Enter one manually?</p>

        <span id="bridgeInput">
          {{paper-input label="Hue bridge IP address" value=manualBridgeIp}}
          {{#paper-button action="findBridgeByIp" primary=true}}Find{{/paper-button}}
        </span>

        {{#liquid-if manualBridgeIpNotFound}}
          <p class="bg-danger">
            Could not find a bridge with that IP address.
          </p>
        {{/liquid-if}}
      {{/if}}
    {{/if}}
  {{/if}}
{{/unless}}