<?php
$this->headTitle('Login');
$this->inlineScript()->appendFile($this->url('login.js'));
?>
<div class="form-login-area flex-content" ng-app="LoggingApp" ng-cloak>
    <div class="container-fluid" ng-controller="LoginController">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
                <h1 class="text-center title"><?php echo $this->settings('title'); ?></h1>
                <div class="account-wall">
                    <img class="profile-img" src="<?php echo $this->basePath(); ?>/assets/img/navigation.png" alt="">
                    <form class="form-login" ng-submit="login()">
                        <div growl reference="login" inline="true"></div>
                        <input type="text" class="form-control text-center" name="username" placeholder="User Name" ng-model="username" required autofocus>
                        <input type="password" class="form-control text-center" name="password" placeholder="Password" ng-model="password" required>
                        <button class="btn btn-lg btn-primary btn-block btn-login" type="submit" ng-disabled="isLoggingIn">
                            <span ng-show="!isLoggingIn">Sign In</span>
                            <span ng-show="isLoggingIn"><i class="fa fa-spinner fa-spin"></i> Please Wait</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>