templates/forms/eParts.html.twig line 1

Open in your IDE?
  1. {% extends "layout/default.html.twig" %}
  3. {% block content %}
  4.     <main id="main-content" role="main" class="{{ not editmode ? 'main-content' }} content-block js-content-visibility content-visibility--auto">
  5.         {% if not editmode %}
  6.             {{ include('navigation/breadcrumb.html.twig') }}
  7.         {% endif %}
  8.         <section class="contact-form-area container">
  9.             <div class="row">
  10.                 <div class="col-md-7">
  11.                     {{ include('includes/title-blocks/title-block.html.twig', {
  12.                         titleTag: 'h1',
  13.                     }) }}
  14.                 </div>
  15.                 <div class="col-md-12">
  16.                     {% if editmode %}
  17.                         {% embed('includes/editmode-settings.html.twig') %}
  18.                             {% block settings %}
  19.                                 <div>
  20.                                     E-Mail Document Admin:
  21.                                     {{ pimcore_relation('email-admin', {
  22.                                         "types": ["document"],
  23.                                         "subtypes": {
  24.                                             "document": ["email"],
  25.                                         }
  26.                                     }) }}
  27.                                 </div><br>
  28.                                 <div>
  29.                                     Receiver E-Mail Address (admin):
  30.                                     {{ pimcore_input('admin-address') }}
  31.                                 </div><br>
  32.                                 <div>
  33.                                     Success-Page:
  34.                                     {{ pimcore_relation('success', {
  35.                                         "types": ["document"],
  36.                                         "subtypes": {
  37.                                             "document": ["page", "link"],
  38.                                         }
  39.                                     }) }}
  40.                                 </div>
  41.                             {% endblock %}
  42.                         {% endembed %}
  43.                     {% endif %}
  44.                     {{ include('includes/atoms/flash-messages.html.twig', {
  45.                         styleModifier: 'mb-3'
  46.                     }) }}
  48.                     <form action="" class="contact-form js-reload-form js-form-validation js-elhc-form" data-form-validation-default-submit="false" method="POST">
  49.                         <div class="js-reload-form__loading" hidden>
  50.                             {{ include('includes/overlays/loading-overlay.html.twig') }}
  51.                         </div>
  52.                         <div class="row gy-4">
  54.                             {% for inputKey, inputName in el_hash_cash().createStamp() %}
  55.                                 <input type="hidden" name="{{ inputKey }}" value="{{ inputName }}">
  56.                             {% endfor %}
  58.                             <div class="col-md-4">
  59.                                 {{ include('includes/form_elements/form-control.html.twig', {
  60.                                     label: 'eParts.company'|trans,
  61.                                     placeholder: 'eParts.company'|trans,
  62.                                     id: "company",
  63.                                     name: "company",
  64.                                     required: true,
  65.                                 }) }}
  66.                             </div>
  67.                         </div>
  68.                         <div class="row gy-4">
  69.                             <div class="col-md-3 col-sm-6 col-6">
  70.                                 {% set countryOptions = document.getProperty('country-select') ?: getCountrySelectData(app.request.locale, app.request.get('country', '')) %}
  71.                                 {{ include('includes/form_elements/select.html.twig', {
  72.                                     id: 'country',
  73.                                     name: 'country',
  74.                                     label: 'eParts.country'|trans,
  75.                                     className: 'form-group',
  76.                                     inputWrapperModifier: "has-value",
  77.                                     options: countryOptions,
  78.                                     required: true,
  79.                                 }) }}
  80.                             </div>
  81.                             <div class="col-md-3 col-sm-6 col-6">
  82.                                 {{ include('includes/form_elements/form-control.html.twig', {
  83.                                     label: document.property('swiss') ? ('eParts.street'|trans)|replace({'ß': 'ss'}) : 'eParts.street'|trans,
  84.                                     id: "street",
  85.                                     name: "street",
  86.                                     placeholder: document.property('swiss') ? ('eParts.street'|trans)|replace({'ß': 'ss'}) : 'eParts.street'|trans,
  87.                                     required: true,
  88.                                 }) }}
  89.                             </div>
  90.                             <div class="col-md-3 col-sm-6 col-6">
  91.                                 {{ include('includes/form_elements/form-control.html.twig', {
  92.                                     label: 'eParts.zip'|trans,
  93.                                     id: "zip",
  94.                                     name: "zip",
  95.                                     placeholder: 'eParts.zip'|trans,
  96.                                     required: true,
  97.                                 }) }}
  98.                             </div>
  99.                             <div class="col-md-3 col-sm-6 col-6">
  100.                                 {{ include('includes/form_elements/form-control.html.twig', {
  101.                                     label: 'eParts.city'|trans,
  102.                                     id: "city",
  103.                                     name: "city",
  104.                                     placeholder: 'eParts.city'|trans,
  105.                                     required: true,
  106.                                 }) }}
  107.                             </div>
  108.                         </div>
  109.                         <div class="row gy-4">
  110.                             <div class="col-md-4">
  111.                                 {{ include('includes/form_elements/form-control.html.twig', {
  112.                                     label: 'eParts.uid'|trans,
  113.                                     id: "uid",
  114.                                     name: "uid",
  115.                                     placeholder: 'eParts.uid'|trans,
  116.                                 }) }}
  117.                             </div>
  118.                             <div class="col-md-4">
  119.                                 {{ include('includes/form_elements/form-control.html.twig', {
  120.                                     label: 'eParts.customerNumber'|trans,
  121.                                     id: "customerNumber",
  122.                                     name: "customerNumber",
  123.                                     placeholder: 'eParts.customerNumber'|trans,
  124.                                 }) }}
  125.                             </div>
  126.                             <div class="col-md-4">
  127.                                 {{ include('includes/form_elements/form-control.html.twig', {
  128.                                     label: 'eParts.contactPerson'|trans,
  129.                                     id: "contactPerson",
  130.                                     name: "contactPerson",
  131.                                     placeholder: 'eParts.contactPerson'|trans,
  132.                                     required: true,
  133.                                 }) }}
  134.                             </div>
  135.                         </div>
  136.                         <div class="row gy-4">
  137.                             <div class="col-md-3">
  138.                                 {{ include('includes/form_elements/form-control.html.twig', {
  139.                                     label: 'eParts.phone'|trans,
  140.                                     id: "phone",
  141.                                     name: "phone",
  142.                                     placeholder: 'eParts.phone'|trans,
  143.                                     required: true,
  144.                                 }) }}
  145.                             </div>
  146.                             <div class="col-md-3">
  147.                                 {{ include('includes/form_elements/form-control.html.twig', {
  148.                                     label: 'eParts.email'|trans,
  149.                                     placeholder: 'eParts.email'|trans,
  150.                                     id: "email",
  151.                                     name: "email",
  152.                                     type: "email",
  153.                                     required: true,
  154.                                 }) }}
  155.                             </div>
  156.                         </div>
  157.                         <div class="text-small--grey help-form--row">{{ 'form.pflichtfelder'|trans }}</div>
  158.                         <div class="row gy-4">
  159.                             <div class="col-md-5 checkbox--text">
  160.                                 <div class="mt-4">
  161.                                     <div class="checkbox--area">
  162.                                         {{ include('includes/form_elements/checkbox.html.twig', {
  163.                                             label: document.property('swiss') ? ("form.newsletter-checkbox.text"|trans)|replace({'ß': 'ss'}) : "form.newsletter-checkbox.text"|trans,
  164.                                             id: "newsletter",
  165.                                             name: "newsletter",
  166.                                         }) }}
  167.                                         <div class="text-small--grey">{{ ('form.newsletter.consenttext'|trans)|raw }}</div>
  168.                                     </div>
  169.                                     <div class="checkbox--area">
  170.                                         {{ include('includes/form_elements/checkbox.html.twig', {
  171.                                             label: "form.gdpr.text"|trans,
  172.                                             id: "gdpr",
  173.                                             name: "gdpr",
  174.                                             required: true,
  175.                                         }) }}
  176.                                     </div>
  177.                                 </div>
  179.                             </div>
  180.                         </div>
  181.                         {% if not editmode %}
  182.                             <div class="text-center form-button">
  183.                                 <button type="submit" class="btn btn-primary">{{ 'form.submit'|trans }}</button>
  184.                             </div>
  185.                         {% endif %}
  186.                     </form>
  187.                 </div>
  188.             </div>
  189.         </section>
  191.         {{ include('includes/areablock.html.twig') }}
  192.     </main>
  193. {% endblock %}