<!DOCTYPE html>
<html lang="ru-RU">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>Jarvis</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
    <link href="{{ url_for('static', filename = './css/main.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='./img/favicon.ico') }}" rel="icon" type="image/x-icon">
    <link href="{{ url_for('static', filename='./css/plugins/jquery.fancybox.css') }}" rel="stylesheet">
    <script src="{{ url_for('static', filename = './js/main.js') }}"></script>

</head>

<body>
<div class="wrapper">
    <!-- header-- -->
    <header class="header">
        <div class="container clearfix">
            <div class="header_left clearfix">
                <a class="logo-decor" href="/">
                    <img alt=""
                         class="logo_icon"
                         src="{{ url_for('static', filename='./img/815a836e51c6f20226cb07df7f32895c.png') }}">
                    <p class="logo-text">J.a.r.v.i.s </p>
                </a>
            </div>
            <div class="header_right">
                <div class="contacts">
                    <div class="drop">
                        {% if current_user.is_authenticated %}
                            <p class="contacts__schedule contacts__schedule_mod" href=""
                               onclick="activeClass();">{{ current_user.username }}</p>
                            <div class="dropdown dropdown_mod" id="dropdown">
                                <div class="drop-block drop-block_out">
                                    <div class="triangle triangle_mod"></div>
                                    <a href="/logout">
                                        <button class="header_btn" name="LogOut" type="submit" value="Выйти">Выход
                                        </button>
                                    </a>
                                </div>
                            </div>
                        {% else %}
                            <div class="contacts__schedule" onclick="activeClass();">Войти</div>
                            <div class="dropdown" id="dropdown">
                                <div class="drop-block">
                                    <form action="/login" method="POST">
                                        <div class="triangle"></div>
                                        <p class="red_text" id="1">Неверный логин или пароль</p>
                                        <label class="form__cell-header ">
                                            <input class="form__input-text-mod" name="LogUserLogin" placeholder="Логин"
                                                   type="text">
                                        </label>
                                        <label class="form__cell-header">
                                            <input class="form__input-text-mod" name="LogUserPassw" placeholder="Пароль"
                                                   type="password">
                                        </label>
                                        <button class="header_btn" name="LogButton" type="submit" value="Войти" >Вход
                                        </button>
                                    </form>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </header>


    <div class="container">
        <section class="form">
            <div class="form__title">
                Создать аккаунт
            </div>
            <!-- лейблы -->
            <form action="/registration" method="POST">
                <div class="form__fields">
                    <div class="form__element">
                        <div class="form__row clearfix">

                            <label class="form__log">
                                <div class="form__field-title">
                                    Введите логин
                                </div>
                                <input class="form__input-text" name="RegUserLogin" placeholder="Введите логин"
                                       type="text">
                            </label>
                            <label class="form__log">
                                <div class="form__field-title">
                                    Введите пароль
                                </div>
                                <input class="form__input-text" name="RegUserPassw" placeholder="Введите пароль"
                                       type="password">
                            </label>
                        </div>
                        <div class="form__btns">
                            <div class="form__controls">
                                <div class="form__controls-btns clearfix">
                                    <div class="form__controls-right">
                                        <button class="form__submit" name="RegButton" type="submit" value="Отправить">
                                            Регистрация
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </section>
    </div>
</div>

<!-- заглушка -->
<footer class="footer clearfix">
    <div class="container">
        <div class="footer-q clearfix">
            <p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" <b
                    class="footer-text_name"></b></p>
        </div>
        <div class="footer-q clearfix">
            <a class="logo-text" href="/">j.a.r.v.i.s</a>
        </div>
        <div class="footer-q clearfix">
            <p class="footer-messeger_text">Наши социальные сети</p>
            <ul class="footer-messeger">
                <li class="footer-messeger__item ">
                    <a class="footer-messeger__link" href="">
                        <img alt="" class="footer-messeger__icon"
                             src="{{ url_for('static', filename='./img/vk.png') }}">
                    </a>
                </li>
                <li class="footer-messeger__item">
                    <a class="footer-messeger__link " href="">
                        <img alt="" class="footer-messeger__icon"
                             src="{{ url_for('static', filename='./img/fb.png') }}">
                    </a>
                </li>
                <li class="footer-messeger__item">
                    <a class="footer-messeger__link" href="">
                        <img alt="" class="footer-messeger__icon"
                             src="{{ url_for('static', filename='./img/google.png') }}">
                    </a>
                </li>
                <li class="footer-messeger__item">
                    <a class="footer-messeger__link" href="">
                        <img alt="" class="footer-messeger__icon"
                             src="{{ url_for('static', filename='./img/twitter.png') }}">
                    </a>
                </li>
                <li class="footer-messeger__item">
                    <a class="footer-messeger__link" href="">
                        <img alt="" class="footer-messeger__icon"
                             src="{{ url_for('static', filename='./img/mail.png') }}">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</footer>
<!-- <a href="#" data-fancybox data-src="#test-popup">открыть всплывашку</a> -->
<div class="popup" id="test-popup">
    <h1>Пользователь уже существует</h1>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eum, totam aperiam. Fugit modi exercitationem eos
        itaque sequi molestiae, voluptates magnam?</p>
    <a class="close welcome__btn " href="#">Закрыть</a>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="{{ url_for('static', filename = './js/plugins/jquery.fancybox.min.js') }}"></script>
</body>
</html>