templates/areas/order-form/view.html.twig line 1

Open in your IDE?
  1. {% set headlineTag = pimcore_select('headlineX', {
  2.     'store': [
  3.         ['none', 'none'],
  4.         ['h1', 'H1'],
  5.         ['h2', 'H2'],
  6.         ['h3', 'H3'],
  7.         ['h4', 'H4'],
  8.         ['h5', 'H5'],
  9.         ['h6', 'H6'],
  10.     ],
  11.     'defaultValue': '',
  12.     'reload': true
  13. }) %}
  15. {% if headlineTag.isEmpty() %}
  16.     {% do headlineTag.setDataFromResource('none') %}
  17. {% endif %}
  19. {% set headline1 = headlineTag.data != 'none' ? headlineTag.data|raw : 'span'|raw %}
  20. {% set headline2 = headlineTag.data != 'none' ? '</' ~ headlineTag.data|raw ~ '>' : '</span>'|raw %}
  22. {% if editmode %}
  23.     <div class="edit-box">
  24.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  25.         <div class="flex gap-20">
  26.             <div class="content flex column gap-20">
  27.                 <div class="content-box flex gap-20">
  29.                     <div class="item">
  30.                         <p class="edit-p">Abstand nach unten wählen:</p>
  31.                         {{ pimcore_select("MarginBottom", {
  32.                             "reload": true,
  33.                             "store": [
  34.                                 ["regular", "Normal"],
  35.                                 ["half", "1/2"],
  36.                                 ["small", "1/4"],
  37.                                 ["zero", "kein Abstand"],
  38.                             ],
  39.                             "defaultValue" : "regular"
  40.                         }) }}
  41.                     </div>
  43.                     <div class="item">
  44.                         <div class="setting select">
  45.                             <p class="edit-p">Titel-Typ definieren:</p>
  46.                             {{ headlineTag|raw }}
  47.                         </div>
  48.                     </div>
  50.                 </div>
  51.             </div>
  52.         </div>
  53.     </div>
  54. {% endif %}
  55. <section class="order-form contact-form" id="orderForm">
  56.     <div class="container">
  58.         <div class="content-container">
  59.             <div class="content-items">
  61.                 {% if editmode %}
  62.                     <h2 class="contact-form-headline">{{ pimcore_textarea("headline",{
  63.                             "nl2br": true,
  64.                             "height": 100,
  65.                             "class": "h2 .headline",
  66.                             "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  67.                         }) }}
  68.                     </h2>
  69.                 {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  70.                     <{{headline1|raw}} class="contact-form-headline">
  71.                         {{ pimcore_textarea('headline').getData() | nl2br }}
  72.                     {{ headline2|raw }}
  73.                 {% endif %}
  75.                 {% if form %}
  76.                     <div class="form-container">
  77.                         {% if not success %}
  78.                             {% form_theme form 'form/contact.html.twig' %}
  79.                             {{ form_start(form, {
  80.                                 'attr': {
  81.                                     class: 'contact-form',
  82.                                 }
  83.                             }) }}
  85.                                 {# hidden #}
  86.                                 {{ form_widget(form.hidden) }}
  88.                                 {# filled #}
  89.                                 {{ form_widget(form.filled) }}
  91.                                 <div class="inputs">
  92.                                     {{ form_widget(form.name) }}
  93.                                     {# {{ form_errors(form.name) }} #}
  95.                                     {{ form_widget(form.lastname) }}
  96.                                     {# {{ form_errors(form.lastname) }} #}
  97.         
  98.                                     {{ form_widget(form.email) }}
  99.                                     {# {{ form_errors(form.email) }} #}
  101.                                     {{ form_widget(form.tel) }}
  102.                                     {# {{ form_errors(form.tel) }} #}
  103.                                 </div>
  105.                                 <span class="form-section-label">
  106.                                     {{ 'form.label.delivery.address'|trans }}
  107.                                 </span>
  108.                                 <div class="inputs">
  109.                                     {{ form_widget(form.street) }}
  110.                                     {# {{ form_errors(form.street) }} #}
  112.                                     {{ form_widget(form.streetnr) }}
  113.                                     {# {{ form_errors(form.streetnr) }} #}
  114.         
  115.                                     {{ form_widget(form.postal) }}
  116.                                     {# {{ form_errors(form.postal) }} #}
  118.                                     {{ form_widget(form.city) }}
  119.                                     {# {{ form_errors(form.city) }} #}
  120.                                 </div>
  122.                                 <span class="form-section-label">
  123.                                     {{ 'form.label.invoice.address'|trans }}
  124.                                 </span>
  125.                                 <div class="inputs">
  126.                                     {{ form_widget(form.street2) }}
  127.                                     {# {{ form_errors(form.street2) }} #}
  129.                                     {{ form_widget(form.streetnr2) }}
  130.                                     {# {{ form_errors(form.streetnr2) }} #}
  131.         
  132.                                     {{ form_widget(form.postal2) }}
  133.                                     {# {{ form_errors(form.postal2) }} #}
  135.                                     {{ form_widget(form.city2) }}
  136.                                     {# {{ form_errors(form.city2) }} #}
  137.                                 </div>
  139.                                 <span class="form-section-label">
  140.                                     {{ 'form.label.order'|trans }}
  141.                                 </span>
  142.                                 <div class="inputs">
  143.                                     {{ form_widget(form.products) }}
  144.                                     {# {{ form_errors(form.products) }} #}
  145.                                 </div>
  146.                                 <br>
  148.                                 <div class="form-group order-form__checkbox">
  149.                                     {{ form_widget(form.termsconditions) }}
  150.                                     {{ form_label(form.termsconditions) }}
  151.                                     {# {{ form_errors(form.termsconditions) }} #}
  152.                                 </div>
  153.                                 <div class="form-group order-form__checkbox">
  154.                                     {{ form_widget(form.privacypolicy) }}
  155.                                     {{ form_label(form.privacypolicy) }}
  156.                                     {# {{ form_errors(form.privacypolicy) }} #}
  157.                                 </div>
  158.                                 <div class="form-group order-form__checkbox">
  159.                                     {{ form_widget(form.newsletter) }}
  160.                                     {{ form_label(form.newsletter) }}
  161.                                     {# {{ form_errors(form.newsletter) }} #}
  162.                                 </div>
  163.                                 <br>
  165.                                 {{ form_widget(form.message) }}
  166.                                 {# {{ form_errors(form.message) }} #}
  169.                                 {# errors, ul li#}
  170.                                 {% if form_errors(form) %}
  171.                                     <div class="form-inputs">
  172.                                         <div class="error-box">
  173.                                             {{ form_errors(form) }}
  174.                                         </div>
  175.                                     </div>
  176.                                 {% endif %}
  178.                                 {# invalid message #}
  179.                                 <div class="form-invalid-message hide" id="orderFormInvalid">
  180.                                     <p style="color: #e4002b;">
  181.                                         {{ 'form.order.invalid'|trans }}
  182.                                     </p>
  183.                                 </div>
  186.                                 {# button #}
  187.                                 {{ form_widget(form.submit, {
  188.                                     attr: {
  189.                                         class: 'primary form-send'
  190.                                     }
  191.                                 }) }}
  193.                             {{ form_end(form) }}
  195.                         {% else %}
  196.                             <div class="success-message" id="submitted-form">
  197.                                 <div class="section-title" id="message">
  198.                                     <h2>{{ "form-success-message" | trans }}</h2>
  199.                                     <svg width="370" height="370" viewBox="0 0 570 511.67482"><path d="M879.99927,389.83741a.99678.99678,0,0,1-.5708-.1792L602.86963,197.05469a5.01548,5.01548,0,0,0-5.72852.00977L322.57434,389.65626a1.00019,1.00019,0,0,1-1.14868-1.6377l274.567-192.5918a7.02216,7.02216,0,0,1,8.02-.01318l276.55883,192.603a1.00019,1.00019,0,0,1-.57226,1.8208Z" transform="translate(-315 -194.16259)" fill="#3f3d56"/><polygon points="23.264 202.502 285.276 8.319 549.276 216.319 298.776 364.819 162.776 333.819 23.264 202.502" fill="#e6e6e6"/><path d="M489.25553,650.70367H359.81522a6.04737,6.04737,0,1,1,0-12.09473H489.25553a6.04737,6.04737,0,1,1,0,12.09473Z" transform="translate(-315 -194.16259)" fill="#006B87"/><path d="M406.25553,624.70367H359.81522a6.04737,6.04737,0,1,1,0-12.09473h46.44031a6.04737,6.04737,0,1,1,0,12.09473Z" transform="translate(-315 -194.16259)" fill="#006B87"/><path d="M603.96016,504.82207a7.56366,7.56366,0,0,1-2.86914-.562L439.5002,437.21123v-209.874a7.00817,7.00817,0,0,1,7-7h310a7.00818,7.00818,0,0,1,7,7v210.0205l-.30371.12989L606.91622,504.22734A7.61624,7.61624,0,0,1,603.96016,504.82207Z" transform="translate(-315 -194.16259)" fill="#fff"/><path d="M603.96016,505.32158a8.07177,8.07177,0,0,1-3.05957-.59863L439.0002,437.54521v-210.208a7.50851,7.50851,0,0,1,7.5-7.5h310a7.50851,7.50851,0,0,1,7.5,7.5V437.68779l-156.8877,66.999A8.10957,8.10957,0,0,1,603.96016,505.32158Zm-162.96-69.1123,160.66309,66.66455a6.1182,6.1182,0,0,0,4.668-.02784l155.669-66.47851V227.33721a5.50653,5.50653,0,0,0-5.5-5.5h-310a5.50653,5.50653,0,0,0-5.5,5.5Z" transform="translate(-315 -194.16259)" fill="#3f3d56"/><path d="M878,387.83741h-.2002L763,436.85743l-157.06982,67.07a5.06614,5.06614,0,0,1-3.88038.02L440,436.71741l-117.62012-48.8-.17968-.08H322a7.00778,7.00778,0,0,0-7,7v304a7.00779,7.00779,0,0,0,7,7H878a7.00779,7.00779,0,0,0,7-7v-304A7.00778,7.00778,0,0,0,878,387.83741Zm5,311a5.002,5.002,0,0,1-5,5H322a5.002,5.002,0,0,1-5-5v-304a5.01106,5.01106,0,0,1,4.81006-5L440,438.87739l161.28027,66.92a7.12081,7.12081,0,0,0,5.43994-.03L763,439.02741l115.2002-49.19a5.01621,5.01621,0,0,1,4.7998,5Z" transform="translate(-315 -194.16259)" fill="#3f3d56"/><path d="M602.345,445.30958a27.49862,27.49862,0,0,1-16.5459-5.4961l-.2959-.22217-62.311-47.70752a27.68337,27.68337,0,1,1,33.67407-43.94921l40.36035,30.94775,95.37793-124.38672a27.68235,27.68235,0,0,1,38.81323-5.12353l-.593.80517.6084-.79346a27.71447,27.71447,0,0,1,5.12353,38.81348L624.36938,434.50586A27.69447,27.69447,0,0,1,602.345,445.30958Z" transform="translate(-315 -194.16259)" fill="#006B87"/></svg>
  200.                                 </div>
  201.                             </div>
  203.                         {% endif %}
  204.                     </div>
  205.                 {% endif %}
  208.             </div>
  209.         </div>
  212.         <div class="contact-form-contact-button form-section-label">
  213.             <span>{{'order.form.add.on.title'|trans}}</span>
  214.             <a href="/kontakt" class="button">{{'order.form.add.on.button'|trans}}</a>
  215.         </div>
  217.     </div>
  218.     {# <script src="{{ asset('assets/js/validation.js') }}"></script> #}
  219. </section>