{% extends "base.j2" %}

{% block title %}
PaperParser: Вход в аккаунт
{% endblock title %}

{% block main %}
<div class="container ">
    <!-- Modal Body -->
    <!-- if you want to close by clicking outside the modal, delete the last endpoint:data-bs-backdrop and data-bs-keyboard -->
    <div class="modal fade" id="secretCodeModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false"
        role="dialog" aria-labelledby="modalTitleId" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <form action="" id="secret-code-form">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalTitleId">Введите секретный код</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <div class="form-floating mb-3">
                                <input type="text" name="code" id="input-secret-code" class="form-control"
                                    placeholder="Секретный код">
                                <label for="input-secret-code">Секретный код</label>
                            </div>
                            <small id="helpId" class="form-text">
                                Вы должны были получить 6-ти значный код в вашем
                                аккаунте. Если это не так, обратитесь к администратору, проверьте логи и вывод прокси
                                сервера.
                            </small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Подтвердить</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="passwordModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false"
        role="dialog" aria-labelledby="modalTitleId" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <form action="" id="password-form">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalTitleId">Введите пароль</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <div class="form-floating mb-3">
                                <input type="text" name="password" id="input-password" class="form-control"
                                    placeholder="Пароль">
                                <label for="input-password">Пароль</label>
                            </div>
                            <small id="helpId" class="form-text">Введите пароль двухфакторной аутентификации. Если у акаунта его нет, да поможет вам бог.</small>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Подтвердить</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <form action="" id="add-session-form">

        <!-- Telegram Account Info -->

        <div class="mb-3">
            <label for="" class="form-label">Данные телеграм аккаунта</label>
            <div class="row row-cols-1 row-cols-sm-2">
                <div class="col">
                    <div class="form-floating mb-3">
                        <input type="text" name="name" id="input-name" class="form-control" placeholder="Имя">
                        <label for="input-name">название сессии</label>
                    </div>
                </div>
                <div class="col">
                    <div class="form-floating mb-3">
                        <input type="phone" name="phone" id="input-phone" class="form-control" placeholder="Phone">
                        <label for="input-phone">Номер телефона</label>
                    </div>
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-primary">Отправить код</button>
    </form>
    <hr>
    <form action="/api/sessions/file" method="POST">
        <label for="open-file-btn" class="form-label">Архив с аккаунтом (или .session файл)</label>
        <div class="mb-3">
            <button id="open-file-btn" type="submit" class="btn btn-secondary mt-3 disabled">Открыть файл</button>
        </div>
    </form>
</div>
{% endblock main %}

{% block scripts %}
    <script src="{{ url_for('static', filename='frontend/add.js') }}"></script>
{% endblock scripts %}