<navbar></navbar>

<div class="container main-container">
  <div class="row bg-grey">
    <div class="col-sm-12">
      <h1>Login</h1>
    </div>
		<div class="col-sm-6">
			<form class="form" name="form" ng-submit="login(form)" novalidate>

        <div class="form-group">
          <label>Email</label>

          <input type="email" name="email" class="form-control" ng-model="user.email" required>
        </div>

        <div class="form-group">
          <label>Password</label>

          <input type="password" name="password" class="form-control" ng-model="user.password" required>
        </div>

        <div class="form-group has-error">
          <p class="help-block" ng-show="form.email.$error.required && form.password.$error.required && submitted">
             Please enter your email and password.
          </p>
          <p class="help-block" ng-show="form.email.$error.email && submitted">
             Please enter a valid email.
          </p>

          <p class="help-block">{{ errors.other }}</p>
        </div>

        <div>
          <button class="btn btn-inverse btn-lg btn-login" type="submit">
            {{'LOGIN' | translate}}
          </button>
          <a class="btn btn-default btn-lg btn-register" ui-sref="signup">
            {{'REGISTER' | translate}}
          </a>
          <a class="btn btn-lg btn-facebook pull-right" href="" ng-click="loginOauth('facebook')">
            <i class="fa fa-facebook"></i> {{ 'ACCEDI_FACEBOOK' | translate }}
          </a>
        </div>
        <br>
      </form>
    </div>
  </div>
  <hr>
</div>