<div class="signin-form-element">
  <form class="form-signin" ng-submit="signin();">
    <input type="text" class="form-control input-lg" name="username"
           placeholder="Username" ng-model="user.username" autofocus>
    <input type="password" class="form-control input-lg" name="password"
           placeholder="Password" ng-model="user.password">
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign In</button>
  
    <span class="social-alternate">
      <i class="fa fa-circle"></i>
      <span class="inner-text">OR</span>
    </span>
    
    <a id="github-signin-link"
       href="https://github.com/login/oauth/authorize?client_id={{ githubClientId }}&scope=user:email{{ mixpanelDistinctIdClause }}"
       class="btn btn-primary btn-lg btn-block">
      <i class="fa fa-github fa-lg"></i> Sign In with GitHub
    </a>
  </form>

  <div class="alert alert-danger" ng-show="invalidCredentials">Invalid username or password.</div>
  <div class="alert alert-danger" ng-show="needsEmailVerification">
    You must verify your email address before you can sign in.
  </div>
</div>
