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

section.modal(id="modal-cart")
  article.modal__inner.modal__inner--cart
    button.modal__close(type="button")
      +icon('icon-close', false, [18, 18])
    .modal__view
      +page-heading('Ваш заказ', 'align-left')
      .modal__order
        ul.modal__order-list
          li.modal__order-item
            h4
              a(href="#") A-max 22 Ø22 mm, Graphite Brushes, 6 Watt, with cable
            .card-buttons__quant
              button.card-buttons__quant-hand -
              button.card-buttons__quant-hand +
              input(type="text" min="0" placeholder="0" data-id="28" class="js-cart-quantity")
            button.modal__order-remove
              +icon('icon-close', false, [11, 11])
          li.modal__order-item
            h4
              a(href="#") A-max 22 Ø22 mm, Graphite Brushes, 6 Watt, with cable
            .card-buttons__quant
              button.card-buttons__quant-hand -
              button.card-buttons__quant-hand +
              input(type="text" placeholder="0" data-id="29" class="js-cart-quantity")
            button.modal__order-remove
              +icon('icon-close', false, [11, 11])
          li.modal__order-item
            h4
              a(href="#") A-max 22 Ø22 mm, Graphite Brushes, 6 Watt, with cable
            .card-buttons__quant
              button.card-buttons__quant-hand -
              button.card-buttons__quant-hand +
              input(type="text" placeholder="0" data-id="30" class="js-cart-quantity")
            button.modal__order-remove
              +icon('icon-close', false, [11, 11])
      .modal__order-form(id="cartFormHolder")
          form.contacts__form.contacts-form.js-mailer(id="cartForm")
            input(type="hidden" name="selfEmail" id="cartSelfEmail" value="0")
            input(type="hidden" name="withcart" id="cartWithCart" value="1")
            .contacts-form__fieldset
              label.visually-hidden(for="contacts-name") Имя
              input(id="contacts-name" class="required" type="text" placeholder="Имя*" name="contacts-name")
              label.visually-hidden(for="contacts-mail") E-mail
              input(id="contacts-mail" class="required" type="text" placeholder="E-mail*" name="contacts-mail")
            .contacts-form__fieldset
              label.visually-hidden(for="contacts-company") Организация
              input(id="contacts-company" type="text" placeholder="Организация*" name="contacts-company")
              label.visually-hidden(for="contacts-phone") Телефон
              input(id="contacts-phone" type="text" placeholder="Телефон*" name="contacts-phone")
            .contacts-form__fieldset.contacts-form__fieldset--policy
              input(id="contacts-policy" type="checkbox" name="contacts-policy")
              label(for="contacts-policy") Я ознакомлен и согласен с #[a(href="#") Политикой конфиденциальности] и #[a(href="#") Пользовательским соглашением]
            .modal__order-buttons
              +button-link('сохранить заказ', ['inverse', 'with-icon'], {name: 'icon-black-back-closed-envelope-shape', sizes: [25, 20]}, 'js-save-order')
              +button-link('вернуться к покупкам', ['inverse'], false,  'js-close-cart-modal')
              button.button-link.js-send-order(type="submit") заказать
          div.modal__response.modal__response--with-button.js-hidden
            p Спасибо, ваше сообщение отправлено. Мы ответим вам как только сможем
            div
              button.button-link Закрыть