templates/front/after_sales/spare_parts.html.twig line 1

Open in your IDE?
  1. {% extends "front/_common/_base.html.twig" %}
  3. {% block linkcanonical %}
  4.     <link rel="canonical" href="{{ absolute_url(path('spare_parts')) }}">
  5. {% endblock %}
  7. {% block cssadicional %}{% endblock %}
  9. {% block classbody %}{% endblock %}
  11. {% block content %}
  12.     <section class="b5 scroll-wrapper">
  13.         <div class="b5Wrapper">
  14.             <picture class="b5BannerPicture">
  15.                 <source srcset="{{ asset(sd.bannerImage|image_path) }}">
  16.                 <img class="b5BannerPictureImage" src="{{ asset(sd.bannerImage|image_path) }}" width="1600" alt="{{ sd.bannerImage|image_alt }}">
  17.             </picture>
  18.             {% if sd.bannerText %}
  19.                 <div class="b5BannerText">
  20.                     <h1 class="scroll-item">{{ sd.bannerText }}</h1>
  21.                 </div>
  22.             {% endif %}
  23.         </div>
  24.     </section>
  26.     <section class="b21">
  27.         <div class="wanchoSecondary scroll-wrapper">
  28.             <ul class="b21MigaCustom b10LeftMigaPan scroll-item">
  29.                 <li><a href="{{ path('home') }}">Home</a></li>&nbsp;/ &nbsp;
  30.                 <li><a href="{{ path('after_sales') }}">Postventa</a></li>&nbsp;/ &nbsp;
  31.                 <li class="active"><a href="{{ path('spare_parts') }}">Repuestos</a></li>
  32.             </ul>
  33.             <div class="b21Wrap">
  34.                 <div class="b21Left scroll-wrapper">
  35.                     <h4 class="titleStandard b21Title scroll-item">{{ sd.detailTitle }}</h4>
  36.                     <div class="b21Text scroll-item">
  37.                         <p>{{ sd.detailText|nl2br }}</p>
  38.                     </div>
  39.                     {% if sd.contactShow %}
  40.                         <div class="b21Data">
  41.                             {% if sd.contactTitle %}
  42.                                 <h4 class="titleStandard b21DataTitle scroll-item">{{ sd.contactTitle }}</h4>
  43.                             {% endif %}
  44.                             {% if sd.contactPhone %}
  45.                                 <div class="b21DataiTem scroll-item">
  46.                                     <a href="tel:{{ sd.contactPhone|only_numbers }}"><i class="icon-iconos-15"></i> {{ sd.contactPhone }}</a>
  47.                                 </div>
  48.                             {% endif %}
  49.                             {% if sd.contactEmail %}
  50.                                 <div class="b21DataiTem scroll-item">
  51.                                     <a href="mailto:{{ sd.contactEmail }}"><i class="icon-iconos-17"></i> {{ sd.contactEmail }}</a>
  52.                                 </div>
  53.                             {% endif %}
  54.                             {% if sd.contactAddress %}
  55.                                 <div class="b21DataiTem scroll-item">
  56.                                     <a href="https://www.google.com/maps/search/{{ sd.contactAddress }}" target="_blank">
  57.                                         <i class="icon-iconos-18"></i> {{ sd.contactAddress }}</a>
  58.                                 </div>
  59.                             {% endif %}
  60.                         </div>
  61.                     {% endif %}
  62.                 </div>
  63.                 <div class="b21Right scroll-wrapper">
  64.                     <div class="b21WrapContact scroll-item">
  65.                         {% if forms.afterSalesTitle %}
  66.                             <h4 class="titleStandard b21TitleContact">{{ forms.afterSalesTitle }}</h4>
  67.                         {% endif %}
  68.                         {{ form_start(form, {'attr': {'class': 'scroll-item'}}) }}
  69.                             {% include 'front/templates/form_utm_fields.html.twig' %}
  70.                             {{ form_widget(form.department) }}
  71.                             <div class="b21Input">
  72.                                 {{ form_widget(form.document, {'attr': {'data-expresion': 'number', 'class': 'validKeypress g-number form-contact validate[required,custom[onlyNumberSp]]'}}) }}
  73.                                 <span class="form-label">RUC o DNI*</span>
  74.                             </div>
  75.                             <div class="b21Input">
  76.                                 {{ form_widget(form.company, {'attr': {'data-expresion': 'text', 'class': 'validKeypress g-text form-contact validate[required,custom[onlyLetterSp]]'}}) }}
  77.                                 <span class="form-label">Empresa/Razón social*</span>
  78.                             </div>
  79.                             <div class="b21Input">
  80.                                 {{ form_widget(form.name, {'attr': {'data-expresion': 'text', 'class': 'validKeypress g-text form-contact validate[required,custom[onlyLetterSp]]'}}) }}
  81.                                 <span class="form-label">Nombres*</span>
  82.                             </div>
  83.                             <div class="b21Input">
  84.                                 {{ form_widget(form.lastName, {'attr': {'data-expresion': 'text', 'class': 'validKeypress g-text form-contact validate[required,custom[onlyLetterSp]]'}}) }}
  85.                                 <span class="form-label">Apellidos*</span>
  86.                             </div>
  87.                             <div class="b21Input">
  88.                                 {{ form_widget(form.email, {'attr': {'class': 'form-contact validate[required,custom[email]]'}}) }}
  89.                                 <span class="form-label">Correo*</span>
  90.                             </div>
  91.                             <div class="b21Input">
  92.                                 {{ form_widget(form.phone, {'attr': {'data-expresion': 'number', 'class': 'validKeypress g-number form-contact validate[required,custom[onlyNumberSp]]'}}) }}
  93.                                 <span class="form-label">Teléfono*</span>
  94.                             </div>
  95.                             <div class="b21Select">
  96.                                 <select class="form-contact-select validate[required]" id="department">
  97.                                     <option value="" disabled selected></option>
  98.                                     {% for item in departmentsArray %}
  99.                                         <option value="{{ item.title }}">{{ item.title }}</option>
  100.                                     {% endfor %}
  101.                                 </select>
  102.                                 <span class="form-label">Departamento*</span>
  103.                                 <i class="icon-iconos-10"></i>
  104.                             </div>
  105.                             <div class="b21Paragraph">
  106.                                 (*) Campos obligatorios.
  107.                             </div>
  108.                             <div class="b21WrapCheckbox">
  109.                                 <input type="checkbox" id="b21Checkbox" class="validate[required]" name="">
  110.                                 <label for="b21Checkbox">Acepto las <a href="{{ path('privacy_policies') }}" target="_blank">Políticas de Privacidad</a></label>
  111.                             </div>
  112.                             <button type="submit" class="buttonStandard gray b21Btn" id="BtnLibro">Enviar</button>
  113.                             {% if info.showCaptcha %}
  114.                                 <input type="hidden" name="recaptcha_token" id="recaptchaToken">
  115.                             {% endif %}
  116.                         {{ form_end(form) }}
  117.                     </div>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </section>
  122. {% endblock %}
  124. {% block jsfinal %}
  125.     {% if info.showCaptcha %}
  126.         <script src="https://www.google.com/recaptcha/api.js?render={{ info.captchaSite }}"></script>
  127.         <script>
  128.             grecaptcha.ready(function() {
  129.                 grecaptcha.execute('{{ info.captchaSite }}', {action: 'submit'}).then(function(token) {
  130.                     document.getElementById('recaptchaToken').value = token;
  131.                 });
  132.             });
  133.         </script>
  134.     {% endif %}
  135.     <script type="text/javascript">
  136.         jQuery(function ($) {
  137.             $("form").validationEngine('attach', {
  138.                 promptPosition: "topLeft",
  139.                 autoHidePrompt: true,
  140.                 autoPositionUpdate: false,
  141.                 autoHideDelay: 2000,
  142.                 binded: false,
  143.                 scroll: false,
  144.                 validateNonVisibleFields: true
  145.             })
  147.             $('#department').on('change', function () {
  148.                 $('#form_after_sales_department').val($(this).val());
  149.             })
  151.             $('#BtnLibro').on('click', function (event) {
  152.                 event.preventDefault();
  153.                 const item = $(this);
  154.                 const form = item.closest('form');
  155.                 const valid = form.validationEngine('validate');
  156.                 if (valid) {
  157.                     item.prop('disabled', true).text('Enviando...');
  158.                     form.submit();
  159.                 } else {
  160.                     item.prop('disabled', false).text('Enviar');
  161.                 }
  162.             });
  163.         })
  164.     </script>
  165. {% endblock %}