src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/cards/personal-data-form-card.html.twig line 1

Open in your IDE?
  1. {% set accountInfoId = 'create-account' ~ random()  %}
  2. {% set accountInfoType = 'account-info' %}
  3. {% set isBrochure = isBrochure is defined ? isBrochure : false %}
  5. {% set loginAndUserHandling = (showLogin and demi_core_configuration("getUserHandling",[])) %}
  7. <fieldset class="card box-shadow {{ styleModifier is defined ? styleModifier : '' }}">
  8.     <div class="card-body">
  10.         {% if loginAndUserHandling and not isUser %}
  12.             <h3 class="{{ headlineStyle is defined ? headlineStyle : '' }}">{{ 'demi.booking.checkout.provide-data-suggest-account-headline'|trans }}</h3>
  14.             <div class="row row--gutter-width-20">
  15.                 <div class="col-12 col-md-6">
  16.                     {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/mail.html.twig', {'customer': customer, 'isUser': isUser}) }}
  17.                 </div>
  18.                 <div class="col-12 col-md-6">
  19.                     <div class="row">
  20.                         <div class="col mb-2">
  21.                             {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
  22.                                 'name': 'createAccount',
  23.                                 'label': 'demi.booking.create-account'|trans,
  24.                                 'isChecked': optionalData is not null ? optionalData.createAccount : false,
  25.                                 'value': "on",
  26.                                 'styleModifier': 'strong js-checkbox-collapse-toggle',
  27.                                 'dataAttributes': {
  28.                                     "target": "#personal-data-account-collapse"
  29.                                 }
  30.                             }) }}
  31.                             <script data-cookieconsent="ignore">_config.checkboxCollapseToggle = true;</script>
  33.                             <div class="mt-2">
  34.                                 {{ 'demi.booking.checkout.account-advantages'|trans }}
  35.                                 <div class="text-right mt-3">
  36.                                     {% if isMobile %}
  37.                                         <button type="button"
  38.                                                 class="btn-no-styling increased-click-area text-primary js-overlay__toggle"
  39.                                                 data-target="#{{ accountInfoType }}-{{ accountInfoId }}">
  40.                                             <span class="demi-icon demi-icon-info-circle icon-in-text"></span> <span
  41.                                                     class="text-underline">{{ 'demi.booking.cart.additional-information'|trans }}</span>
  42.                                         </button>
  44.                                         {{ include('@ElementsDemiFrontend/Includes/overlays/ajax-overlay.html.twig',  {
  45.                                             'title': 'demi.booking.account-information'|trans,
  46.                                             'id': accountInfoType ~ "-" ~ accountInfoId,
  47.                                             'ajaxUrl': demi_core_configuration("getAccountInformationSnippet",[]),
  48.                                         }) }}
  49.                                     {% else %}
  50.                                         <button type="button"
  51.                                                 class="btn-no-styling increased-click-area text-primary"
  52.                                                 data-toggle="modal"
  53.                                                 data-target="#{{ accountInfoType }}-{{ accountInfoId }}">
  54.                                             <span class="demi-icon demi-icon-info-circle icon-in-text"></span> <span
  55.                                                     class="text-underline">{{ 'demi.booking.cart.additional-information'|trans }}</span>
  56.                                         </button>
  58.                                         {{ include('@ElementsDemiFrontend/Includes/modals/ajax-modal.html.twig', {
  59.                                             'ajaxUrl': demi_core_configuration("getAccountInformationSnippet",[]),
  60.                                             'ariaLabel': 'account-info',
  61.                                             'id': accountInfoType ~ '-' ~ accountInfoId
  62.                                         }) }}
  63.                                     {% endif %}
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             <div id="personal-data-account-collapse" class="collapse shows overflow-hidden">
  71.                 <div class="row row--gutter-width-20 mb-4">
  72.                     <div class="col-12 col-md-6">
  73.                         {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/password.html.twig', {'id': 'personal-data-password-input'}) }}
  74.                         {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/password.html.twig', {
  75.                             'id': 'personal-data-password-input-repeat',
  76.                             'equalToId': 'personal-data-password-input',
  77.                             'isRepeat': true
  78.                         }) }}
  79.                     </div>
  80.                     <div class="col-12 col-md-6">
  81.                         {% if demi_profilingConsentExists() %}
  82.                             <div class="mt-2 js-form-group">
  83.                                 {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
  84.                                     'name': 'profilingConsent',
  85.                                     'label': 'demi.booking.checkout.profiling-consent-label'|trans,
  86.                                     'isChecked': optionalData is not null ?  optionalData.profilingConsent : false,
  87.                                     'isRequired': true,
  88.                                     'value': "on",
  89.                                     'styleModifier': 'strong',
  90.                                 }) }}
  91.                                 <div class="form-errors"></div>
  92.                                 <div class="mt-2">
  93.                                     {{ 'demi.booking.checkout.profiling-consent-text'|trans }}
  94.                                     <input type="hidden" name="profilingConsentText" value="{{ ('demi.booking.checkout.profiling-consent-text'|trans)|replace({'"': '\''}) }}" />
  95.                                 </div>
  97.                             </div>
  98.                         {% endif %}
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         {% else %}
  103.             <h3 class="{{ headlineStyle is defined ? headlineStyle : '' }}">{{ isUser ? 'demi.booking.checkout.edit-data'|trans : 'demi.booking.checkout.provide-data'|trans }}</h3>
  104.             {% if demi_core_configuration("getUserHandling",[]) and isUser %}
  105.             <div class="row row--gutter-width-20 mb-3">
  106.                 <div class="col-12 col-md-6">
  107.                     {{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
  108.                     'name': 'mergeToAccount' ,
  109.                     'label': 'demi.booking.checkout.changes-affect-customer-account'|trans,
  110.                     'isChecked': optionalData.mergeToAccount ,
  111.                     'value': "on",
  112.                     'styleModifier': 'strong js-checkbox-collapse-toggle'
  113.                 }) }}
  114.                 </div>
  115.             </div>
  116.             {% endif %}
  117.         {% endif %}
  120.         <div class="row row--gutter-width-20">
  121.             <div class="col-8 col-lg-4">
  122.                 {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/salutation.html.twig', {'customer': customer}) }}
  123.             </div>
  124.         </div>
  126.         <div class="row row--gutter-width-20">
  128.             <div class="col-12 col-md-6">
  129.                 {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/firstname.html.twig', {'customer': customer}) }}
  130.             </div>
  132.             <div class="col-12 col-md-6">
  133.                 {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/lastname.html.twig', {'customer': customer}) }}
  134.             </div>
  137.             {% if showAddress %}
  138.                 <div class="col-12 col-md-6">
  139.                     {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/street-and-nr.html.twig', {
  140.                         'optionalData': optionalData,
  141.                         'customer': customer,
  142.                         'isRequired': addressRequired}) }}
  143.                 </div>
  145.                 <div class="col-12 col-md-6">
  146.                     <div class="row row--gutter-width-10">
  147.                         <div class="col-4">
  148.                             {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/plz.html.twig', {
  149.                                 'class': 'js-zip-validation',
  150.                                 'optionalData': optionalData,
  151.                                 'customer': customer,
  152.                                 'isRequired': addressRequired,
  153.                                 'zipValidation': true}) }}
  154.                         </div>
  155.                         <div class="col-8">
  156.                             {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/city.html.twig', {
  157.                                 'optionalData': optionalData,
  158.                                 'customer': customer,
  159.                                 'isRequired': addressRequired}) }}
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.             {% endif %}
  165.             <div class="col-12 col-md-6">
  166.                 {% if isMerchandise %}
  167.                     {% set class = 'js-zip-validation js-shipping-cost' %}
  169.                     <script data-cookieconsent="ignore">
  170.                         _config.merchShipping = true;
  171.                         _config.merchShippingAjaxUrl = '{{ demi_demiUrl([], 'demi_merchandieseshop_update_shipping', true) }}';
  172.                     </script>
  174.                 {% else %}
  175.                     {% set class = 'js-zip-validation' %}
  176.                 {% endif %}
  177.                 {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/country.html.twig', {'customer': customer, 'class': class is defined ? class : ''}) }}
  178.             </div>
  180.             {% if not loginAndUserHandling or isUser %}
  181.             <div class="col-12 col-md-6">
  182.                 {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/mail.html.twig', {'customer': customer, 'isUser': isUser}) }}
  183.             </div>
  184.             {% endif %}
  186.             {% if (showPhone is defined and showPhone == true) or demi_core_configuration("getShowPhoneNumber",[]) == "required" or demi_core_configuration("getShowPhoneNumber",[]) == "optionalInRequiredSection" %}
  187.                 <div class="col-12 col-md-6">
  188.                     {{ include('@ElementsDemiFrontend/Includes/cards/phonenumber.html.twig', {'required': demi_core_configuration("getShowPhoneNumber",[]) == "required" ? "required" : ""}) }}
  189.                 </div>
  190.             {% endif %}
  192.             {% if showCompany is defined and showCompany == true%}
  193.                 <div class="col-12 col-md-6">
  194.                     <div class="form-group">
  195.                         <label class="form-box form-box--gray">
  196.                             <span class="form-box__label">{{ 'demi.saving-request.company'|trans }}</span>
  197.                             <input type="text" name="company" class="form-box__content form-control"
  198.                                    autocomplete="org">
  199.                         </label>
  200.                         <div class="form-errors"></div>
  201.                     </div>
  202.                 </div>
  203.             {% endif %}
  205.             {% if showNumberOfOffers is defined and showNumberOfOffers == true%}
  206.                 <div class="col-12 col-md-6">
  207.                     <div class="form-group">
  208.                         <label class="form-box form-box--gray">
  209.                             <span class="form-box__label">{{ 'demi.saving-request.number-of-offers'|trans }} *</span>
  210.                             <input name="maxTickets" type="number" min="1" value="10" max="{{ demi_core_configuration("getPoolRequestMaxTickets",[]) ? demi_core_configuration("getPoolRequestMaxTickets",[]) : 20 }}" class="form-box__content form-control" required>
  211.                         </label>
  212.                     </div>
  213.                 </div>
  214.             {% endif %}
  216.             {% if showContactType is defined and showContactType == true%}
  217.                 <div class="col-12 col-md-6">
  218.                     <div class="form-group">
  219.                         <label class="form-box form-box--gray">
  220.                             <span class="form-box__label">{{ 'demi.saving-request.contact-type-label'|trans }} *</span>
  221.                             <select name="contactType" class="form-box__content form-control" required>
  222.                                 <option value="EMail">{{ 'demi.saving-request.email'|trans }}</option>
  223.                                 <option value="Phone">{{ 'demi.saving-request.telephone'|trans }}</option>
  224.                             </select>
  225.                             <span class="demi-icon demi-icon-chevron-down form-box__select-icon"></span>
  226.                         </label>
  227.                     </div>
  228.                 </div>
  229.             {% endif %}
  231.         </div>
  233.         <div class="row row--gutter-width-10">
  234.             <div class="col col-auto text-success icon-in-text">
  235.                 <span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ 'demi.booking.info'|trans }}" title="{{ 'demi.booking.info'|trans }}"></span>
  236.             </div>
  237.             <div class="col">
  238.                 {{ 'demi.booking.checkout.fill-all-in'|trans }}
  239.             </div>
  240.         </div>
  241.     </div>
  244.     {% if not isBrochure and showAllowRating %}
  245.         <hr class="m-0">
  247.         {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/acco-rating.html.twig', {'optionalData': optionalData}) }}
  249.     {% endif %}
  251.     {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/form-additions1.html.twig') }}
  253.     {% if showComment is defined and showComment == true %}
  254.         <hr class="m-0">
  256.         {{ include('@ElementsDemiFrontend/Includes/cards/form-groups/wish.html.twig', {'optionalData': optionalData}) }}
  257.     {% endif %}
  259. </fieldset>