include 2.0/application

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css">
<script src="https://cdn.jsdelivr.net/npm/choices.js/public/assets/scripts/choices.min.js"></script>

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.fns.js?q="~randomString())

.enterblock.custom-font.py-5
    .row.mx-auto(style='max-width: 448px; vertical-align: middle; padding-bottom: 120%;')
        .col-12.my-md-auto.p-0.card.shadow.rounded-3(style='min-height: 500px;')
            .card-body.px-0.pb-0
                h5.mx-4.fw-bold Заказать справку ФНС
                input.tg_input#user_id(type="hidden", value=user_id)

                    //-.my-3.mx-4.success-field.primary-field
                        label.form-label.m-0(for="taxpayer_fio") Выберите налогоплательщика
                        select.form-control.tg_input#taxpayer_fio(name="taxpayer_fio" required)
                            option(value="") -- Выберите налогоплательщика --
                            each user in users
                                option(value=user) #{user}

                .my-3.mx-4.success-field.primary-field
                    label.form-label.m-0(for="patient_fio") Выберите пациента, на данный момент можно заказать справку только для налогоплательщика
                    select.form-control.tg_input#patient_fio(name="patient_fio" required)
                        option(value="") Выберите пациента
                        each user in users
                            option(value=user) #{user}

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



                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="fio")='Фамилия Имя Отчество'
                    input.form-control.tg_input#fio(type="text" name="fio")
                    small="(Пожалуйста, проверьте правильность данных)"

                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="birthdate")='Дата рождения'
                    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="passport")='Серия и номер паспорта'
                    input.form-control.tg_input#passport
                    small="(Пожалуйста, проверьте правильность данных)"

                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="passport_date")='Дата выдачи паспорта'
                    input.form-control.tg_input#passport_date(type="date")
                    small="(Пожалуйста, проверьте правильность данных)"


                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="postal_code")='Код подразделения'
                    input.form-control.tg_input#postal_code
                    small="(Пожалуйста, проверьте правильность данных)"


                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="passport_issued_by")='Кем выдан паспорт'
                    select.form-select.tg_input#passport_issued_by(style="")
                        option(disabled, selected)="Кем выдан паспорт"
                    small="(Пожалуйста, проверьте правильность данных)"


                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="inn")='ИНН'
                    input.form-control.tg_input#inn(type="text" name="#inn")
                    small="(Пожалуйста, проверьте правильность данных)"


                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0(for="email")='Электронная почта'
                    input.form-control.tg_input#email(type="text" name="email" value=pct_email)
                    small="(Пожалуйста, проверьте правильность данных)"


                .my-3.mx-4.success-field.verification(style="display: none;")
                    label.form-label.m-0 За какой год выдать данные
                    .checkbox-container
                        each year in [2025, 2024, 2023, 2022]
                            label.checkbox-item
                                input(type="checkbox" name="god_zapros" value=year)
                                span= year
                    button.btn.btn-primary#select-all Выбрать все


                .my-3.mx-4.primary-field.verification(style="display: none;")
                    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="Ваша заявка принята. Справка оформляется в течение 3-х рабочих дней."
                    p="По готовности документы будут отправлены на Ваш адрес электронной почты."
                    p="Также их можно забрать по адресу: ул. Г. Звезда, д. 31-А, в удобное для Вас время: с 09:00 до 21:00 по будням и с 09:00 до 19:00 по выходным. Справку может получить налогоплательщик, предъявив паспорт, или его представитель, который должен предоставить доверенность и паспорт."
                    p="Спасибо за Ваше обращение!"