<div id="login">
  <h3>Cypress.io</h3>
  <div class="well well-lg">
    <button data-login class="btn btn-primary btn-login">
      <i class="fa fa-github"></i>
      Login with GitHub
    </button>
  </div>
  <% if @error: %>
    <div class="alert alert-danger">
      <p>
        <i class="fa fa-warning"></i>
        <strong>Can't login</strong></p>
      <p>
        <%= @error %>
      </p>
      <% if @errorStatusCode is 401: %>
        <p>
          <a data-js="unauthed">
            <i class="fa fa-question-circle"></i>
            Why am I not authorized?
          </a>
        </p>
      <% end %>
    </div>
  <% end %>
  <% if @loggingIn: %>
    <div class="login-spinner">
      <i class="fa fa-spinner fa-spin"></i>
      Logging in...
    </div>
  <% end %>
  <div class="helper-line">
    <a data-js="help" class="helper-docs-link">
      <i class="fa fa-question-circle"></i>
      Need help?
    </a>
  </div>
</div>