include ../mixin/page-heading
include ../mixin/button-link
include ../mixin/icon

section.modal(id="modal-callback")
  article.modal__inner.modal__inner--callback
    button.modal__close(type="button")
      +icon('icon-close', false, [18, 18])
    .modal__view
      +page-heading('Перезвоните мне', 'align-left')
      .modal__form
          form.contacts__form.contacts-form.js-mailer
            .contacts-form__fieldset
              label.visually-hidden(for="modal-contacts-phone") Телефон
              input.required(id="modal-contacts-phone" type="text" placeholder="Телефон*" name="contacts-phone")
            .contacts-form__fieldset
              label.visually-hidden(for="modal-contacts-name") Имя
              input.required(id="modal-contacts-name" type="text" placeholder="Имя*" name="contacts-name")
            .contacts-form__fieldset.contacts-form__fieldset--policy
              input.required(id="modal-callback-contacts-policy" type="checkbox" name="contacts-policy")
              label(for="modal-callback-contacts-policy") Я ознакомлен и согласен с #[a(href="#") Политикой конфиденциальности] и #[a(href="#") Пользовательским соглашением]
            .modal__order-buttons
              button.button-link(type="submit") отправить
          div.modal__response.modal__response--with-button.js-hidden
            p Спасибо, ваше сообщение отправлено. Мы ответим вам как только сможем
            div
              button.button-link Закрыть