{% set accountInfoId = 'create-account' ~ random() %}
{% set accountInfoType = 'account-info' %}
{% set isBrochure = isBrochure is defined ? isBrochure : false %}
{% set loginAndUserHandling = (showLogin and demi_core_configuration("getUserHandling",[])) %}
<fieldset class="card box-shadow {{ styleModifier is defined ? styleModifier : '' }}">
<div class="card-body">
{% if loginAndUserHandling and not isUser %}
<h3 class="{{ headlineStyle is defined ? headlineStyle : '' }}">{{ 'demi.booking.checkout.provide-data-suggest-account-headline'|trans }}</h3>
<div class="row row--gutter-width-20">
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/mail.html.twig', {'customer': customer, 'isUser': isUser}) }}
</div>
<div class="col-12 col-md-6">
<div class="row">
<div class="col mb-2">
{{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
'name': 'createAccount',
'label': 'demi.booking.create-account'|trans,
'isChecked': optionalData is not null ? optionalData.createAccount : false,
'value': "on",
'styleModifier': 'strong js-checkbox-collapse-toggle',
'dataAttributes': {
"target": "#personal-data-account-collapse"
}
}) }}
<script data-cookieconsent="ignore">_config.checkboxCollapseToggle = true;</script>
<div class="mt-2">
{{ 'demi.booking.checkout.account-advantages'|trans }}
<div class="text-right mt-3">
{% if isMobile %}
<button type="button"
class="btn-no-styling increased-click-area text-primary js-overlay__toggle"
data-target="#{{ accountInfoType }}-{{ accountInfoId }}">
<span class="demi-icon demi-icon-info-circle icon-in-text"></span> <span
class="text-underline">{{ 'demi.booking.cart.additional-information'|trans }}</span>
</button>
{{ include('@ElementsDemiFrontend/Includes/overlays/ajax-overlay.html.twig', {
'title': 'demi.booking.account-information'|trans,
'id': accountInfoType ~ "-" ~ accountInfoId,
'ajaxUrl': demi_core_configuration("getAccountInformationSnippet",[]),
}) }}
{% else %}
<button type="button"
class="btn-no-styling increased-click-area text-primary"
data-toggle="modal"
data-target="#{{ accountInfoType }}-{{ accountInfoId }}">
<span class="demi-icon demi-icon-info-circle icon-in-text"></span> <span
class="text-underline">{{ 'demi.booking.cart.additional-information'|trans }}</span>
</button>
{{ include('@ElementsDemiFrontend/Includes/modals/ajax-modal.html.twig', {
'ajaxUrl': demi_core_configuration("getAccountInformationSnippet",[]),
'ariaLabel': 'account-info',
'id': accountInfoType ~ '-' ~ accountInfoId
}) }}
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<div id="personal-data-account-collapse" class="collapse shows overflow-hidden">
<div class="row row--gutter-width-20 mb-4">
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/password.html.twig', {'id': 'personal-data-password-input'}) }}
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/password.html.twig', {
'id': 'personal-data-password-input-repeat',
'equalToId': 'personal-data-password-input',
'isRepeat': true
}) }}
</div>
<div class="col-12 col-md-6">
{% if demi_profilingConsentExists() %}
<div class="mt-2 js-form-group">
{{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
'name': 'profilingConsent',
'label': 'demi.booking.checkout.profiling-consent-label'|trans,
'isChecked': optionalData is not null ? optionalData.profilingConsent : false,
'isRequired': true,
'value': "on",
'styleModifier': 'strong',
}) }}
<div class="form-errors"></div>
<div class="mt-2">
{{ 'demi.booking.checkout.profiling-consent-text'|trans }}
<input type="hidden" name="profilingConsentText" value="{{ ('demi.booking.checkout.profiling-consent-text'|trans)|replace({'"': '\''}) }}" />
</div>
</div>
{% endif %}
</div>
</div>
</div>
{% else %}
<h3 class="{{ headlineStyle is defined ? headlineStyle : '' }}">{{ isUser ? 'demi.booking.checkout.edit-data'|trans : 'demi.booking.checkout.provide-data'|trans }}</h3>
{% if demi_core_configuration("getUserHandling",[]) and isUser %}
<div class="row row--gutter-width-20 mb-3">
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/elements/checkboxes/checkbox.html.twig', {
'name': 'mergeToAccount' ,
'label': 'demi.booking.checkout.changes-affect-customer-account'|trans,
'isChecked': optionalData.mergeToAccount ,
'value': "on",
'styleModifier': 'strong js-checkbox-collapse-toggle'
}) }}
</div>
</div>
{% endif %}
{% endif %}
<div class="row row--gutter-width-20">
<div class="col-8 col-lg-4">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/salutation.html.twig', {'customer': customer}) }}
</div>
</div>
<div class="row row--gutter-width-20">
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/firstname.html.twig', {'customer': customer}) }}
</div>
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/lastname.html.twig', {'customer': customer}) }}
</div>
{% if showAddress %}
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/street-and-nr.html.twig', {
'optionalData': optionalData,
'customer': customer,
'isRequired': addressRequired}) }}
</div>
<div class="col-12 col-md-6">
<div class="row row--gutter-width-10">
<div class="col-4">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/plz.html.twig', {
'class': 'js-zip-validation',
'optionalData': optionalData,
'customer': customer,
'isRequired': addressRequired,
'zipValidation': true}) }}
</div>
<div class="col-8">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/city.html.twig', {
'optionalData': optionalData,
'customer': customer,
'isRequired': addressRequired}) }}
</div>
</div>
</div>
{% endif %}
<div class="col-12 col-md-6">
{% if isMerchandise %}
{% set class = 'js-zip-validation js-shipping-cost' %}
<script data-cookieconsent="ignore">
_config.merchShipping = true;
_config.merchShippingAjaxUrl = '{{ demi_demiUrl([], 'demi_merchandieseshop_update_shipping', true) }}';
</script>
{% else %}
{% set class = 'js-zip-validation' %}
{% endif %}
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/country.html.twig', {'customer': customer, 'class': class is defined ? class : ''}) }}
</div>
{% if not loginAndUserHandling or isUser %}
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/mail.html.twig', {'customer': customer, 'isUser': isUser}) }}
</div>
{% endif %}
{% if (showPhone is defined and showPhone == true) or demi_core_configuration("getShowPhoneNumber",[]) == "required" or demi_core_configuration("getShowPhoneNumber",[]) == "optionalInRequiredSection" %}
<div class="col-12 col-md-6">
{{ include('@ElementsDemiFrontend/Includes/cards/phonenumber.html.twig', {'required': demi_core_configuration("getShowPhoneNumber",[]) == "required" ? "required" : ""}) }}
</div>
{% endif %}
{% if showCompany is defined and showCompany == true%}
<div class="col-12 col-md-6">
<div class="form-group">
<label class="form-box form-box--gray">
<span class="form-box__label">{{ 'demi.saving-request.company'|trans }}</span>
<input type="text" name="company" class="form-box__content form-control"
autocomplete="org">
</label>
<div class="form-errors"></div>
</div>
</div>
{% endif %}
{% if showNumberOfOffers is defined and showNumberOfOffers == true%}
<div class="col-12 col-md-6">
<div class="form-group">
<label class="form-box form-box--gray">
<span class="form-box__label">{{ 'demi.saving-request.number-of-offers'|trans }} *</span>
<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>
</label>
</div>
</div>
{% endif %}
{% if showContactType is defined and showContactType == true%}
<div class="col-12 col-md-6">
<div class="form-group">
<label class="form-box form-box--gray">
<span class="form-box__label">{{ 'demi.saving-request.contact-type-label'|trans }} *</span>
<select name="contactType" class="form-box__content form-control" required>
<option value="EMail">{{ 'demi.saving-request.email'|trans }}</option>
<option value="Phone">{{ 'demi.saving-request.telephone'|trans }}</option>
</select>
<span class="demi-icon demi-icon-chevron-down form-box__select-icon"></span>
</label>
</div>
</div>
{% endif %}
</div>
<div class="row row--gutter-width-10">
<div class="col col-auto text-success icon-in-text">
<span class="demi-icon demi-icon-info-circle-outline" aria-label="{{ 'demi.booking.info'|trans }}" title="{{ 'demi.booking.info'|trans }}"></span>
</div>
<div class="col">
{{ 'demi.booking.checkout.fill-all-in'|trans }}
</div>
</div>
</div>
{% if not isBrochure and showAllowRating %}
<hr class="m-0">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/acco-rating.html.twig', {'optionalData': optionalData}) }}
{% endif %}
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/form-additions1.html.twig') }}
{% if showComment is defined and showComment == true %}
<hr class="m-0">
{{ include('@ElementsDemiFrontend/Includes/cards/form-groups/wish.html.twig', {'optionalData': optionalData}) }}
{% endif %}
</fieldset>