Symfony Profiler

{% block component_account_register %}
<div class="card register-card">
<div class="card-body">
{% block component_account_register_header %}
{# {% if cardTitle %}
<div class="card-title">
{{ cardTitle }}
</div>
{% endif %}
#}
{% endblock %}
<div class="main-title">
Persönliche Informationen
</div>
<p class="sub-title">
Pflichtfelder* <br> Tragen Sie ihre persönlichen Daten ein.
</p>
{% block component_account_register_form %}
<form action="{{ path('frontend.account.register.save') }}"
class="register-form"
method="post"
data-form-csrf-handler="true"
data-form-validation="true">
{% block component_account_register_form_csrf %}
{{ sw_csrf('frontend.account.register.save') }}
{% endblock %}
{% block component_account_register_redirect %}
<input type="hidden"
name="redirectTo"
value="{{ redirectTo }}">
<input type="hidden"
name="redirectParameters"
value="{{ redirectParameters }}">
{% endblock %}
{% block component_account_register_create_account %}
{% if feature('FEATURE_NEXT_16236') %}
<input type="hidden"
name="createCustomerAccount"
value="1">
{% endif %}
{% endblock %}
{% block component_account_register_form_action %}
<input type="hidden"
name="errorRoute"
value="frontend.account.register.page"/>
<input type="hidden"
name="errorParameters"
value="{{ errorParameters }}">
{% endblock %}
{% block component_account_register_personal %}
<div class="register-personal">
{% block component_account_register_personal_fields %}
{% block component_account_register_personal_address_fields %}
{% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
'showBirthdayField': config('core.loginRegistration.showBirthdayField'),
'accountType': data.get('accountType')
} %}
{% endblock %}
{% block component_account_register_company_fields %}
{% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
'prefix': 'billingAddress',
'address': data.get('billingAddress')
} %}
{% endblock %}
{% set formGroupMail %}
{% block component_account_register_personal_mail %}
{% block component_account_register_personal_mail_label %}
<label class="form-label"
for="personalMail"><span>
{{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</span></label>
{% endblock %}
{% block component_account_register_personal_mail_input %}
<input type="email"
class="form-control{% if formViolations.getViolations('/email') is not empty %} is-invalid{% endif %}"
autocomplete="section-personal email"
id="personalMail"
{#placeholder="{{ "account.personalMailPlaceholder"|trans|striptags }}"#}
name="email"
value="{{ data.get('email') }}"
{% if config('core.loginRegistration.requireEmailConfirmation') %}
data-form-validation-equal="personalMail"
{% endif %}
required="required">
{% endblock %}
{% block component_account_register_personal_mail_input_error %}
{% if formViolations.getViolations('/email') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/email'
} %}
{% endif %}
{% endblock %}
{% endblock %}
{% endset %}
{% set formGroupMailConfirmation %}
{% block component_account_register_personal_mail_confirmation %}
{% block component_account_register_personal_mail_confirmation_label %}
<label class="form-label"
for="personalMailConfirmation"><span>
{{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</span></label>
{% endblock %}
{% block component_account_register_personal_mail_confirmation_input %}
<input type="email"
class="form-control{% if formViolations.getViolations('/email') is not empty or formViolations.getViolations('/emailConfirmation') is not empty %} is-invalid{% endif %}"
autocomplete="section-personal email"
id="personalMailConfirmation"
{#placeholder="{{ "account.personalMailConfirmationPlaceholder"|trans|striptags }}"#}
name="emailConfirmation"
value="{{ data.get('emailConfirmation') }}"
data-form-validation-equal="personalMail"
data-form-validation-equal-message="{{ "account.personalMailConfirmationInvalidMessage"|trans|striptags }}"
required="required">
{% endblock %}
{% block component_account_register_personal_mail_confirmation_input_error %}
{% if formViolations.getViolations('/email') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/email'
} %}
{% endif %}
{% if formViolations.getViolations('/emailConfirmation') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/emailConfirmation'
} %}
{% endif %}
{% endblock %}
{% endblock %}
{% endset %}
{% set formGroupPassword %}
{% block component_account_register_personal_password %}
<span class="js-form-field-toggle-guest-mode">
{% block component_account_register_personal_password_label %}
<label class="form-label"
for="personalPassword"><span>
{{ "account.personalPasswordLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</span></label>
{% endblock %}
{% block component_account_register_personal_password_input %}
<input type="password"
class="form-control{% if formViolations.getViolations('/password') is not empty %} is-invalid{% endif %}"
autocomplete="new-password"
id="personalPassword"
{#placeholder="{{ "account.personalPasswordPlaceholder"|trans|striptags }}"#}
name="password"
minlength="{{ config('core.loginRegistration.passwordMinLength') }}"
{% if config('core.loginRegistration.requirePasswordConfirmation') %}
data-form-validation-equal="newPassword"
{% endif %}
{% if config('core.loginRegistration.passwordMinLength') != 0 %}
data-form-validation-length="{{ config('core.loginRegistration.passwordMinLength') }}"
data-form-validation-length-message=" {{ "account.personalPasswordDescription"|trans({
'%minLength%': config('core.loginRegistration.passwordMinLength')
})|sw_sanitize }}"
{% endif %}
required="required">
{% endblock %}
{% block component_account_register_personal_password_description %}
{% if config('core.loginRegistration.passwordMinLength') != 0 %}
<small class="form-text js-validation-message"
data-form-validation-length-text="true">
{{ "account.personalPasswordDescription"|trans({
'%minLength%': config('core.loginRegistration.passwordMinLength')
})|sw_sanitize }}
</small>
{% endif %}
{% endblock %}
{% block component_account_register_personal_password_input_error %}
{% if formViolations.getViolations('/password') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/password'
} %}
{% endif %}
{% endblock %}
</span>
{% endblock %}
{% endset %}
{% set formGroupPasswordConfirmation %}
{% block component_account_register_personal_password_confirmation %}
<span class="js-form-field-toggle-guest-mode">
{% block component_account_register_personal_password_confirmation_label %}
<label class="form-label"
for="personalPasswordConfirmation"><span>
{{ "account.personalPasswordConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</span></label>
{% endblock %}
{% block component_account_register_personal_password_confirmation_input %}
<input type="password"
class="form-control{% if formViolations.getViolations('/password') is not empty or formViolations.getViolations('/passwordConfirmation') is not empty %} is-invalid{% endif %}"
autocomplete="new-password"
id="personalPasswordConfirmation"
{#placeholder="{{ "account.personalPasswordConfirmationPlaceholder"|trans|striptags }}"#}
name="passwordConfirmation"
minlength="{{ config('core.loginRegistration.passwordMinLength') }}"
data-form-validation-equal="newPassword"
data-form-validation-equal-message="{{ "account.personalPasswordConfirmationInvalidMessage"|trans|striptags }}"
required="required">
{% endblock %}
{% block component_account_register_personal_password_confirmation_input_error %}
{% if formViolations.getViolations('/password') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/password'
} %}
{% endif %}
{% if formViolations.getViolations('/passwordConfirmation') is not empty %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
violationPath: '/passwordConfirmation'
} %}
{% endif %}
{% endblock %}
</span>
{% endblock %}
{% endset %}
{% block component_account_register_personal_account_fields %}
<div class="{{ formRowClass }}">
<div class="form-group form-group-text {% if not data.get('email') %} is-empty{% endif %}">
{{ formGroupMail }}
</div>
</div>
{% if config('core.loginRegistration.requireEmailConfirmation') %}
<div class="{{ formRowClass }}">
<div class="form-group form-group-text {% if not data.get('emailConfirmation') %} is-empty{% endif %}">
{{ formGroupMailConfirmation }}
</div>
</div>
{% elseif not config('core.loginRegistration.requirePasswordConfirmation') %}
<div class="{{ formRowClass }}">
<div class="form-group form-group-text is-empty">
{{ formGroupPassword }}
</div>
</div>
{% endif %}
<div class="{{ formRowClass }}">
<div class="form-group form-group-text is-empty">
{% if config('core.loginRegistration.requireEmailConfirmation') or config('core.loginRegistration.requirePasswordConfirmation') %}
{{ formGroupPassword }}
{% endif %}
</div>
</div>
<div class="{{ formRowClass }}">
<div class="form-group form-group-text is-empty">
{% if config('core.loginRegistration.requirePasswordConfirmation') %}
{{ formGroupPasswordConfirmation }}
{% endif %}
</div>
</div>
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_address %}
<div class="register-address" style="display: none !important">
{% block component_account_register_address_fields %}
{% block component_account_register_address_shipping %}
<div class="register-shipping">
{% block component_account_register_address_shipping_header %}
<div class="card-title">
{{ "account.registerShippingAddressHeader"|trans|sw_sanitize }}
</div>
{% endblock %}
{% block component_account_register_address_shipping_fields %}
{% block component_account_register_address_shipping_fields_personal %}
{% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
'prefix': 'shippingAddress',
'data': data.get('shippingAddress'),
'hideCustomerTypeSelect': false,
'customToggleTarget': true,
'accountType': data.get('shippingAddress').get('accountType'),
'deliverStyle' : 'display: none !important'
} %}
{% endblock %}
{% block component_account_register_address_shipping_fields_company %}
{% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
'prefix': 'shippingAddress',
'customToggleTarget': true,
'address': data.get('shippingAddress'),
'deliverStyle' : 'display: none !important'
} %}
{% endblock %}
{% block component_account_register_address_shipping_fields_address %}
{% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
'prefix': 'shippingAddress',
'data': data.get('shippingAddress'),
'showNoShippingPostfix': true,
'disableNonShippableCountries': true,
'deliverStyle' : 'display: none !important'
} %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_address_different_shipping %}
<div>
{% block component_account_register_address_different_shipping_control %}
<div class="{{ formCheckboxWrapperClass }} register-different-shipping">
{% block component_account_register_address_different_shipping_input %}
<input type="checkbox"
class="{{ formCheckInputClass }} js-different-shipping-checkbox"
name="differentShippingAddress"
value="1"
id="differentShippingAddress"
{% if data.get('differentShippingAddress') %}checked="checked"{% endif %}
data-form-field-toggle="true"
data-form-field-toggle-target=".js-form-field-toggle-shipping-address"
data-form-field-toggle-value="true"
data-form-field-toggle-trigger-nested="true">
{% endblock %}
{% block component_account_register_address_different_shipping_label %}
<label class="custom-control-label no-validation"
for="differentShippingAddress"><span>
{{ "account.registerDifferentBilling"|trans|sw_sanitize }}
</span></label>
{% endblock %}
</div>
<script>
(()=>{
const checkbox = document.getElementsByName("differentShippingAddress")[0];
checkbox.addEventListener("change", ()=>{
localStorage.setItem("isDifferentShippingAddress", checkbox.checked ? "1" : "0");
document.dispatchEvent(new Event("isDifferentShippingAddressChanged"));
});
})();
</script>
{% endblock %}
{% block component_account_register_address_billing %}
<div class="register-billing js-form-field-toggle-shipping-address d-none">
{% block component_account_register_address_billing_header %}
<div class="card-title">
{{ "account.registerBillingAddressHeader"|trans|sw_sanitize }}
</div>
{% endblock %}
{% block component_account_register_address_billing_fields %}
{% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
'prefix': 'billingAddress',
'data': data.get('billingAddress'),
'showNoShippingPostfix': true,
} %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_captcha %}
{% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { preCheck: true } %}
{% endblock %}
{% block component_account_register_privacy %}
{% sw_include '@Storefront/storefront/component/privacy-notice.html.twig' %}
{% endblock %}
{% block page_account_overview_newsletter_content_form_check_control %}
<div class="{{ formCheckboxWrapperClass }}">
{% block page_account_overview_newsletter_content_form_input %}
{% set subscribe = constant('Shopware\\Core\\Content\\Newsletter\\SalesChannel\\NewsletterSubscribeRoute::OPTION_SUBSCRIBE') %}
{% set direct = constant('Shopware\\Core\\Content\\Newsletter\\SalesChannel\\NewsletterSubscribeRoute::OPTION_DIRECT') %}
{% set statusDirect = constant('Shopware\\Core\\Content\\Newsletter\\SalesChannel\\NewsletterSubscribeRoute::STATUS_DIRECT') %}
{% set statusOptIn = constant('Shopware\\Core\\Content\\Newsletter\\SalesChannel\\NewsletterSubscribeRoute::STATUS_OPT_IN') %}
{% set statusNotSet = constant('Shopware\\Core\\Content\\Newsletter\\SalesChannel\\NewsletterSubscribeRoute::STATUS_NOT_SET') %}
{% set status = false %}
{% if newsletterAccountPagelet.newsletterStatus == statusDirect or newsletterAccountPagelet.newsletterStatus == statusOptIn or newsletterAccountPagelet.newsletterStatus == statusNotSet %}
{% set status = true %}
{% endif %}
{% if feature('FEATURE_NEXT_14001') == false %}
{% set status = customer.newsletter %}
{% endif %}
<input type="checkbox"
class="{{ formCheckInputClass }}"
id="newsletterRegister"
name="option"
autocomplete="off"
value="{% if newsletterAccountPagelet.newsletterDoi %}{{ subscribe }}{% else %}{{ direct }}{% endif %}"
{% if status %}checked="checked"{% endif %}>
{% endblock %}
{% block page_account_overview_newsletter_content_form_label %}
<label class="{{ formCheckLabelClass }} custom-control-label"
for="newsletterRegister">
{{ "account.newsletterSettings"|trans({'%shopname%': config('core.basicInformation.shopName')})|sw_sanitize }}
</label>
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_required_fields %}
<p class="register-required-info">
{{ "general.requiredFields"|trans|sw_sanitize }}
</p>
{% endblock %}
{% block component_account_register_submit %}
<div class="register-submit proceed-button-bar">
<button id="goBackButton" type="button" class="btn button-zuruck">ZURÜCK</button>
<button id="isAdultValue" type="submit"
class="btn btn-primary btn-lg" style="background-color: black !important; border-color: black !important;">
{{ "account.registerSubmit"|trans|sw_sanitize }}
</button>
</div>
<style>
.no-click {
pointer-events: none;
}
</style>
<script>
document.addEventListener("isAdultChanged", function() {
const el = document.getElementById("isAdultValue");
if (localStorage.getItem("isAdult") === "1") {
el.classList.add("no-click");
el.disabled = true;
} else {
el.classList.remove("no-click");
el.disabled = false;
}
});
document.dispatchEvent(new Event("isAdultChanged"));
</script>
{% endblock %}
</form>
{% endblock %}
</div>
</div>
{% endblock %}

custom/plugins/EmovaTheme/src/Resources/views/storefront/component/account/register.html.twig line 1