<div class="container" ng-controller="LoginCtrl">

  <form class="form-signin">
    <h2 class="form-signin-heading">G-Lock EasyMail 7</h2>

    <div ng-show="selectServer">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="localhost" ng-model="conn.host">
        <div class="input-group-btn">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu pull-right" role="menu">
            <li ng-repeat="h in savedHosts"><a ng-click="loadHost($index)"><strong>{{h.email}}</strong> @ {{h.host}}</a></li>
          </ul>
        </div>
      </div>

      <hr class="hr">      
    </div>

    <input type="text" class="form-control top-el" placeholder="Username" value="" autofocus ng-model="conn.email">
    <input type="password" class="form-control bottom-el" placeholder="Password" value="" ng-model="conn.password">
    <label class="checkbox">
      <input type="checkbox" ng-model="remember"> Remember me
    </label>
    <div ng-show="error" class="alert alert-dismissable">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      <strong>Error!</strong> {{error}}
    </div>
    <button class="btn btn-md btn-primary btn-block" type="button" ng-click="signIn()">Sign in</button>
  </form>

</div>
