include 2.0/application

link(rel="stylesheet" href="/css/1_model_app.css?q="~randomString())
link(rel="stylesheet" href="/css/1_model_icons.css?q="~randomString())
script(type="text/javascript", src="/js/UFMS.js?q="~randomString())
script(type="text/javascript", src="/js/2.0.dashboard.js?q="~randomString())



.enterblock.custom-font
    .row.mx-auto.h-100(style='max-width: 448px; vertical-align: middle;')
        .col-12.my-md-auto.p-0.card.shadow.rounded-3(style='min-height: 500px; height: auto;')
            .card-body.px-0.pb-0
                h5.mx-4.fw-bold="Заполните форму"
                input.tg_input#user_id(hidden, value=user_id)



                    //--.my-3.mx-4
                        .alert-placeholder.alert-lg.text-warning(data-content='У данного пользователя отсутсвуют права для направления пациентов')
                            input.form-control.form-control.custom-input#form_name(type="text")



                .my-3.mx-4.success-field.primary-field
                    label.form-label.m-0(for="fio")='Укажите ФИО пациента строго в формате “Фамилия Имя Отчество”. Если пациентом является Ваш ребенок, введите только ФИО ребенка.'
                    input.form-control.tg_input#fio
                    small="(Пожалуйста, проверьте формат ввода)"
                .my-3.mx-4.success-field.primary-field
                    label.form-label.m-0(for="tel")="Телефон"
                    .row.m-0.p-0.justify-content-between
                        .col-auto.m-0.p-0(style="min-width: 85%;")
                            input.form-control.tg_input#tel(type="text")
                        .col-auto.m-0.p-0
                            button.btn.btn-danger#clear_tel
                                span.x-icn
                    small="(Пожалуйста, проверьте формат ввода)"
                .my-3.mx-4.success-field.primary-field
                    label.form-label.m-0(for="dob")='Пожалуйста, введите дату рождения пациента. В случае, если пациентом является Ваш ребенок, укажите его дату рождения.'
                    input.form-control.tg_input#dob(type="date")
                    small="(Пожалуйста, проверьте формат ввода)"

                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="kod")='Для завершения процесса верификации на указанный Вами номер телефона поступит звонок с уникального номера. Пожалуйста, введите последние четыре цифры этого номера.'
                    input.form-control#kod
                    small="(Пожалуйста, проверьте формат ввода)"

                .my-3.mx-4.primary-field
                    button.btn.btn-success.float-end.mb-3#form_submit
                        span.spinner-border.spinner-border-sm.me-1.d-none(role="status" aria-hidden="true")
                        span="Подтвердить"

                .my-3.mx-4.primary-field.verification(style="display: none;")
                    p.mx-auto.text-center#repeat_call(href="#", style="cursor: pointer; text-decoration: underline dotted;")="Заказать повторный звонок"
                    button.btn.btn-success.float-end.mb-3#code_submit
                        span.spinner-border.spinner-border-sm.me-1.d-none(role="status" aria-hidden="true")
                        span="Отправить код"

                .my-3.mx-4.primary-field.success_window(style="display: none;")
                    h3="Отлично!"
                    p="Регистрация завершена. Перейдите в Telegram, чтобы продолжить."