<div class="modal fade in" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content" ng-controller="LoginController">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" ng-click="modalLoginActions.hide()"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title">Login</h3>
            </div>
            <div class="modal-body">
                <form class="" ng-submit="login()">
                    <div growl reference="login" inline="true"></div>
                    <div class="form-group">
                        <input type="text" class="form-control text-center" name="username" placeholder="User Name" ng-model="username" required autofocus>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control text-center" name="password" placeholder="Password" ng-model="password" required>
                    </div>
                    <div class="form-group">
                        <button class="btn btn-lg btn-primary btn-block btn-login" type="submit" ng-disabled="isLoggingIn">
                            <span ng-show="!isLoggingIn">Login</span>
                            <span ng-show="isLoggingIn"><i class="fa fa-spinner fa-spin"></i> Please Wait</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>