.body
  .body__content
    
    h1 У нас есть всё!

    h2.formSubHeading Отправьте нам запрос и получите предложение за 15 минут:
    
    img.body__img--cart(src='../../images/part-quest/carPartMood.png' title='cartPartMood' alt='cartPartMood' width='332' height='271')

    .body__form
      
      form
        .body__form--selectize
          select(id='al-searchModel--selectName' placeholder='Марка авто')
            option(value='') Марка авто
            option(value='Audi') Audi
            option(value='BMW') BMW
            option(value='Skoda') Skoda
            option(value='Volvo') Volvo

          .input__tooltip
            span Интересующие вас детали
        .body__form--selectize
          select(id='al-searchModel--selectModel' placeholder='Модель авто' disabled)
            option(value='') Модель авто
            option(value='TT') TT
            option(value='A3') A3
            option(value='A6') A6
            option(value='A8') A8

          .input__tooltip
            span Интересующие вас детали
        .body__form--selectize
          select(id='al-searchModel--selectEngine' placeholder='Тип двигателя' disabled)
            option(value='') Тип двигателя
            option(value='TT') 1L
            option(value='A3') 2.8L
            option(value='A6') 3L
            option(value='A8') 3.4L

          .input__tooltip
            span Интересующие вас детали

        .form__input.input--error
          .input--required
            img(src='../../images/part-quest/asteriskRed.png' title='обязательное поле' alt='обязательное поле' width='20' height='20')

          input(type="text" name="tel" placeholder='Телефон')

          .input__tooltip
            span Неверный номер телефона

        .form__input
          .input--required
            img(src='../../images/part-quest/asterisk.png' title='обязательное поле' alt='обязательное поле' width='20' height='20')

          input(type="email" name="email" placeholder='Email')

          .input__tooltip
            span Ваш Email

        .form__input
          .input--required
            img(src='../../images/part-quest/asterisk.png' title='обязательное поле' alt='обязательное поле' width='20' height='20')

          textarea(placeholder='Искомые детали')

          .textarea--tooltip
            span Интересующие вас детали
        
        .form__submit
          input.btn--red(value='Отправить запрос' type='button' onclick='location.reload();location.href="{{ link.templates-part-quest-sended }}"')

// скрипт переписывайте по вашей религии - Появление подсказок при фокусе инпутов формы
script(type='text/javascript').
  $( document ).ready(function() {
    var is_mobile = false;
    if( $('.body__img--cart').css('display')=='none') {
        is_mobile = true;       
    }
    if (is_mobile == false) {

      $('.form__input input, .form__input textarea').focusin(function() {
          $(this).next('.input__tooltip, .textarea--tooltip').css('display', 'inline-block');
      }).focusout(function () {
          $('.input__tooltip, .textarea--tooltip').hide();
      });

      $('.body__form--selectize').focusin(function() {
          $(this).children('.input__tooltip').css('display', 'inline-block');
      }).focusout(function () {
          console.log(this)
          $('.input__tooltip').hide();
      });

    }
  });

// скрипт переписывайте по вашей религии - Selectize is the hybrid of a textbox and <select> box - https://brianreavis.github.io/selectize.js/
script(type='text/javascript' src='../../js/selectize/selectize.js')
link(rel='stylesheet' type='text/css' href='../../js/selectize/selectize.css')
script(type='text/javascript').
  $( document ).ready(function() {

    //======= Selectize для селектов =======
    $('#al-searchModel--selectName').selectize();
    $('#al-searchModel--selectModel').selectize();
    $('#al-searchModel--selectEngine').selectize();

  });

// скрипт подключения плейсходлеров для ие8-ие9
script(type='text/javascript').
  $( document ).ready(function() {

    $('input, textarea').placeholder();

  });