templates/Convention/Includes/wishlist.html.twig line 1

Open in your IDE?
  1. <div class="content-block js-pool-enquiry"
  2.      data-pool-enquiry-session-storage-name="convention-wishlist"
  3.      data-pool-enquiry-max-items="20"
  4. >
  5.     <div class="content-block container">
  6.         <form data-action="{{ app.request.pathInfo }}" action="/404" class="js-action-changer">
  7.             <input type="hidden" id="removeAllFromWishlist" name="removeAllFromWishlist" />
  8.             <button type="submit" class="link btn-no-styling mb-3 d-flex">
  9.                 <span class="icon icon-delete mr-1 fz16" aria-hidden="true"></span>
  10.                 <span class="text-underline">{{'convention-wishlist.komplette Merkiste löschen'|trans}}</span>
  11.             </button>
  12.         </form>
  14.         <div class="flatrate-teaser-row">
  15.             <div class="row scrolling-row">
  16.                 {% for partner in partners|default([]) %}
  17.                     <div class="col-md-3 col-10 scrolling-row__item js-wishlist__container" data-wishlist-id="{{ partner.id }}" data-wishlist-list-name="default-wishlist">
  18.                         {% set wysiwyg = '<ul>' %}
  19.                         {% for bulletpoint in partner.teaserBullets %}
  20.                             {% set wysiwyg = wysiwyg ~ '<li>'  ~ bulletpoint.item.data ~ '</li>' %}
  21.                         {% endfor %}
  22.                         {% set wysiwyg = wysiwyg ~ '</ul>' %}
  23.                         {% set inSession = partner.id in app.session.get('wishlistIds') %}
  24.                         {{ include('Includes/Teaser/flatrate-teaser.html.twig', {
  25.                             isSmallTeaser: true,
  26.                             badgeText: partner.city,
  27.                             image: partner.teaserimage,
  28.                             title: partner.name,
  29.                             wysiwyg: wysiwyg,
  30.                             link: linkGenerator().generate(partner),
  31.                             linktext: 'eventplanner.Mehr Erfahren'|trans,
  32.                             removeFromWishlist: true,
  33.                             hasEnquiryButton: true,
  34.                             isBadgeWhite: true,
  35.                             hasWishlist:false,
  36.                             id: partner.id,
  37.                             trackingAction: 'ConventionPartner'
  38.                         }) }}
  39.                     </div>
  40.                 {% endfor %}
  41.             </div>
  42.         </div>
  43.     </div>
  45.     <div class="slide bg-dark-bg content-block text-white">
  46.         <div class="container container-narrow">
  47.             {{ include('Includes/title-block-editable.html.twig', {
  48.                 suffix: '-wishlist-partner-contact',
  49.                 isCentered: true,
  50.                 isWhite:  true,
  51.                 styleModifier: 'js-fade-in'
  52.             }) }}
  54.             <div class="">
  55.                 <h3 class="mb-3"><span class="js-pool-enquiry__counter">0</span> {{ 'convention-wishlist.Anfragen'|trans }}</h3>
  56.                 <div class="js-pool-enquiry__selection-view" data-pool-enquiry-view="result"></div>
  57.             </div>
  59.             <form action="/404" data-action="{{ app.request.pathInfo }}" method="post" class="js-action-changer js-pool-enquiry__submit-form js-form-validation mt-5 text-white">
  60.                 <input type="hidden" name="isSend" value="1">
  62.                 <div class="js-pool-enquiry__selection-view" data-pool-enquiry-view="inputs"></div>
  64.                 <div class="row js-datepicker-range">
  65.                     <div class="col-6">
  66.                         {{ include('Form/Includes/date-picker.html.twig', {
  67.                             "id": "arrival",
  68.                             "name": "arrival",
  69.                             "label": "convention-detail.Anreise"|trans,
  70.                             "min": carbon().today().toDateTimeString(),
  71.                             "value": app.request.get('arrival') is defined and not app.request.get('arrival') is empty ? (carbon().createFromFormat('Y-m-d H:i:s',  app.request.get('arrival')|replace({'T': ' '})) ) : carbon().today().toDateTimeString(),
  72.                             "numberOfMonths": 2,
  73.                             "styleModifier": 'js-datepicker-range__from form-group--sm',
  74.                             "inputHiddenModifier": "js-floating-label",
  75.                             "inputWrapperModifier": "position-relative datepicker-container",
  76.                             "labelModifier": "floating-label",
  77.                             errors: errors['anreise'] is defined ? [errors['anreise']] : null,
  78.                         }) }}
  79.                     </div>
  80.                     <div class="col-6">
  81.                         {{ include('Form/Includes/date-picker.html.twig', {
  82.                             "id": "departure",
  83.                             "name": "departure",
  84.                             "label": "convention-detail.Abreise"|trans,
  85.                             "value": app.request.get('departure') is defined and not app.request.get('departure') is empty ? (carbon().createFromFormat('Y-m-d H:i:s',  app.request.get('departure')|replace({'T': ' '})) ) : carbon().today().addDays(4).toDateTimeString(),
  86.                             "min": carbon().today().toDateTimeString(),
  87.                             "numberOfMonths": 2,
  88.                             "styleModifier": "js-datepicker-range__to form-group--sm",
  89.                             "inputHiddenModifier": "js-floating-label",
  90.                             "inputWrapperModifier": "position-relative datepicker-container",
  91.                             "labelModifier": "floating-label",
  92.                             errors: errors['abreise'] is defined ? [errors['abreise']] : null,
  93.                         }) }}
  94.                     </div>
  95.                     <div class="col-md-6">
  96.                         {{ include('Form/Includes/form-control.html.twig', {
  97.                             id: 'company',
  98.                             name: 'company',
  99.                             value: app.request.get('company') is defined ? app.request.get('company') : '',
  100.                             inputModifier: 'js-floating-label',
  101.                             inputWrapperModifier: 'position-relative',
  102.                             labelModifier: 'floating-label',
  103.                             label: 'convention-detail.Firma'|trans,
  104.                             required: true,
  105.                             errors: errors['company'] is defined ? [errors['company']] : null,
  106.                         }) }}
  107.                     </div>
  108.                     <div class="col-md-6">
  109.                         {{ include('Form/Includes/form-control.html.twig', {
  110.                             id: 'participants',
  111.                             name: 'participants',
  112.                             value: app.request.get('participants') is defined ? app.request.get('participants') : '',
  113.                             inputModifier: 'js-floating-label',
  114.                             inputWrapperModifier: 'position-relative',
  115.                             labelModifier: 'floating-label',
  116.                             label: 'convention-detail.Teilnehmer'|trans,
  117.                             type: 'number',
  118.                             required: true,
  119.                             errors: errors['participants'] is defined ? [errors['participants']] : null,
  120.                         }) }}
  121.                     </div>
  122.                     <div class="col-md-6">
  123.                         {{ include('Form/Includes/select.html.twig', {
  124.                             id: 'salutation',
  125.                             inputModifier: "js-floating-label",
  126.                             labelModifier: "floating-label",
  127.                             inputWrapperModifier: "select__input-wrapper position-relative",
  128.                             name: "salutation",
  129.                             required: true,
  130.                             label: 'convention-detail.Anrede'|trans,
  131.                             styleModifier: 'form-group--sm',
  132.                             options: [
  133.                                 {
  134.                                     "label": "",
  135.                                     "value": "",
  136.                                     "disabled": true,
  137.                                     "selected": not app.request.get('salutation') is defined,
  138.                                     "class": "sr-only"
  139.                                 }, {
  140.                                     "label": 'convention-detail.Frau'|trans,
  141.                                     "value": 'convention-detail.Frau'|trans,
  142.                                     "class": '',
  143.                                     "selected": app.request.get('salutation') is defined and app.request.get('salutation') == 'convention-detail.Frau'|trans,
  144.                                 }, {
  145.                                     "label": 'convention-detail.Herr'|trans,
  146.                                     "value": 'convention-detail.Herr'|trans,
  147.                                     "class": "",
  148.                                     "selected": app.request.get('salutation') is defined and app.request.get('salutation') == 'convention-detail.Herr'|trans,
  149.                                 },],
  150.                             errors: errors['salutation'] is defined ? [errors['salutation']] : null,
  151.                         }) }}
  152.                     </div>
  153.                     <div class="col-md-6">
  154.                         {{ include('Form/Includes/form-control.html.twig', {
  155.                             id: 'title',
  156.                             name: 'title',
  157.                             value: app.request.get('title') is defined ? app.request.get('title') : '',
  158.                             inputModifier: 'js-floating-label',
  159.                             inputWrapperModifier: 'position-relative',
  160.                             labelModifier: 'floating-label',
  161.                             label: 'convention-detail.Titel'|trans,
  162.                             required: false,
  163.                             errors: errors['title'] is defined ? [errors['title']] : null,
  164.                         }) }}
  165.                     </div>
  166.                     <div class="col-md-6">
  167.                         {{ include('Form/Includes/form-control.html.twig', {
  168.                             id: 'firstname',
  169.                             name: 'firstname',
  170.                             value: app.request.get('firstname') is defined ? app.request.get('firstname') : '',
  171.                             inputModifier: 'js-floating-label',
  172.                             inputWrapperModifier: 'position-relative',
  173.                             labelModifier: 'floating-label',
  174.                             label: 'convention-detail.Vorname'|trans,
  175.                             required: true,
  176.                             errors: errors['firstname'] is defined ? [errors['firstname']] : null,
  177.                         }) }}
  178.                     </div>
  179.                     <div class="col-md-6">
  180.                         {{ include('Form/Includes/form-control.html.twig', {
  181.                             id: 'lastname',
  182.                             name: 'lastname',
  183.                             value: app.request.get('lastname') is defined ? app.request.get('lastname') : '',
  184.                             inputModifier: 'js-floating-label',
  185.                             inputWrapperModifier: 'position-relative',
  186.                             labelModifier: 'floating-label',
  187.                             label: 'convention-detail.Nachname'|trans,
  188.                             required: true,
  189.                             errors: errors['lastname'] is defined ? [errors['lastname']] : null,
  190.                         }) }}
  191.                     </div>
  192.                     <div class="col-md-6">
  193.                         {{ include('Form/Includes/form-control.html.twig', {
  194.                             id: 'street',
  195.                             name: 'street',
  196.                             value: app.request.get('street') is defined ? app.request.get('street') : '',
  197.                             inputModifier: 'js-floating-label',
  198.                             inputWrapperModifier: 'position-relative',
  199.                             labelModifier: 'floating-label',
  200.                             label: 'convention-detail.Straße'|trans,
  201.                             required: true,
  202.                             errors: errors['street'] is defined ? [errors['street']] : null,
  203.                         }) }}
  204.                     </div>
  205.                     <div class="col-md-2">
  206.                         {{ include('Form/Includes/form-control.html.twig', {
  207.                             id: 'zip',
  208.                             name: 'zip',
  209.                             value: app.request.get('zip') is defined ? app.request.get('zip') : '',
  210.                             inputModifier: 'js-floating-label',
  211.                             inputWrapperModifier: 'position-relative',
  212.                             labelModifier: 'floating-label',
  213.                             label: 'convention-detail.PLZ'|trans,
  214.                             required: true,
  215.                             errors: errors['zip'] is defined ? [errors['zip']] : null,
  216.                         }) }}
  217.                     </div>
  218.                     <div class="col-md-4">
  219.                         {{ include('Form/Includes/form-control.html.twig', {
  220.                             id: 'city',
  221.                             name: 'city',
  222.                             value: app.request.get('city') is defined ? app.request.get('city') : '',
  223.                             inputModifier: 'js-floating-label',
  224.                             inputWrapperModifier: 'position-relative',
  225.                             labelModifier: 'floating-label',
  226.                             label: 'convention-detail.Ort'|trans,
  227.                             required: true,
  228.                             errors: errors['city'] is defined ? [errors['city']] : null,
  229.                         }) }}
  230.                     </div>
  231.                     <div class="col-md-12">
  232.                         {{ include('Form/Includes/select.html.twig', {
  233.                             id: 'country',
  234.                             inputModifier: "js-floating-label",
  235.                             labelModifier: "floating-label",
  236.                             inputWrapperModifier: "select__input-wrapper position-relative",
  237.                             name: "country",
  238.                             required: true,
  239.                             label: 'convention-detail.Land'|trans,
  240.                             styleModifier: 'form-group--sm',
  241.                             options: getCountrySelectData(app.request.locale, app.request.get('phone') is defined ? app.request.get('phone') : ''),
  242.                             errors: errors['country'] is defined ? [errors['country']] : null,
  243.                         }) }}
  244.                     </div>
  245.                     <div class="col-md-6">
  246.                         {{ include('Form/Includes/form-control.html.twig', {
  247.                             id: 'phone',
  248.                             name: 'phone',
  249.                             value: app.request.get('phone') is defined ? app.request.get('phone') : '',
  250.                             inputModifier: 'js-floating-label',
  251.                             inputWrapperModifier: 'position-relative',
  252.                             labelModifier: 'floating-label',
  253.                             label: 'convention-detail.Telefon'|trans,
  254.                             required: true,
  255.                             errors: errors['phone'] is defined ? [errors['phone']] : null,
  256.                         }) }}
  257.                     </div>
  258.                     <div class="col-md-6">
  259.                         {{ include('Form/Includes/form-control.html.twig', {
  260.                             id: 'email',
  261.                             name: 'email',
  262.                             value: app.request.get('email') is defined ? app.request.get('email') : '',
  263.                             inputModifier: 'js-floating-label',
  264.                             inputWrapperModifier: 'position-relative',
  265.                             labelModifier: 'floating-label',
  266.                             label: 'convention-detail.E-Mmail'|trans,
  267.                             required: true,
  268.                             errors: errors['email'] is defined ? [errors['email']] : null,
  269.                         }) }}
  270.                     </div>
  271.                     <div class="col-12">
  272.                         {{ include('Form/Includes/radio-group.html.twig', {
  273.                             "title": "convention-detail.Wie möchten Sie kontaktiert werden?"|trans,
  274.                             "titleStyleModifier": "h6",
  275.                             "id": "contactType",
  276.                             "name": "contactType",
  277.                             "options": [
  278.                                 {
  279.                                     "label": "convention-detail.per Telefon"|trans,
  280.                                     "value": "1",
  281.                                     checked: app.request.get('contactType') is defined and app.request.get('contactType') == '1',
  282.                                 }, {
  283.                                     "label": "convention-detail.per E-mail"|trans,
  284.                                     "value": "2",
  285.                                     checked: app.request.get('contactType') is defined and app.request.get('contactType') == '2',
  286.                                 }
  287.                             ]
  288.                         }) }}
  289.                     </div>
  290.                     <div class="col-12">
  291.                         {{ include('Form/Includes/text-area.html.twig', {
  292.                             id: 'message',
  293.                             name: 'message',
  294.                             value: app.request.get('message') is defined ? app.request.get('message') : '',
  295.                             inputModifier: 'js-floating-label',
  296.                             inputWrapperModifier: 'position-relative',
  297.                             labelModifier: 'floating-label',
  298.                             label: 'convention-detail.Ihre Nachricht'|trans,
  299.                             required: false
  300.                         }) }}
  301.                     </div>
  302.                 </div>
  304.                 <div class="text-right small mb-1">
  305.                     *{{'convention-detail.Pflichtfelder'|trans}}
  306.                 </div>
  308.                 <div>{{ 'convention-detail.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans|raw }}</div>
  310.                 <div class="text-center mt-4">
  311.                     <button type="submit" class="btn btn-primary-light">{{'convention-detail.Kontaktanfrage sende'|trans}}</button>
  312.                 </div>
  313.             </form>
  316.         </div>
  317.     </div>
  318. </div>