{% sw_extends '@parent/storefront/component/account/register.html.twig' %}
{% block component_account_register_header %}
{% if cardTitle %}
{% block component_account_register_title %}
<div class="h2 card-title">
{{ cardTitle }}
</div>
{% endblock %}
{% endif %}
{% endblock %}
{% block component_account_register_address_billing %}
<div class="h6 register-billing">
{% block component_account_register_address_billing_header %}
<div class="h2 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'),
'showNoShippingPostfix': true,
} %}
{% endblock %}
{% block component_address_form_phone_number_label %}
<label class="form-label"
for="{{ idPrefix ~ prefix }}AddressPhoneNumber">
{{ "address.phoneNumberLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_form_phone_number_input %}
{% if formViolations.getViolations("/phoneNumber") is not empty %}
{% set violationPath = "/phoneNumber" %}
{% elseif formViolations.getViolations("/#{prefix}/phoneNumber") is not empty %}
{% set violationPath = "/#{prefix}/phoneNumber" %}
{% endif %}
<input type="text"
class="col-sm-12 col-md-6 form-control {% if violationPath %} is-invalid{% endif %}"
id="{{ idPrefix ~ prefix }}AddressPhoneNumber"
placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
name="{{ prefix }}[phoneNumber]"
value="{{ data.get('phoneNumber') }}"
{{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
{% endblock %}
</div>
{% endblock %}
{% block component_account_register_personal_mail_label %}
<label class="h6 form-label"
for="personalMail">
{{ "account.personalMailLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_personal_mail_confirmation_label %}
<label class="h6 form-label"
for="personalMailConfirmation">
{{ "account.personalMailConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_personal_password_label %}
<label class="h6 form-label"
for="personalPassword">
{{ "account.personalPasswordLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_account_register_personal_password_confirmation_label %}
<label class="h6 form-label"
for="personalPasswordConfirmation">
{{ "account.personalPasswordConfirmationLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}