{% extends '@Storefront/storefront/component/address/address-personal.html.twig' %}
{# Hide and/or display salutation-field #}
{% block component_address_personal_fields_salutation_title %}
<div class="form-row">
{% if theme_config('accountSettingsLayoutDisplaySalutation') %}
{% block component_address_personal_fields_salutation %}
{{ parent() }}
{% endblock %}
{% else %}
{% for salutation in page.salutations %}
{% if('not_specified' in salutation.salutationKey or 'niet_ingevuld' in salutation.salutationKey) %}
{% set notSpecifiedSelectionId = salutation.id %}
<input
type="hidden"
name="{% if prefix %}{{ prefix }}[salutationId]{% else %}salutationId{% endif %}"
value="{{ notSpecifiedSelectionId }}"/>
{% endif %}
{% endfor %}
{% endif %}
{% block component_address_personal_fields_title %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block component_address_personal_fields_first_name_label %}
<label class="h6 form-label"
for="{{ idPrefix ~ prefix }}personalFirstName">
{{ "account.personalFirstNameLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_personal_fields_last_name_label %}
<label class="h6 form-label"
for="{{ idPrefix ~ prefix }}personalLastName">
{{ "account.personalLastNameLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}