<style>
  /* No navbar in login screen */
  .navbar {
    display: none;
  }
</style>
<div class="row vertical-center login-box-container">
  <div class="col-sm-offset-5 col-sm-2 login-box">
    <form>
      <div class="form-group">
        <label class="sr-only" for="inputUsername">{{ 'login.username' | translate }}</label>
        <input class="form-control" type="text" id="inputUsername" placeholder="{{ 'login.username' | translate }}" ng-model="user.username" />
      </div>

      <div class="form-group">
        <label class="sr-only" for="inputPassword">{{ 'login.password' | translate }}</label>
        <input class="form-control" type="password" id="inputPassword" placeholder="{{ 'login.password' | translate }}" ng-model="user.password" />
      </div>

      <span class="help-block" ng-if="codeRequired">
        {{ 'login.validation_code_required' | translate }}
        <span class="glyphicon glyphicon-question-sign" title="{{ 'login.validation_code_title' | translate }}"></span>
      </span>
      <div class="form-group" ng-if="codeRequired">
        <label class="sr-only" for="inputCode">{{ 'login.validation_code' | translate }}</label>
        <input class="form-control" type="text" id="inputCode" placeholder="{{ 'login.validation_code' | translate }}" ng-model="user.code" />
      </div>

      <div class="checkbox">
        <label>
          <input type="checkbox" ng-model="user.remember" /> {{ 'login.remember_me' | translate }}
        </label>
      </div>

      <button type="submit" class="btn btn-primary btn-block" ng-click="login()">
        <span class="glyphicon glyphicon-ok"></span> {{ 'login.submit' | translate }}
      </button>

      <p class="text-center lead" ng-if="app.guest_login">&nbsp;</p>

      <button type="submit" class="btn btn-default btn-block" ng-if="app.guest_login" ng-click="loginAsGuest()">
        <span class="glyphicon glyphicon-user"></span> {{ 'login.login_as_guest' | translate }}
      </button>
    </form>
  </div>
</div>