templates/includes/shared/contact.html.twig line 1

Open in your IDE?
  1. <div class="flex items-center justify-center w-16 h-16 mb-4 mr-6 bg-blue-200 rounded-full md:mb-0 shrink-0">
  2.     <span class="w-8 h-8">
  3.         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 31"><path fill="#0071BB" fill-rule="evenodd" d="M23.251.6a2.668 2.668 0 0 1 2.666 2.665v3.038h3.418A2.668 2.668 0 0 1 32 8.968v12.928a2.668 2.668 0 0 1-2.665 2.665h-2.006v6.328l-6.327-6.328H8.732a.288.288 0 0 1-.041-.002l-.153-.006v-.02a.712.712 0 0 1-.519-.683c0-.321.218-.597.517-.682v-.032l.164.002h.049l.018.003H21.59l4.318 4.318v-4.318h3.427c.686 0 1.245-.559 1.245-1.245V8.968c0-.686-.559-1.245-1.245-1.245h-3.418v8.47a2.668 2.668 0 0 1-2.666 2.665H10.998l-6.327 6.327v-6.327H2.665A2.668 2.668 0 0 1 0 16.193V3.265A2.668 2.668 0 0 1 2.665.6Zm0 1.42H2.665c-.686 0-1.245.559-1.245 1.245v12.928c0 .686.559 1.245 1.245 1.245h3.426v4.318l4.319-4.318h12.841c.687 0 1.245-.559 1.245-1.245V3.265c0-.686-.558-1.245-1.245-1.245Zm-1.733 10.804c.233 0 .423.19.423.423v.776c0 .233-.19.423-.423.423H4.43a.423.423 0 0 1-.423-.423v-.776c0-.233.19-.423.423-.423Zm0-3.868c.233 0 .423.19.423.423v.776c0 .233-.19.423-.423.423H4.43a.423.423 0 0 1-.423-.423V9.38c0-.233.19-.423.423-.423Zm0-3.868c.233 0 .423.19.423.423v.776c0 .233-.19.423-.423.423H4.43a.423.423 0 0 1-.423-.423v-.776c0-.233.19-.423.423-.423Z"/></svg>
  4.     </span>
  5. </div>
  7. <div class="pt-2">
  8.     <h3 class="mb-4 text-2xl mb:text-3xl">
  9.         {% if editmode or not pimcore_input('shared_contact_title').isEmpty() %}
  10.             {{ pimcore_input('shared_contact_title', {placeholder: 'Heeft u nog vragen?'|trans} ) }}
  11.         {% else %}
  12.             {{ 'Heeft u nog vragen?'|trans }}
  13.         {% endif %}
  14.     </h3>
  16.     <p class="mb-8 text-large">
  17.         {% if editmode or not pimcore_textarea('shared_contact_text').isEmpty() %}
  18.             {{ pimcore_textarea('shared_contact_text', {placeholder: 'Onze experts staan voor u klaar'|trans} ) }}
  19.         {% else %}
  20.             {{ 'Onze experts staan voor u klaar'|trans }}
  21.         {% endif %}
  22.     </p>
  24.     <div class="mb-8">
  25.         <strong class="mb-2 text-lg">
  26.             {% if editmode or not pimcore_textarea('shared_contact_call_us').isEmpty() %}
  27.                 {{ pimcore_textarea('shared_contact_call_us', {placeholder: 'Bel ons op'|trans} ) }}
  28.             {% else %}
  29.                 {{ 'Bel ons op'|trans }}
  30.             {% endif %}
  32.             {% if editmode %}
  33.                 {{ pimcore_input('shared_contact_phone_number', {placeholder: 'Telefoonnummer'} ) }}
  34.             {% elseif not pimcore_input('shared_contact_phone_number').isEmpty() %}
  35.                 <a href="tel:{{ pimcore_input('shared_contact_phone_number').data | phone }}" class="underline">
  36.                     {{ pimcore_input('shared_contact_phone_number').data }}
  37.                 </a>
  38.             {% endif %}
  39.         </strong>
  41.         <p class="text-gray-800">
  42.             {% if editmode or not pimcore_textarea('shared_contact_phone_number_subline').isEmpty() %}
  43.                 {{ pimcore_textarea('shared_contact_phone_number_subline', {placeholder: 'Op werkdagen tussen 08:30 en 17:30'|trans} ) }}
  44.             {% else %}
  45.                 {{ 'Op werkdagen tussen 08:30 en 17:30'|trans }}
  46.             {% endif %}
  47.         </p>
  48.     </div>
  50.     <div>
  51.         <strong class="mb-2 text-lg">
  52.             {% if editmode or not pimcore_input('shared_contact_mail_us').isEmpty() %}
  53.                 {{ pimcore_input('shared_contact_mail_us', {placeholder: 'Mail ons op'|trans} ) }}
  54.             {% else %}
  55.                 {{ 'Mail ons op'|trans }}
  56.             {% endif %}
  58.             {% if editmode %}
  59.                 {{ pimcore_input('shared_contact_mail', {placeholder: 'sales@coolworld-rentals.nl'|trans} ) }}
  60.             {% elseif pimcore_input('shared_contact_mail').isEmpty() %}
  61.                 {# TODO is this e-mail string with trans the correct solution?  #}
  62.                 <a href="mailto:{{ 'sales@coolworld-rentals.nl'|trans }}"
  63.                    target="_blank"
  64.                    class="underline">
  65.                     {{ 'sales@coolworld-rentals.nl'|trans }}
  66.                 </a>
  67.             {% else %}
  68.                 <a href="mailto:{{ pimcore_input('shared_contact_mail').data }}"
  69.                    target="_blank"
  70.                    class="underline">
  71.                     {{ pimcore_input('shared_contact_mail').data }}
  72.                 </a>
  73.             {% endif %}
  74.         </strong>
  76.         <p class="text-gray-800">
  77.             {% if editmode or not pimcore_textarea('shared_contact_mail_subline').isEmpty() %}
  78.                 {{ pimcore_textarea('shared_contact_mail_subline', {placeholder: 'We reageren binnen 24 uur'|trans} ) }}
  79.             {% else %}
  80.                 {{ 'We reageren binnen 24 uur'|trans }}
  81.             {% endif %}
  82.         </p>
  83.     </div>
  84. </div>