templates/includes/partials/_rental-form.html.twig line 1

Open in your IDE?
  1. {% set visitorId = (data.visitorId ?? (visitorId ?? null)) %}
  2. {% set thanksPage = (document.getProperty('thanksPage') ?? null) %}
  3. {% set countries = [
  4.     { 'code': 'NL', 'title': 'Nederland' | trans, 'flag': get_language_flag_by_locale('nl_NL') },
  5.     { 'code': 'BE', 'title': 'België' | trans, 'flag': get_language_flag_by_locale('nl_BE') },
  6.     { 'code': 'DE', 'title': 'Duitsland' | trans, 'flag': get_language_flag_by_locale('de') },
  7.     { 'code': 'FR', 'title': 'Frankrijk' | trans, 'flag': get_language_flag_by_locale('fr') },
  8.     { 'code': 'CH', 'title': 'Zwitserland' | trans, 'flag': get_language_flag_by_locale('de_CH')},
  9.     { 'code': 'AT', 'title': 'Oostenrijk' | trans, 'flag': get_language_flag_by_locale('de_AT')},
  10.     { 'code': 'LU', 'title': 'Luxemburg' | trans, 'flag': get_language_flag_by_locale('lu')},
  11.     { 'code': 'LI', 'title': 'Liechtenstein' | trans, 'flag': get_language_flag_by_locale('li')},
  12.     { 'code': 'DK', 'title': 'Denemarken' | trans, 'flag': get_language_flag_by_locale('da')},
  13.     { 'code': 'HU', 'title': 'Hongarije' | trans, 'flag': get_language_flag_by_locale('hu')},
  14.     { 'code': 'GB', 'title': 'Verenigd Koninkrijk' | trans, 'flag': get_language_flag_by_locale('en')},
  15.     { 'code': 'SE', 'title': 'Zweden' | trans, 'flag': get_language_flag_by_locale('sv')},
  16.     { 'code': 'NO', 'title': 'Noorwegen' | trans, 'flag': get_language_flag_by_locale('nb')},
  17.     { 'code': 'PL', 'title': 'Polen' | trans, 'flag': get_language_flag_by_locale('pl')},
  18.     { 'code': 'SK', 'title': 'Slowakije' | trans, 'flag': get_language_flag_by_locale('sk')},
  19.     { 'code': 'CZ', 'title': 'Tsjechië' | trans, 'flag': get_language_flag_by_locale('cs')},
  20.     { 'code': 'IT', 'title': 'Italië' | trans, 'flag': get_language_flag_by_locale('it')},
  21.     { 'code': 'ES', 'title': 'Spanje' | trans, 'flag': get_language_flag_by_locale('es')},
  22.     { 'code': 'OTHER', 'title': 'Overige' | trans, 'flag': false },
  23. ] %}
  25. <div class="vue-app {{ classes ?? null }}">
  26.     <rental-form
  27.         gclid="{{ (data.gclid ?? (gclid ?? null)) }}"
  28.         msclkid="{{ (data.msclkid ?? (msclkid ?? null)) }}"
  29.         li_fat_id="{{ (data.li_fat_id ?? (li_fat_id ?? null)) }}"
  30.         
  31.         :recaptcha-key="`{{ recaptcha_v3_site_key }}`"
  32.         
  33.         {% if product is defined and product %}
  34.             :product="`{{ product.name | escape }} {{ product.code | escape }}`"
  35.         {% endif %}
  36.         {% if productCategory is defined and productCategory %}
  37.             :product-category="`{{ (productCategory.name ?: productCategory.key) | escape }}`"
  38.         {% endif %}
  39.         {% if buttonClass is defined and buttonClass %}
  40.             :button-class="`{{ buttonClass }}`"
  41.         {% endif %}
  42.         {% if visitorId is defined and visitorId %}
  43.             :visitor-id="`{{ visitorId | escape }}`"
  44.         {% endif %}
  45.         {% if trackButtonId is defined and trackButtonId %}
  46.             :track-button-id="`{{ trackButtonId | escape }}`"
  47.         {% endif %}
  48.         {% if thanksPage is defined and thanksPage %}
  49.             :thanks-page="`{{ thanksPage | escape }}`"
  50.         {% endif %}
  51.         {% if countries is defined and countries %}
  52.             :countries="{{ countries|json_encode() }}"
  53.         {% endif %}
  54.         {% if requestUrl is defined and requestUrl %}
  55.             :request-url="`{{ requestUrl | escape }}`"
  56.         {% endif %}
  57.         :trans="{
  58.             form: {
  59.                 title: `{{ 'Ja, ik wil graag een offerte aanvragen' | trans | escape }}`,
  60.                 title_category: `{{ 'Ja, ik wil graag een offerte aanvragen voor' | trans | escape }}`,
  61.                 {# Also see contact-form-brick/view.html.twig::<template x-if="sent"> #}
  62.                 thanks: `{{ 'Uw aanvraag is succesvol verstuurd. Wij nemen spoedig contact met u op!' | trans | escape }}`,
  63.             },
  64.             button: {
  65.                 show: `{{ ((buttonText ?? null) ?: ('Offerte aanvragen' | trans)) | escape }}`,
  66.                 close: `{{ 'Venster sluiten' | trans | escape }}`,
  67.                 submit: `{{ 'Aanvraag versturen' | trans | escape }}`,
  68.                 submit_label: `{{ 'Binnen één werkdag een vrijblijvende offerte' | trans | escape }}`,
  69.             },
  70.             contact: {
  71.                 title: `{{ 'Contactgegevens' | trans | escape }}`,
  72.             },
  73.             message: {
  74.                 label: `{{ 'Uw bericht' | trans | escape }}`,
  75.                 placeholder: `{{ 'Opmerkingen, uw vragen en uitleg betreft gewenste toepassing.' | trans | escape }}`,
  76.             },
  77.             urgent: {
  78.                 label: `{{ 'Spoed?' | trans | escape }}`,
  79.                 text: `{{ 'Bel direct bij spoed. Wij staan 24/7 voor u klaar. 085 019 7647' | trans | escape }}`,
  80.             },
  81.             first_name: {
  82.                 label: `{{ 'Voornaam' | trans | escape }}`,
  83.                 placeholder: `Luella`,
  84.             },
  85.             last_name: {
  86.                 label: `{{ 'Achternaam' | trans | escape }}`,
  87.                 placeholder: `Freeman`,
  88.             },
  89.             phone: {
  90.                 label: `{{ 'Telefoonnummer' | trans | escape }}`,
  91.                 placeholder: `+31612345678`,
  92.                 comment: `{{ 'Coolworld mag telefonisch contact met mij opnemen voor een vrijblijvend gesprek.' | trans | escape }}`,
  93.             },
  94.             email: {
  95.                 label: `{{ 'E-mailadres' | trans | escape }}`,
  96.                 placeholder: `name@domain.nl`,
  97.             },
  98.             company: {
  99.                 label: `{{ 'Bedrijf' | trans | escape }}`,
  100.                 placeholder: `Company B.V.`,
  101.             },
  102.             address: {
  103.                 label: `{{ 'Adres' | trans | escape }}`,
  104.             },
  105.             zipcode: {
  106.                 label: `{{ 'Postcode' | trans | escape }}`,
  107.             },
  108.             city: {
  109.                 label: `{{ 'Plaats' | trans | escape }}`,
  110.             },
  111.             country: {
  112.                 label: `{{ 'Land' | trans | escape }}`,
  113.                 current: `{{ (data.page.country ?? page.country) | escape }}`,
  114.             },
  115.             personaldata: {
  116.                 text: `{{ 'Met het invullen van dit formulier geeft u toestemming dat Coolworld vrijblijvend telefonisch contact met u opneemt voor een adviesgesprek.' | trans | escape }}`,
  117.                 title: `{{ 'Mogen we uw gegevens gebruiken?' | trans | escape }}`,
  118.                 label: `{{ 'Ik ga akkoord met het privacybeleid.' | trans | escape }}`,
  119.             },
  120.             {# Either see AbstractAreaBrick::action() or DefaultFrontendController::data() #}
  121.             language: `{{ (data.page.lang ?? page.lang) | escape }}`,
  122.         }"
  123.     >
  124.         {% if buttonSlot ?? null %}
  125.             <template #button-slot="props">
  126.                 {{ buttonSlot | raw }}
  127.             </template>
  128.         {% endif %}
  129.     </rental-form>
  130. </div>