{{> header}}
<div ng-app="idApp" ng-controller="signIn" class="wrapper"  {{#if user.email}} ng-init="set_email('{{user.email}}')"{{/if}}>
    <div class="main auth">

        <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">

                <h2 class="title">Вхід</h2>

                <form id="sign_in" method="POST" action="/sign_in">
                    <input type="hidden" name="client_id" ng-model="client_id" value="{{client.client_id}}"/>
                    <input type="hidden" name="redirect_uri" ng-model="redirect_uri" value="{{client.redirect_uri}}"/>
                    <input type="hidden" name="state" ng-model="state" value="{{client.state}}"/>
                    {{#if user.email}}
                        <div class="step-one" style="display: none">
                    {{else}}
                        <div class="step-one">
                    {{/if}}
                        <div class="form-group">
                            <div class="popup-error popup-email-error" style="display:none;">Будь-ласка, введіть вірну
                                електронну адресу
                            </div>
                            <div class="popup-error popup-email-exist-error" style="display:none;">Вибачте, користувача
                                з такою електронною адресою не знайдено. <a href="/sign_up">Зареєструватись?</a></div>
                            {{#if user.email}}
                                <input class="form-control" name="email" value="{{user.email}}" type="text" placeholder="Електронна пошта">
                            {{else}}
                                <input class="form-control" name="email" type="text" placeholder="Електронна пошта">
                            {{/if}}
                        </div>

                        <div class="pull-right">
                            <a class="btn btn-submit btn-email-submit-js">далі</a>
                        </div>
                    </div>
                    {{#if user.email}}
                        <div class="step-two">
                    {{else}}
                        <div class="step-two" style="display: none;">
                    {{/if}}
                        <div class="popup-error popup-email-error-password" ng-show="popup_email_error_password">Введено невірний пароль</div>

                        <div class="popup-error popup-email-password-error" style="display:none;">Будь-ласка,
                            введіть пароль
                        </div>
                        <div class="form-group relative">
                            <input type="password" name="password" ng-model="password" class="form-control"
                                   placeholder="Пароль"
                                   required
                                   password-show-button
                                   password-show-icon='<i class="absolute pass-icon pass-icon-show"></i>'
                            />
                            <!--<i class="absolute pass-icon pass-icon-show"></i>-->
                        </div>

                        <div class="pull-left">
                            Забули пароль? <a class="link" href="{[{password_restore_link}]}" style="font-size: 14px;">Натисніть
                            тут</a>
                        </div>

                        <div class="pull-right">
                            <button type="submit" class="btn btn-sign_in btn-submit">Увійти</button>
                        </div>
                    </div>
                </form>

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

                <p class="form-social-title">Або скористайтесь:</p>

                <div class="center">
                    <ul class="form-social-list">
                        <li>
                            <a href="/authorise/facebook" class="form-social-icon form-social-icon-facebook"></a>
                        </li>

                        <li>
                            <a href="/authorise/twitter" class="form-social-icon form-social-icon-twitter"></a>
                        </li>

                        <li>
                            <a href="/authorise/linkedin" class="form-social-icon form-social-icon-linked"></a>
                        </li>

                        <li>
                            <a href="/authorise/google" class="form-social-icon form-social-icon-gplus"></a>
                        </li>

                        <li>
                            <a href="/authorise/bankid" class="form-social-icon form-social-icon-bankid"></a>
                        </li>

                        <li>
                            <a href="/authorise/eds" class="form-social-icon form-social-icon-ecp"></a>
                        </li>

                        <li>
                            <a href="/authorise/kyivcard" class="form-social-icon form-social-icon-cartakiyv"></a>
                        </li>
                    </ul>
                </div>

                <div class="center form-social-title">
                    Користуєтесь міськими сервісами вперше?
                </div>

                <div class="center form-social-title">
                    <a class="btn btn-big btn-submit" href="/sign_up">Зареєструйтесь</a>
                </div>

                <div class="center">
                    <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;">Що таке Київ ІД</a>
                    </div>
                </div>

            </div>

        </div>

    </div>

</div>
{{> footer}}