{% sw_extends '@Storefront/storefront/component/address/address-form.html.twig' %}

{%  set showAdditionalFields = prefix == 'shippingAddress' or typePrefix == 'shipping-' %}

{% block component_address_form_additional_field1 %}
    {{ parent() }}

    {% if (not config('core.loginRegistration.showAdditionalAddressField1') and showAdditionalFields) %}
        <div
            class="form-group col-md-6 js-form-field-toggle-dhl-shipping-address{% if areaScope %}-{{ areaScope }}{% endif%} d-none">
            <label class="form-label"
                   for="{{ idPrefix ~ prefix }}AdditionalField1">
                {{ "address.additionalField1Label"|trans|sw_sanitize }}
            </label>
            <input type="text"
                   class="form-control"
                   id="{{ idPrefix ~ prefix }}AdditionalField1"
                   placeholder="{{ "address.additionalField1Placeholder"|trans|striptags }}"
                   name="{{ prefix }}[additionalAddressLine1]"
                   value="{{ data.get('additionalAddressLine1') }}">
        </div>
    {% endif %}
{% endblock %}

{% block component_address_form_additional_field2 %}
    {{ parent() }}

    {% if (not config('core.loginRegistration.showAdditionalAddressField2') and showAdditionalFields) %}
        <div
            class="form-group col-md-6 js-form-field-toggle-dhl-shipping-address{% if areaScope %}-{{ areaScope }}{% endif%} d-none">
            <label class="form-label"
                   for="{{ idPrefix ~ prefix }}AdditionalField2">
                {{ "address.additionalField2Label"|trans|sw_sanitize }}
            </label>

            <input type="text"
                   class="form-control"
                   id="{{ idPrefix ~ prefix }}AdditionalField2"
                   placeholder="{{ "address.additionalField2Placeholder"|trans|striptags }}"
                   name="{{ prefix }}[additionalAddressLine2]"
                   value="{{ data.get('additionalAddressLine2') }}"}}>
        </div>
    {% endif %}
{% endblock %}