<div class="login-box">
    <div class="login-logo">
        <i class="fa fa-shield"></i> <b>bit</b>warden
    </div>
    <div class="login-box-body">
        <p class="login-box-msg">Get your master password hint.</p>
        <div class="text-center" ng-show="success">
            <div class="callout callout-success">
                If your account exists ({{model.email}}) we've sent you an email with your master password hint.
            </div>
            <a ui-sref="frontend.login.info">Ready to log in?</a>
        </div>
        <form name="passwordHintForm" ng-submit="passwordHintForm.$valid && submit(model)" ng-show="!success"
              api-form="submitPromise">
            <div class="callout callout-danger validation-errors" ng-show="passwordHintForm.$errors">
                <h4>Errors have occurred</h4>
                <ul>
                    <li ng-repeat="e in passwordHintForm.$errors">{{e}}</li>
                </ul>
            </div>
            <div class="form-group has-feedback" show-errors>
                <label for="email" class="sr-only">Your account email address</label>
                <input type="email" id="email" name="Email" class="form-control" placeholder="Your account email address"
                       ng-model="model.email" required api-field />
                <span class="fa fa-envelope form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-7">
                    <a ui-sref="frontend.login.info">Ready to log in?</a>
                </div>
                <div class="col-xs-5">
                    <button type="submit" class="btn btn-primary btn-block btn-flat" ng-disabled="passwordHintForm.$loading">
                        <i class="fa fa-refresh fa-spin loading-icon" ng-show="passwordHintForm.$loading"></i>Submit
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
