<!--<form name="login">-->
  <!--<input type="text" name="username" ng-model="username" required>-->
  <!--<input type="text" name="password" ng-model="password" required>-->
  <!--<button type="button" ng-click="vm.login(username, password)">Login</button>-->
<!--</form>-->
<!-- Main content-->
<section class="content" ng-style="vm.loginStyle">

  <div class="container-center animated slideInDown">
    <div class="view-header">
      <div class="header-icon">
        <i class="pe page-header-icon pe-7s-unlock"></i>
      </div>
      <div class="header-title">
        <h3>Login</h3>
        <small>
          Please enter your credentials to login.
        </small>
      </div>
    </div>
    <hr>
    <div class="panel panel-filled">
      <div class="panel-body">
        <form id="loginForm" ng-submit="vm.login(username, password)" novalidate>
          <div class="form-group">
            <label class="control-label" for="username">Username</label>
            <input type="text" ng-model="username" placeholder="example@gmail.com" title="Please enter you username" required="" value="" name="username" id="username" class="form-control">
            <!--<span class="help-block small">Your unique username to app</span>-->
          </div>
          <div class="form-group">
            <label class="control-label" for="password">Password</label>
            <input type="password" ng-model="password" title="Please enter your password" placeholder="******" required="" value="" name="password" id="password" class="form-control">
            <!--<span class="help-block small">Your strong password</span>-->
          </div>
          <xos-alert config="{type: 'danger'}" show="vm.showErrorMsg">{{vm.errorMsg}}</xos-alert>
          <div>
            <button ng-click="vm.login(username, password)" class="btn btn-accent">Login</button>
            <!--<a class="btn btn-default" href="register.html">Register</a>-->
          </div>
        </form>
      </div>
    </div>

  </div>
</section>
<!-- End main content-->