{{>header}}

<div ng-app="idApp" ng-controller="restore" class="wrapper">

    <div class="main auth hide" ng-class="{hide:!!controllerLoaded==false}">

        <div class="clearfix">

            <div class="side-content">

                <div class="logo">
                    <a href="/">
                        <img src="/img/logo_full_auth.svg" alt="КиївІД">
                    </a>
                </div>

            </div>

            <div class="auth__inner">


                <form name="restorePass" method="POST" action="/user/password/setup/confirmation" ng-submit="sendFormNewPass($event)" novalidate>
                    {{#if email}}
                        <input type="hidden" name="email" value="{{email}}"/>
                    {{else}}
                        <input type="hidden" name="phone" value="{{phone}}"/>
                    {{/if}}
                    <input type="hidden" name="code" value="{{code}}"/>

                    <div class="form-group">
                        <div class="popup-error popup-password-length-error"
                             ng-if="validatePassObject.passwordRegexValid == false || validatePassObject.passwordConfirmRegexValid == false"
                        >Довжина пароля має бути не меньше 8 символів</div>

                        {{#if passwordError}}
                            <div class="form-group relative">
                                <div class="popup-error popup-password-confirm-match-error">Паролі мають збігатися</div>
                            </div>
                        {{/if}}

                        <div class="form-group relative" ng-if="validatePassObject.passIdent == false">
                            <div class="popup-error popup-password-confirm-match-error">Паролі мають збігатися</div>
                        </div>

                        <div class="relative">
                            <input name="password" maxlength="30" class="form-control" required
                                   ng-pattern="validatePassObject.pattern"
                                   ng-model="password"
                                   ng-keypress="[validatePassObject.passwordEmpty = true,validatePassObject.passwordRegexValid = true,validatePassObject.passIdent = true]"
                                   password-show-button

                                   password-show-button-with="password_confirm"
                                   password-show-icon='<i class="absolute pass-icon-js pass-icon pass-icon-show"></i>'
                                   type="password" value="{{password}}" placeholder="Придумайте пароль">
                            <div class="popup-error popup-password-length-error"
                                 ng-if="validatePassObject.passwordEmpty == false"
                            >Пароль не може бути пустим</div>
                        </div>

                    </div>

                    <div class="form-group relative">
                        <input name="password_confirm" maxlength="30" required
                               ng-pattern="validatePassObject.pattern"
                               ng-model="password_confirm"
                               ng-keypress="[validatePassObject.passwordConfirmEmpty = true,validatePassObject.passwordConfirmRegexValid = true,validatePassObject.passIdent = true]"
                               password-show-button
                               password-show-button-with="password" class="form-control" value="{{password_confirm}}"
                               type="password" placeholder="Повторіть пароль">
                    </div>

                    <div class="form-group pull-right">
                        <button type="submit" style="width: 150px;" class="btn btn-sign_in btn-submit">Встановити
                        </button>
                    </div>
                </form>

                <div class="clearfix"></div>

                <div class="relative">
                    <img src="/img/info.jpg" style="position: absolute; top: -1px;" alt="info">&nbsp;<a class="link"
                                                                                                        href="/faq"
                                                                                                        target="_blank"
                                                                                                        rel="nofollow norefferer"
                                                                                                        style="margin-left: 18px; font-size: 13px;">Навіщо
                    встановлювати пароль</a>
                </div>

            </div>

        </div>

    </div>

</div>
{{>footer}}