templates/Convention/Includes/request-partner-form.html.twig line 1

Open in your IDE?
  1. <div class="slide bg-dark-bg content-block">
  2.     <div class="container container-narrow">
  3.         {{ include('Includes/title-block.html.twig', {
  4.             title: title|default('') ? title : "convention-detail.Partner anfragen"|trans,
  5.             subtitle: subtitle|default('') ? subtitle : "convention-detail.Partner anfragen subtitle"|trans,
  6.             isCentered: true,
  7.             isWhite:  true,
  8.             styleModifier: 'js-fade-in'
  9.         }) }}
  11.         {% if formSendData is defined and not formSendData is empty %}
  12.             {% if formSendData['success'] %}
  13.                 <div class="alert alert-success">
  14.                     <strong>{{ 'error.Senden erfolgreich'|trans }}</strong>
  15.                 </div>
  16.             {% elseif not formSendData['errors'] is empty %}
  17.                 <div class="alert alert-danger">
  18.                     <strong>{{ 'error.Es sind Fehler aufgetreten'|trans }}</strong>
  19.                 </div>
  20.             {% endif %}
  22.        {% endif %}
  24.         <form action="/404" method="post" data-action="{{ app.request.pathInfo }}" class="js-action-changer js-form-validation mt-5 text-white">
  25.             <input type="hidden" name="isSend" value="1">
  26.             <input type="hidden" name="partner" value="{{ id|default(null) }}">
  27.             <div class="row js-datepicker-range">
  28.                 <div class="col-6">
  29.                     {{ include('Form/Includes/date-picker.html.twig', {
  30.                         "id": "arrival",
  31.                         "name": "arrival",
  32.                         "label": "convention-detail.Anreise"|trans,
  33.                         "min": carbon().today().toDateTimeString(),
  34.                         "value": carbon().today().toDateTimeString(),
  35.                         "numberOfMonths": 2,
  36.                         "styleModifier": 'js-datepicker-range__from form-group--sm',
  37.                         "inputHiddenModifier": "js-floating-label",
  38.                         "inputWrapperModifier": "position-relative datepicker-container",
  39.                         "labelModifier": "floating-label",
  40.                         errors: errors['anreise'] is defined ? [errors['anreise']] : null,
  41.                     }) }}
  42.                 </div>
  43.                 <div class="col-6">
  44.                     {{ include('Form/Includes/date-picker.html.twig', {
  45.                         "id": "departure",
  46.                         "name": "departure",
  47.                         "label": "convention-detail.Abreise"|trans,
  48.                         "value": carbon().today().addDays(4).toDateTimeString(),
  49.                         "min": carbon().today().toDateTimeString(),
  50.                         "numberOfMonths": 2,
  51.                         "styleModifier": "js-datepicker-range__to form-group--sm",
  52.                         "inputHiddenModifier": "js-floating-label",
  53.                         "inputWrapperModifier": "position-relative datepicker-container",
  54.                         "labelModifier": "floating-label",
  55.                         errors: errors['abreise'] is defined ? [errors['abreise']] : null,
  56.                     }) }}
  57.                 </div>
  58.                 <div class="col-md-6">
  59.                     {{ include('Form/Includes/form-control.html.twig', {
  60.                         id: 'company',
  61.                         name: 'company',
  62.                         inputModifier: 'js-floating-label',
  63.                         inputWrapperModifier: 'position-relative',
  64.                         labelModifier: 'floating-label',
  65.                         label: 'convention-detail.Firma'|trans,
  66.                         required: true,
  67.                         errors: errors['company'] is defined ? [errors['company']] : null,
  68.                     }) }}
  69.                 </div>
  70.                 <div class="col-md-6">
  71.                     {{ include('Form/Includes/form-control.html.twig', {
  72.                         id: 'participants',
  73.                         name: 'participants',
  74.                         inputModifier: 'js-floating-label',
  75.                         inputWrapperModifier: 'position-relative',
  76.                         labelModifier: 'floating-label',
  77.                         label: 'convention-detail.Teilnehmer'|trans,
  78.                         type: 'number',
  79.                         required: true,
  80.                         errors: errors['participants'] is defined ? [errors['participants']] : null,
  81.                     }) }}
  82.                 </div>
  83.                 <div class="col-md-6">
  84.                     {{ include('Form/Includes/select.html.twig', {
  85.                         id: 'salutation',
  86.                         inputModifier: "js-floating-label",
  87.                         labelModifier: "floating-label",
  88.                         inputWrapperModifier: "select__input-wrapper position-relative",
  89.                         name: "salutation",
  90.                         required: true,
  91.                         label: 'convention-detail.Anrede'|trans,
  92.                         styleModifier: 'form-group--sm',
  93.                         options: [
  94.                             {
  95.                                 "label": "",
  96.                                 "value": "",
  97.                                 "disabled": true,
  98.                                 "selected": true,
  99.                                 "class": "sr-only"
  100.                             }, {
  101.                                 "label": 'convention-detail.Frau'|trans,
  102.                                 "value": 'convention-detail.Frau'|trans,
  103.                                 "class": '',
  104.                             }, {
  105.                                 "label": 'convention-detail.Herr'|trans,
  106.                                 "value": 'convention-detail.Herr'|trans,
  107.                                 "class": ""
  108.                             },],
  109.                         errors: errors['salutation'] is defined ? [errors['salutation']] : null,
  110.                     }) }}
  111.                 </div>
  112.                 <div class="col-md-6">
  113.                     {{ include('Form/Includes/form-control.html.twig', {
  114.                         id: 'firstname',
  115.                         name: 'firstname',
  116.                         inputModifier: 'js-floating-label',
  117.                         inputWrapperModifier: 'position-relative',
  118.                         labelModifier: 'floating-label',
  119.                         label: 'convention-detail.Vorname'|trans,
  120.                         required: true,
  121.                         errors: errors['firstname'] is defined ? [errors['firstname']] : null,
  122.                     }) }}
  123.                 </div>
  124.                 <div class="col-md-6">
  125.                     {{ include('Form/Includes/form-control.html.twig', {
  126.                         id: 'lastname',
  127.                         name: 'lastname',
  128.                         inputModifier: 'js-floating-label',
  129.                         inputWrapperModifier: 'position-relative',
  130.                         labelModifier: 'floating-label',
  131.                         label: 'convention-detail.Nachname'|trans,
  132.                         required: true,
  133.                         errors: errors['lastname'] is defined ? [errors['lastname']] : null,
  134.                     }) }}
  135.                 </div>
  136.                 <div class="col-md-6">
  137.                     {{ include('Form/Includes/form-control.html.twig', {
  138.                         id: 'street',
  139.                         name: 'street',
  140.                         inputModifier: 'js-floating-label',
  141.                         inputWrapperModifier: 'position-relative',
  142.                         labelModifier: 'floating-label',
  143.                         label: 'convention-detail.Straße'|trans,
  144.                         required: true,
  145.                         errors: errors['street'] is defined ? [errors['street']] : null,
  146.                     }) }}
  147.                 </div>
  148.                 <div class="col-md-6">
  149.                     {{ include('Form/Includes/form-control.html.twig', {
  150.                         id: 'zip',
  151.                         name: 'zip',
  152.                         inputModifier: 'js-floating-label',
  153.                         inputWrapperModifier: 'position-relative',
  154.                         labelModifier: 'floating-label',
  155.                         label: 'convention-detail.PLZ'|trans,
  156.                         required: true,
  157.                         errors: errors['zip'] is defined ? [errors['zip']] : null,
  158.                     }) }}
  159.                 </div>
  160.                 <div class="col-md-6">
  161.                     {{ include('Form/Includes/form-control.html.twig', {
  162.                         id: 'city',
  163.                         name: 'city',
  164.                         inputModifier: 'js-floating-label',
  165.                         inputWrapperModifier: 'position-relative',
  166.                         labelModifier: 'floating-label',
  167.                         label: 'convention-detail.Ort'|trans,
  168.                         required: true,
  169.                         errors: errors['city'] is defined ? [errors['city']] : null,
  170.                     }) }}
  171.                 </div>
  172.                 <div class="col-md-12">
  173.                     {{ include('Form/Includes/select.html.twig', {
  174.                         id: 'country',
  175.                         inputModifier: "js-floating-label",
  176.                         labelModifier: "floating-label",
  177.                         inputWrapperModifier: "select__input-wrapper position-relative",
  178.                         name: "country",
  179.                         required: true,
  180.                         label: 'convention-detail.Land'|trans,
  181.                         styleModifier: 'form-group--sm',
  182.                         options: getCountrySelectData(app.request.locale),
  183.                         errors: errors['country'] is defined ? [errors['country']] : null,
  184.                     }) }}
  185.                 </div>
  186.                 <div class="col-md-6">
  187.                     {{ include('Form/Includes/form-control.html.twig', {
  188.                         id: 'phone',
  189.                         name: 'phone',
  190.                         inputModifier: 'js-floating-label',
  191.                         inputWrapperModifier: 'position-relative',
  192.                         labelModifier: 'floating-label',
  193.                         label: 'convention-detail.Telefon'|trans,
  194.                         required: true,
  195.                         errors: errors['phone'] is defined ? [errors['phone']] : null,
  196.                     }) }}
  197.                 </div>
  198.                 <div class="col-md-6">
  199.                     {{ include('Form/Includes/form-control.html.twig', {
  200.                         id: 'email',
  201.                         name: 'email',
  202.                         inputModifier: 'js-floating-label',
  203.                         inputWrapperModifier: 'position-relative',
  204.                         labelModifier: 'floating-label',
  205.                         label: 'convention-detail.E-Mmail'|trans,
  206.                         required: true,
  207.                         errors: errors['email'] is defined ? [errors['email']] : null,
  208.                     }) }}
  209.                 </div>
  210.                 <div class="col-12">
  211.                     {{ include('Form/Includes/radio-group.html.twig', {
  212.                         "title": "convention-detail.Wie möchten Sie kontaktiert werden?"|trans,
  213.                         "titleStyleModifier": "h6",
  214.                         "id": "contactType",
  215.                         "name": "contactType",
  216.                         "options": [
  217.                             {
  218.                                 "label": "convention-detail.per Telefon"|trans,
  219.                                 "value": "1"
  220.                             }, {
  221.                                 "label": "convention-detail.per E-mail"|trans,
  222.                                 "value": "2"
  223.                             }
  224.                         ]
  225.                     }) }}
  226.                 </div>
  227.                 <div class="col-12">
  228.                     {{ include('Form/Includes/text-area.html.twig', {
  229.                         id: 'message',
  230.                         name: 'message',
  231.                         inputModifier: 'js-floating-label',
  232.                         inputWrapperModifier: 'position-relative',
  233.                         labelModifier: 'floating-label',
  234.                         label: 'convention-detail.Ihre Nachricht'|trans,
  235.                         required: false
  236.                     }) }}
  237.                 </div>
  238.             </div>
  239.             <div class="text-right small mb-1">
  240.                 *{{'convention-detail.Pflichtfelder'|trans}}
  241.             </div>
  243.             <div>{{ 'convention-detail.Ich stimme den <a href="#">Datenschutzbestimmungen</a> zu.'|trans|raw }}</div>
  245.             <div class="text-center mt-4">
  246.                 <button type="submit" class="btn btn-primary-light">{{'convention-detail.Kontaktanfrage sende'|trans}}</button>
  247.             </div>
  248.         </form>
  249.     </div>
  250. </div>