templates/alkanbari/_includes/content-blocks/panel-contact.html.twig line 1

Open in your IDE?
  2.   {% if editmode %}
  3.       {{ include('alkanbari/_includes/editables_tooltipps.html.twig') }}
  4.   {% endif %}
  5.   {% set bgColor = pimcore_select('set-bg-color').getData ? pimcore_select('set-bg-color').getData : '' %}
  6.   {% set bgImage = pimcore_relation('set-bg-image').getElement() is instanceof('\\Pimcore\\Model\\Asset') ? 'background-image:url(https://'~config.websiteDomain~pimcore_relation('set-bg-image').getElement()~')' : '' %}
  7.   {% set paddingTop = pimcore_select("set-pt").getData ? pimcore_select("set-pt").getData : '' %}
  8.   {% set paddingBottom = pimcore_select("set-pb").getData ? pimcore_select("set-pb").getData : '' %}
  9.   {% set scrollEffect = pimcore_select("set-effect").getData ? pimcore_select("set-effect").getData : '' %}
  10.   {% set isAnimated = (scrollEffect != '') ? 'animated' : '' %}
  12.   <section class="section-padding {{bgColor}} {{paddingTop}} {{paddingBottom}}" style="{{bgImage}}">   
  13.     {% if pimcore_select("panel-container-status").getData != '' %}
  14.     <div class="{{pimcore_select('panel-container-status').getData ? pimcore_select('panel-container-status').getData : 'container-fluid'}}">
  15.     {% endif %} 
  16.       <div class="row">
  17.         <div class="col-12 text-center">
  18.           <h2>{{ pimcore_input('contact_header', {'placeholder':'&Uuml;berschrift Kontaktformular'}) }}</h2>
  19.           {{pimcore_wysiwyg('contact-text')}}
  20.         </div>
  21.       </div>
  22.       <div class="row">
  23.         <div class="col-12 col-lg-4">
  24.           <div class="contact-data">
  25.             {{pimcore_wysiwyg('contact-information')}}
  26.           </div>
  27.         </div>
  28.         <div class="col-12 col-lg-7 offset-lg-1">
  29.           <h3>{{ 'alkanbari-contact-form1-header'|trans }}</h3>
  30.           <div class="box-bg">            
  31.             <form id="bookingForm" class="form booking-form" name="contactForm" method="post">
  32.               <input type="hidden" class="check-finput" name="language" id="language" value="{{app.request.locale}}" />
  33.               <input type="hidden" class="check-finput" name="contactToken" id="contactToken" value="{{ 'now'|date('U') }}" />
  34.               <div class="row form-row">
  35.                 <div class="col-12 col-md-6">
  36.                   <label>Vorname</label>
  37.                   <input class="form-control mb-2 check-finput" name="contactFirstname" id="contactFirstname" required />
  38.                 </div>
  39.                 <div class="col-12 col-md-6">
  40.                   <label>Nachname</label>
  41.                   <input class="form-control mb-2 check-finput" name="contactLastname" id="contactLastname" required />
  42.                 </div>
  43.               </div>
  44.               <div class="row form-row">
  45.                 <div class="col-8 col-md-9">
  46.                   <label>Stra&szlig;e</label>
  47.                   <input class="form-control mb-2 check-finput" name="contactStreet" id="contactStreet" required />
  48.                 </div>
  49.                 <div class="col-4 col-md-3">
  50.                   <label>Nr.</label>
  51.                   <input class="form-control mb-2 check-finput" name="contactStreetNumber" id="contactStreetNumber" required />
  52.                 </div>
  53.               </div>
  54.               <div class="row form-row">
  55.                 <div class="col-4 col-md-3">
  56.                   <label>Plz</label>
  57.                   <input class="form-control mb-2 check-finput" name="contactZip" id="contactZip" required />
  58.                 </div>
  59.                 <div class="col-8 col-md-9">
  60.                   <label>Ort</label>
  61.                   <input class="form-control mb-2 check-finput" name="contactCity" id="contactCity" required />
  62.                 </div>
  63.               </div>
  64.               <div class="row form-row">
  65.                 <div class="col-12">
  66.                   <label>E-Mail-Adresse</label>
  67.                   <input class="form-control mb-2 check-finput" type="text" name="emailAddress" id="emailAddress" placeholder="E-Mail-Adresse" />
  68.                   <input class="form-control mb-2 check-finput" type="email" name="contactEmail" id="contactEmail" required />
  69.                 </div>
  70.               </div>
  71.               <div class="row form-row">
  72.                 <div class="col-12">
  73.                   <label>Kommentare/Sonstiges</label>
  74.                   <textarea class="form-control mb-2 check-finput" name="contactMessage" id="contactMessage" rows="5"></textarea>
  75.                 </div>
  76.               </div>
  77.               <div class="row form-row">
  78.                 <div class="col-12 small">
  79.                   {{ pimcore_wysiwyg('booking-information') }}
  80.                 </div>
  81.               </div>
  82.               <div class="row form-row">
  83.                 <div class="col-12 text-center">
  84.                   <div id="submitContactMessage"></div>
  85.                   <input class="btn btn-default mb-2" type="button" name="submitBookingForm" id="submitBookingForm" value="{{'alkanbari-contact-form1-submit'|trans}}" />
  86.                 </div>
  87.               </div>
  88.             </form>           
  89.           </div>
  90.         </div>
  91.       </div>
  92.     </div>   
  93.   </section>
  94.   
  95.   <section class="section-padding">
  96.     <div class="container">
  97.       <div class="row">
  98.         <div class="col-12">
  99.           <h3>{{pimcore_input('locations-header')}}</h3>
  100.           {{pimcore_wysiwyg('locations-text')}}  
  101.         </div>
  102.       </div>
  103.       <div class="row">
  104.         {% for location in locations %}
  105.         <div class="col-12 col-sm-6 col-lg-4">
  106.           <div class="location">
  107.             <p><strong>{{location.getName}}</strong>
  108.             <br />{{location.getDescription()|raw}}</p>
  109.           </div>
  110.         </div>
  111.         {% endfor %}
  112.       </div>
  113.     </div>
  114.   </section>
  115.   
  116.   <section>
  117.     <div id="osmMap"></div>      
  118.   </section>
  119.