templates/muoservice/contact.html.twig line 1

Open in your IDE?
  2. {% extends 'muoservice_document.html.twig' %}
  4. {% block main_content %}
  5.   
  6.   <div style="margin-top:50px;"> 
  7.   </div>
  8.   
  9.   <section class="section-padding">
  10.     <div class="container">    
  11.       <div class="row">     
  12.         <div class="col-12 col-lg-4">         
  13.           {{ pimcore_wysiwyg('contact_text_left') }}          
  14.         </div>
  15.         <div class="col-12 col-lg-8">          
  16.           {{ pimcore_wysiwyg('contact_text_right') }}          
  17.           {% if message %}
  18.           <div class="row">
  19.             <div class="col-12">
  20.               <div class="alert alert-secondary mb-3">
  21.               {% for line in message %}
  22.                 {{ line | raw }} 
  23.               {% endfor %}
  24.               </div>
  25.             </div>
  26.           </div>
  27.           {% endif %}          
  28.           {% if not mailSubmitted %}
  29.           <div class="contact-form-border">
  30.             <form name="contact-form" id="contact-form" class="form" method="post" action="{{ app.request.uri }}">
  31.               <input type="hidden" name="contact_token" value="{{ 'now' | date('dmYHis') }}" />
  32.               <div class="row">
  33.                 <div class="col-12 col-sm-6 mb-3">
  34.                   <div class="form-floating">
  35.                     <input class="form-control" type="text" name="contactFirstname" id="contactFirstname" value="{{ formdata.contactFirstname is defined ? formdata.contactFirstname }}" placeholder="Vorname*" required />
  36.                     <label for="contactFirstname">Vorname*</label>
  37.                   </div>
  38.                 </div>
  39.                 <div class="col-12 col-sm-6 mb-3">
  40.                   <div class="form-floating">
  41.                     <input class="form-control" type="text" name="contactLastname" id="contactLastname" value="{{ formdata.contactLastname is defined ? formdata.contactLastname }}" placeholder="Nachname*" required />
  42.                     <label for="contactLastname">Nachname*</label>
  43.                   </div>
  44.                 </div>
  45.               </div>
  46.               <div class="row">
  47.                 <div class="col-9 col-md-6 mb-3">
  48.                   <div class="form-floating">
  49.                     <input class="form-control" type="text" name="contactStreet" value="{{ formdata.contactStreet is defined ? formdata.contactStreet }}" placeholder="Stra&szlig;e" />
  50.                     <label for="contactStreet">Strasse</label>
  51.                   </div>
  52.                 </div>
  53.                 <div class="col-3 col-md-6 mb-3">
  54.                   <div class="form-floating">
  55.                     <input class="form-control" type="text" name="contactStreetNumber" value="{{ formdata.contactStreetNumber is defined ? formdata.contactStreetNumber }}" placeholder="Hausnr." />
  56.                     <label for="contactStreetNumber">Hausnr.</label>
  57.                   </div>
  58.                 </div>
  59.               </div>
  60.               <div class="row">
  61.                 <div class="col-3 col-md-6 mb-3">
  62.                   <div class="form-floating">
  63.                     <input class="form-control" type="text" name="contactZip" value="{{ formdata.contactZip is defined ? formdata.contactZip }}" placeholder="Plz" />
  64.                     <label for="contactZip">Plz</label>
  65.                   </div>
  66.                 </div>
  67.                 <div class="col-9 col-md-6 mb-3">
  68.                   <div class="form-floating">
  69.                     <input class="form-control" type="text" name="contactCity" value="{{ formdata.contactCity is defined ? formdata.contactCity }}" placeholder="Ort" />
  70.                     <label for="contactCity">Ort</label>
  71.                   </div>
  72.                 </div>
  73.               </div>
  74.               <div class="row">
  75.                 <!--
  76.                 <div class="col-12 col-md-6 mb-3">
  77.                   <div class="form-floating">
  78.                     <input class="form-control" type="text" name="contact_phone" value="{{ formdata.contact_phone is defined ? formdata.contact_phone }}" placeholder="Telefon" />
  79.                   </div>
  80.                 </div>
  81.                 -->
  82.                 <div class="col-12 mb-3">
  83.                   <div class="form-floating" id="emailAddress">
  84.                     <input class="form-floating" type="text" name="email_address" value="" placeholder="E-Mail-Adresse" />
  85.                     <label for="email_address">E-Mail-Adresse wiederholen</label>
  86.                   </div>
  87.                   <div class="form-floating">
  88.                     <input class="form-control" type="email" name="contactEmail" id="contactEmail" value="{{ formdata.contactEmail is defined ? formdata.contactEmail }}" placeholder="E-Mail-Adresse*" required />
  89.                     <label for="contactEmail">E-Mail-Adresse*</label>
  90.                   </div>
  91.                 </div>
  92.               </div>
  93.               <div class="row">
  94.                 <div class="col-12 mb-3">
  95.                   <div class="form-group">
  96.                     <textarea class="form-control" rows="6" name="contactMessage" id="contactMessage" placeholder="Ihre Nachricht*" required >{{ formdata.contactMessage is defined ? formdata.contactMessage }}</textarea>
  97.                   </div>
  98.                 </div>
  99.               </div>
  100.               
  101.               {% if captcha is defined %}
  102.               <br />
  103.               <div class="row">
  104.                 <div class="col-12 mb-3">
  105.                   <label for="captcha_answer"><strong>Sicherheitsfrage</strong><br />Bitte beantworten Sie die Frage: <strong>&quot;{{ captcha.question | raw }}&quot;</strong></label>  
  106.                 </div>
  107.               </div>
  108.               <div class="row">
  109.                 <div class="col-12 mb-3">
  110.                   <div class="form-captcha">
  111.                     <div class="form-group">                  
  112.                       <input type="hidden" name="captcha_key" id="captcha_key" value="{{ captcha.key }}" required />
  113.                       <input class="form-control" type="text" name="captcha_answer" id="captcha_answer" value="" required />
  114.                     </div>
  115.                   </div>
  116.                 </div>    
  117.               </div>
  118.               {% endif %}               
  119.               <div class="row">
  120.                 <div class="col-12 text-center">
  121.                   <div class="small">
  122.                     {{ pimcore_wysiwyg('contact_dsgvo') }}                    
  123.                   </div>                
  124.                   <input class="btn btn-default" style="display:inline-block;" type="submit" name="contact_submit" value="Nachricht abschicken" />               
  125.                 </div>
  126.               </div>     
  127.             </form>
  128.           </div>  
  129.           {% endif %}  
  130.           {% if mailSubmitted or editmode  %}
  131.           {% if editmode %}
  132.           <div class="pim-tooltip">
  133.             <div class="row">
  134.               <div class="col">
  135.                 Hinweis: Dieser Text wird dem Besucher nur nach erfolgreich versendeter Nachricht angezeigt.
  136.               </div>
  137.             </div>
  138.           </div>         
  139.           {% endif %}
  140.           <br />
  141.           <div class="row">
  142.             <div class="col-12">
  143.               {{ pimcore_wysiwyg('contact_submitted') }}
  144.             </div>
  145.           </div>
  146.           {% endif %}
  147.         
  148.         </div>
  149.       </div>
  150.     </div>
  151.   </section>
  152.   
  153. {% endblock %}