{% sw_extends '@Storefront/storefront/component/account/register.html.twig' %}
{% block component_account_register_header %}
{% if cardTitle %}
<div class="card-title">
{{ cardTitle }}
</div>
<div class="card-title-subline">
{{ "proc.register.title-subline"|trans|sw_sanitize }}
</div>
{% endif %}
{% endblock %}
{% 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 pt-3">
{% block component_account_register_already_customer %}
<div class="form-group">
{% block component_account_register_already_customer_control %}
<div class="form-row register-already-customer">
<div class="form-group col-md-6">
{% block component_account_register_already_customer_label %}
<label class="no-validation"
for="alreadyCustomerCheckbox">
{{ "account.registerAlreadyCustomer"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_already_customer_input %}
<select
class="custom-select js-already-customer-checkbox"
name="alreadyCustomerCheckbox"
id="alreadyCustomerCheckbox"
data-form-field-toggle="true"
data-form-field-toggle-target=".js-form-field-toggle-already-customer"
data-form-field-toggle-value='"1"'
data-form-field-toggle-trigger-nested="true"
required="required">
<option disabled="disabled" selected="selected" value="">{{ "account.accountlDefaultOption"|trans|sw_sanitize }}</option>
<option value="1">{{ "account.accountlAlreadyExist"|trans|sw_sanitize }}</option>
<option value="0">{{ "account.accountlNewCustomer"|trans|sw_sanitize }}</option>
</select>
{% endblock %}
</div>
</div>
{% endblock %}
{% block component_account_register_sap_customer_number %}
<div class="form-row register-sap-customer-number js-form-field-toggle-already-customer d-none">
<div class="form-group col-md-6">
{% block component_account_register_sap_customer_number_label %}
<label class="form-label"
for="sapCustomerNumber">
{{ "account.personalSapCustomerNumber"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_sap_customer_number_input %}
<input type="text"
class="form-control"
autocomplete="section-personal sapCustomerNumber"
id="sapCustomerNumber"
placeholder="{{ "account.personalSapCustomerNumberPlaceholder"|trans|striptags }}"
name="sapCustomerNumber"
required="required">
{% endblock %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% 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'),
'onlyCompanyRegistration': true
} %}
{% 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'),
'hasSelectedBusiness': constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS')
} %}
{% endblock %}
{% block component_address_personal_fields_additional %}
<div class="{{ formRowClass }}">
{% block component_address_personal_fields_kooperation %}
<div class="form-group col-sm-6">
{% block component_address_personal_fields_kooperation_label %}
<label class="form-label"
for="personalKooperation">
{{ "account.personalKooperationLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_personal_fields_kooperation_input %}
<input type="text"
class="form-control{% if violationPath is not empty %} is-invalid{% endif %}"
id="personalKooperation"
placeholder="{{ "account.personalKooperationPlaceholder"|trans|striptags }}"
name="personalKooperation"
value="{{ data.get('personalKooperation') }}"
>
{% endblock %}
</div>
{% endblock %}
{% block component_address_personal_fields_firmen_webseite %}
<div class="form-group col-sm-6">
{% block component_address_personal_fields_firmen_webseite_label %}
<label class="form-label"
for="personalFirmenWebseite">
{{ "account.personalFirmenWebseiteLabel"|trans|sw_sanitize }}
{# {{ "general.required"|trans|sw_sanitize }} #}
</label>
{% endblock %}
{% block component_address_personal_fields_firmen_webseite_input %}
<input type="text"
class="form-control{% if violationPath %} is-invalid{% endif %}"
id="personalFirmenWebseite"
placeholder="{{ "account.personalFirmenWebseitePlaceholder"|trans|striptags }}"
name="personalFirmenWebseite"
value="{{ data.get('personalFirmenWebseite') }}"
{# data-form-validation-required
required="required" #}
>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% set formGroupMail %}
{% block component_account_register_personal_mail %}
{% block component_account_register_personal_mail_label %}
<label class="form-label"
for="personalMail">
{{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</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">
{{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</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 %}
{% block component_account_register_personal_account_fields %}
<div class="{{ formRowClass }}">
<div class="form-group col-sm-6">
{{ formGroupMail }}
</div>
<div class="form-group col-sm-6">
{% if config('core.loginRegistration.requireEmailConfirmation') %}
{{ formGroupMailConfirmation }}
{% elseif not config('core.loginRegistration.requirePasswordConfirmation') %}
{{ formGroupPassword }}
{% endif %}
</div>
<div class="form-group col-sm-6">
{% if config('core.loginRegistration.requireEmailConfirmation') or config('core.loginRegistration.requirePasswordConfirmation') %}
{{ formGroupPassword }}
{% endif %}
</div>
<div class="form-group col-sm-6">
{% if config('core.loginRegistration.requirePasswordConfirmation') %}
{{ formGroupPasswordConfirmation }}
{% endif %}
</div>
</div>
{% endblock %}
{% block component_account_register_personal_comment %}
<div class=" {{ formRowClass }}">
{% block component_account_register_personal_comment_label %}
<label class="form-label" for="registrationComment">
{{ "proc.register.customerCommentLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_personal_comment_textfield %}
<textarea class="form-control"
placeholder="{{ "proc.register.customerCommentPlaceholder"|trans|sw_sanitize }}"
id="registrationComment"
name="registrationComment"></textarea>
{% endblock %}
</div>
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_address %}
<div class="register-address">
{% block component_account_register_address_fields %}
{% block component_account_register_address_billing %}
<div class="register-billing">
{% block component_account_register_address_billing_header %}
<div class="card-title">
{{ "account.registerAddressBillingHeader"|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'),
'hasSelectedBusiness': data.get('customerGroup') == constant('Shopware\\Core\\Checkout\\Customer\\CustomerEntity::ACCOUNT_TYPE_BUSINESS')
} %}
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_address_different_shipping %}
{% 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 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">
<button type="submit"
class="btn btn-primary btn-lg">
{{ "account.registerSubmit"|trans|sw_sanitize }}
</button>
</div>
{% endblock %}
</form>
{% endblock %}