templates/Form/newsletter.html.twig line 1

Open in your IDE?
  1. {% extends "Layout/default.html.twig" %}
  2. {% do pimcore_placeholder('add-hashcash-script').set(true) %}
  3. {% block content %}
  5.     {{ include('Content/includes/hero.html.twig') }}
  7.     {{ include('Navigation/breadcrumb.html.twig') }}
  9.     {{ include('Includes/main-title-block-splitted-editable.html.twig') }}
  11.     {{ include('Includes/areablock.html.twig') }}
  13.     {% if pimcore_select('nl_list').empty %}
  14.         {% do pimcore_select('nl_list').setDataFromResource(defaultPool) %}
  15.     {% endif %}
  16.     {% if editmode %}
  17.         <div class="editmode-box editmode-box--info">
  18.             <div class="editmode-box__header">
  19.                 Settings
  20.             </div>
  21.             NewsletterList:
  22.             <br>
  23.             {{ pimcore_select('nl_list', {'store': getNewsletterPools()}) }}
  24.             <br>
  25.             NewsletterAttribute:
  26.             <br>
  27.             {{ pimcore_relation('nl_attributeValue', {types: ['object'], subtypes: ['object'], classes: ['EvalancheAttributeValue']}) }}
  28.             <br>
  29.             Success Page:
  30.             <br>
  31.             {{ pimcore_relation('success', {'types': ['document'], 'subtypes': ['page']}) }}
  32.             <br>
  33.             Segments:
  34.             <br>
  35.             {{ pimcore_relations('segments', {'types': ['object'], 'subtypes': ['object'], 'classes': ['CustomerSegment']}) }}
  36.             <br>
  37.         </div>
  38.     {% endif %}
  39.     <section class="slide content-block bg-secondary">
  41.         <div class="container">
  42.             {{ include('Includes/title-block-editable.html.twig', {'isWhite': true, 'isCentered': true, 'suffix': 'contact-'}) }}
  43.         </div>
  45.         <div class="container container-narrow">
  47.             {% do jsConfig().add({
  48.                 'recaptchaPublicKey':  recaptchaExtension().publicKey,
  49.                 'recaptcha': true
  50.             }) %}
  52.             {% if errors |default(false) %}
  53.                 <div class="alert alert-danger">
  54.                     <ul>
  55.                         {% for error in errors %}
  56.                             <li>{{ ('newsletter.registrationerror.'~ error)|trans }}</li>
  57.                         {% endfor %}
  58.                     </ul>
  59.                 </div>
  60.             {% elseif success|default(false) or app.request.get('success') %}
  61.                 <div class="alert alert-success">
  62.                     {{ 'newsletter.registration.success' | trans }}
  63.                 </div>
  64.             {% endif %}
  65.             <form action="{{ app.request.pathInfo }}" class="js-form-validation js-elhc-form js-elhc-form-ajax gtm-track-newsletter-form" method="post">
  66.                 <input type="hidden" id="numbirds" name="numbirds" value="{{ app.request.get('numbirds', '') }}">
  68.                 <div hidden>
  69.                     {{ include('Form/Includes/form-control.html.twig', {
  70.                         name: 'potNumber',
  71.                         id: 'potNumber',
  72.                         value: ''
  73.                     }) }}
  74.                 </div>
  75.                 <div class="row">
  76.                     <div class="col-md-6">
  77.                         {{ include('Form/Includes/select.html.twig', {
  78.                             id: 'gender',
  79.                             inputModifier: "js-floating-label",
  80.                             labelModifier: "floating-label",
  81.                             inputWrapperModifier: "select__input-wrapper position-relative",
  82.                             name: "gender",
  83.                             required: true,
  84.                             label: 'package-overview.Anrede'|trans,
  85.                             styleModifier: 'form-group--sm',
  86.                             options: [
  87.                                 {
  88.                                     "label": "",
  89.                                     "value": "",
  90.                                     "disabled": true,
  91.                                     "selected": true,
  92.                                     "class": "sr-only"
  93.                                 }, {
  94.                                     "label": 'newsletter.Frau'|trans,
  95.                                     "value": 'female',
  96.                                     "class": '',
  97.                                 }, {
  98.                                     "label": 'newsletter.Herr'|trans,
  99.                                     "value": 'male',
  100.                                     "class": ""
  101.                                 }, {
  102.                                     "label": 'newsletter.Familie/Firma'|trans,
  103.                                     "value": 'other',
  104.                                     "class": ""
  105.                                 },],
  106.                             errors: errors['gender'] is defined ? [errors['gender']] : null,
  107.                         }) }}
  108.                     </div>
  109.                     <div class="col-md-6"></div>
  110.                     <div class="col-md-6">
  111.                         {{ include('Form/Includes/form-control.html.twig', {
  112.                             id: 'firstname',
  113.                             name: 'firstname',
  114.                             inputModifier: 'js-floating-label',
  115.                             inputWrapperModifier: 'position-relative',
  116.                             labelModifier: 'floating-label',
  117.                             label: 'newsletter.Vorname'|trans,
  118.                             required: true,
  119.                             errors: errors['firstname'] is defined ? [errors['firstname']] : null
  120.                         }) }}
  121.                     </div>
  122.                     <div class="col-md-6">
  123.                         {{ include('Form/Includes/form-control.html.twig', {
  124.                             id: 'lastname',
  125.                             name: 'lastname',
  126.                             inputModifier: 'js-floating-label',
  127.                             inputWrapperModifier: 'position-relative',
  128.                             labelModifier: 'floating-label',
  129.                             label: 'newsletter.Nachname'|trans,
  130.                             required: true,
  131.                             errors: errors['lastname'] is defined ? [errors['lastname']] : null
  132.                         }) }}
  133.                     </div>
  134.                     <div class="col-md-6">
  135.                         {{ include('Form/Includes/form-control.html.twig', {
  136.                             id: 'email',
  137.                             name: 'email',
  138.                             inputModifier: 'js-floating-label',
  139.                             inputWrapperModifier: 'position-relative',
  140.                             labelModifier: 'floating-label',
  141.                             label: 'newsletter.E-Mail'|trans,
  142.                             type: 'email',
  143.                             required: true,
  144.                             value: app.request.get('email', ''),
  145.                             errors: errors['email'] is defined ? [errors['email']] : null
  146.                         }) }}
  147.                     </div>
  148.                     <div class="col-md-6">
  149.                         {{ include('Form/Includes/form-control.html.twig', {
  150.                             id: 'company',
  151.                             name: 'company',
  152.                             inputModifier: 'js-floating-label',
  153.                             inputWrapperModifier: 'position-relative',
  154.                             labelModifier: 'floating-label',
  155.                             label: 'newsletter.Firma'|trans
  156.                         }) }}
  157.                     </div>
  160.                 </div>
  162.                 <div class="text-right small">
  163.                     * {{ 'newsletter.Pflichtfelder'|trans }}
  164.                 </div>
  166.                 {% if not pimcore_relations("segments").isEmpty() %}
  167.                     <div class="row mt-4">
  168.                         {% if editmode or not pimcore_input('newsletter_segments_title').isEmpty() %}
  169.                             <div class="col-md-12">
  170.                                 <h4>{{ pimcore_input('newsletter_segments_title', {'placeholder' : 'Tell us your Interests'}) }}</h4>
  171.                             </div>
  172.                         {% endif %}
  174.                         {% for segment in pimcore_relations("segments").getElements() %}
  175.                             <div class="col-md-12 col-lg-6">
  176.                                 {{ include('Form/Includes/checkbox.html.twig', {
  177.                                     "label" : segment.nameLocalized ?: segment.name,
  178.                                     "id": "segment-" ~ segment.id,
  179.                                     "name": "segments[]",
  180.                                     "required": false,
  181.                                     'value': segment.id
  182.                                 }) }}
  183.                             </div>
  184.                         {% endfor %}
  185.                     </div>
  186.                 {% endif %}
  188.                 {{ include('Form/Includes/form-control.html.twig', {
  189.                     type: 'hidden',
  190.                     name: 'gdpr-text',
  191.                     id: 'gdpr-text',
  192.                     value: 'newsletter.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans
  193.                 }) }}
  195.                 <div>{{ 'newsletter.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans|raw }}</div>
  197.                 <div class="text-center mt-4">
  198.                     <button type="submit" class="btn btn-primary-light">{{ 'newsletter.Anmelden'|trans }}</button>
  199.                 </div>
  200.             </form>
  201.         </div>
  202.     </section>
  204.     {{ include('Includes/areablock.html.twig', {'areaName': 'bottomContent'}) }}
  206. {% endblock %}