templates/components/contact-box.html.twig line 1

Open in your IDE?
  1. <div class="modal fade" id="callMeBack" tabindex="-1" aria-labelledby="callMeBackLabel" aria-hidden="true">
  2.     <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
  3.         <div class="modal-content">
  4.             <div class="modal-header border-0">
  5.                 <h2>Rückrufwunsch</h2>
  6.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  7.             </div>
  8.             <div class="modal-body">
  9.                 <p class="mb-4">
  10.                     Sie möchten Ihre Fragen oder Wünsche zeitnah in einem persönlichen
  11.                     Telefonat besprechen? Dann lassen Sie sich doch von uns zurückrufen. Bitte
  12.                     nennen Sie uns einfach Ihren Namen und Ihre Telefonnummer und wir
  13.                     melden uns im gewünschten Zeitraum bei Ihnen.
  14.                 </p>
  15.                 {% if content.form1 %}
  16.                     {% form_theme content.form1 'components/forms/callback.html.twig' %}
  17.                     {{ form(content.form1) }}
  18.                 {% endif %}
  19.             </div>
  20.         </div>
  21.     </div>
  22. </div>
  23. <div class="container my-5">
  24.     <div class="row">
  25.         {% if app.request.get('send') == 'true' %}
  26.             <div class="col-12">
  27.                 {{ include('@components/alert.html.twig', {
  28.                     type: 'success',
  29.                     text: view.form.entity.successText
  30.                 }) }}
  31.             </div>
  32.         {% endif %}
  33.         <div class="col-12 col-lg-7 order-2 order-lg-1">
  34.             {% if content.form %}
  35.                 {% form_theme content.form 'components/forms/contact.html.twig' %}
  36.                 {{ form(content.form) }}
  37.             {% endif %}
  38.         </div>
  39.         <div class="col-12 col-lg-5 order-1 order-lg-2 mb-4 mb-lg-0">
  40.             <div class="d-flex flex-column">
  41.                 <h2 class="point light">{{ content.helpTitle }}</h2>
  42.                 {{ content.helpText|raw }}
  43.                 <div class="mt-4">
  44.                     {{ include('@components/button-with-icon.html.twig', {
  45.                         text: content.helpUrlTitle,
  46.                         icon: 'fa-phone',
  47.                         link: {
  48.                             href: content.helpUrl
  49.                         },
  50.                         order: {
  51.                             icon: '1',
  52.                             text: '2'
  53.                         }
  54.                     }) }}
  55.                 </div>
  56.                 <div class="mt-4">
  57.                     {{ content.helpText1|raw }}
  58.                 </div>
  59.                 <div class="mt-4">
  60.                     {{ include('@components/button-with-icon.html.twig', {
  61.                         attributes: 'data-bs-toggle="modal" data-bs-target="#callMeBack"',
  62.                         text: content.helpUrlTitle1,
  63.                         icon: {
  64.                             svg: include('@components/icons/phone.html.twig')
  65.                         },
  66.                         order: {
  67.                             icon: '1',
  68.                             text: '2'
  69.                         }
  70.                     }) }}
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  75. </div>