<div class="container signin-container">
  <div class="row">
    <div class="col-sm-6 col-sm-offset-3">
      <div class="panel-group" id="accordion">
        <div class="panel panel-default">
          <div class="panel-heading">
            <h4 class="panel-title accordion-title">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseSignin">
                Sign In
              </a>
            </h4>
          </div>
          <div id="collapseSignin" class="panel-collapse collapse in">
            <div class="panel-body">
              <div class="signin-form"></div>
            </div>
          </div>
        </div>
        <div class="panel panel-default">
          <div class="panel-heading">
            <h6 class="panel-title accordion-title">
              <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" data-target="#collapseForgot">
                Forgot Password
              </a>
            </h4>
          </div>
          <div id="collapseForgot" class="panel-collapse collapse out">
            <div class="panel-body">
              <form class="form-signin" ng-submit="sendRecovery();">
                <input type="text" class="form-control input-lg" placeholder="Email" ng-model="recovery.email">
                <button class="btn btn-lg btn-primary btn-block" type="submit">Send Recovery Email</button>
              </form>

              <div class="alert alert-danger" ng-show="invalidEmail">Unable to locate account.</div>

              <div class="alert alert-success" ng-show="sent">Account recovery email was sent.</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
