templates/bundles/MLDevBaseBundle/layout/partials/modals.html.twig line 1

Open in your IDE?
  1. <div class="modal">
  2.     <div class="modal__container">
  3.         <div class="modal__close">
  4.             <svg>
  5.                 <use xlink:href="/images/sprite..svg#close" />
  6.             </svg>
  7.         </div>
  9.         <div class="modal__content">
  10.             <div class="modal__header">
  11.                 <div class="modal__header-heading">Заказать масло оптом</div>
  12.             </div>
  14.             <div class="modal__text">Работаем только с юридическими лицами и индивидуальными предпринимателями</div>
  16.             <form class="form" action="{{ path('mldev-front-form-confirm', { name: 'catalogue-request' }) }}" method="post" data-form>
  17.                 <input type="hidden" name="catalogue-request[_token]" value="{{ csrf_token('catalogue-request') }}" />
  18.                 <input type="hidden" name="catalogue-request[url]" value="{{ app.request.uri }}" />
  20.                 <div class="modal__row">
  21.                     <div class="form__field col-33">
  22.                         <label for="name">Ваше имя:</label>
  23.                         <input type="text" id="name" name="catalogue-request[name]" placeholder="Введите имя" data-name>
  24.                     </div>
  26.                     <div class="form__field col-33">
  27.                         <label for="email">Ваш e-mail:</label>
  28.                         <input type="email" id="email" name="catalogue-request[email]" placeholder="Адрес электронной почты" data-email>
  29.                     </div>
  31.                     <div class="form__field col-33">
  32.                         <label for="phone">Ваш телефон:</label>
  33.                         <input type="tel" id="phone" name="catalogue-request[phone]" placeholder="Номер телефона" data-phone>
  34.                     </div>
  35.                 </div>
  37.                 <div class="modal__row">
  38.                     <div class="form__field col-45">
  39.                         <label>Тип деятельности:</label>
  40.                         <div class="form__select">
  41.                             <button type="button" class="form__select-button">Выбрать тип вашей деятельности</button>
  42.                             <svg>
  43.                                 <use xlink:href="/images/sprite..svg#arrow-bottom" />
  44.                             </svg>
  45.                             <ul class="form__select-dropdown">
  46.                                 <li>
  47.                                     <input type="radio" id="l1" name="catalogue-request[type]" value="Автомагазин" data-type>
  48.                                     <label for="l1">Автомагазин</label>
  49.                                 </li>
  50.                                 <li>
  51.                                     <input type="radio" id="l2" name="catalogue-request[type]" value="СТО" data-type>
  52.                                     <label for="l2">СТО</label>
  53.                                 </li>
  54.                                 <li>
  55.                                     <input type="radio" id="l3" name="catalogue-request[type]" value="АТП (автопарк)" data-type>
  56.                                     <label for="l3">АТП (автопарк)</label>
  57.                                 </li>
  58.                                 <li>
  59.                                     <input type="radio" id="l4" name="catalogue-request[type]" value="Промышленное предприятие" data-type>
  60.                                     <label for="l4">Промышленное предприятие</label>
  61.                                 </li>
  62.                                 <li>
  63.                                     <input type="radio" id="l5" name="catalogue-request[type]" value="Частное лицо" data-type>
  64.                                     <label for="l5">Частное лицо</label>
  65.                                 </li>
  66.                                 <li>
  67.                                     <input type="radio" id="l6" name="catalogue-request[type]" value="Другое" data-type>
  68.                                     <label for="l6">Другое</label>
  69.                                 </li>
  70.                             </ul>
  71.                         </div>
  72.                     </div>
  73.                 </div>
  75.                 <div class="modal__row">
  76.                     <div class="form__field col-100">
  77.                         <label for="comment">Комментарий:</label>
  78.                         <textarea name="catalogue-request[comment]" id="comment"></textarea>
  79.                     </div>
  80.                 </div>
  82.                 <div class="modal__row">
  83.                     <button type="submit" class="site-button site-button_blue">Отправить заявку</button>
  84.                 </div>
  86.                 <div class="modal__row">
  87.                     <div class="modal__caption">
  88.                         Нажимая кнопку отправки формы вы даёте <a href="/policy">Согласие на обработку персональных данных</a>
  89.                     </div>
  90.                 </div>
  91.             </form>
  92.         </div>
  93.     </div>
  94. </div>