{% sw_extends '@Storefront/storefront/component/address/address-form.html.twig' %}
{% block component_address_form_additional_field1 %}
<div class="col-12 form-row country-and-state-form-elements" data-country-state-select="true">
{% if config('core.loginRegistration.showAdditionalAddressField1') %}
{% if formViolations.getViolations("/additionalAddressLine1") is not empty %}
{% set violationPath = "/additionalAddressLine1" %}
{% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine1") is not empty %}
{% set violationPath = "/#{prefix}/additionalAddressLine1" %}
{% endif %}
<div class="form-group col-md-4">
{% block component_address_form_additional_field1_label %}
{{ parent() }}
{% endblock %}
{% block component_address_form_additional_field1_input %}
{{ parent() }}
{% endblock %}
{% block component_address_form_additional_field1_error %}
{{ parent() }}
{% endblock %}
</div>
{% endif %}
{# moved content block component_address_form_country here for styling#}
<div class="form-group col-md-3 col-12">
{% set initialCountryId = null %}
{% if data.get('countryId') %}
{% set initialCountryId = data.get('countryId') %}
{% elseif page.countries|length == 1 %}
{% set initialCountryId = (page.countries|first).id %}
{% endif %}
{% if formViolations.getViolations("/countryId") is not empty %}
{% set violationPath = "/countryId" %}
{% elseif formViolations.getViolations("/#{prefix}/countryId") is not empty %}
{% set violationPath = "/#{prefix}/countryId" %}
{% endif %}
{% block component_address_form_country_label %}
{{ parent() }}
{% endblock %}
{% block component_address_form_country_select %}
<select class="country-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
id="{{ idPrefix ~ prefix }}AddressCountry"
name="{{ prefix }}[countryId]"
required="required"
data-initial-country-id="{{ initialCountryId }}">
{% if not initialCountryId %}
<option disabled="disabled"
value=""
selected="selected">
{{ "address.countryPlaceholder"|trans|sw_sanitize }}
</option>
{% endif %}
{% for country in page.countries %}
<option {% if country.id == initialCountryId %}
selected="selected"
{% endif %}
value="{{ country.id }}"
data-vat-id-required="{{ country.vatIdRequired }}"
{% if feature('FEATURE_NEXT_15707') and not country.shippingAvailable and disableNonShippableCountries %}
disabled="disabled"
{% endif %}>
{{ country.translated.name }}{% if feature('FEATURE_NEXT_15707') and showNoShippingPostfix and not country.shippingAvailable %} {{ "address.countryPostfixNoShipping"|trans|sw_sanitize }}{% endif %}
</option>
{% endfor %}
</select>
{% endblock %}
</div>
<div class="form-group col-md-5 col-12 d-none">
{% if formViolations.getViolations("/countryStateId") is not empty %}
{% set violationPath = "/countryStateId" %}
{% elseif formViolations.getViolations("/#{prefix}/countryStateId") is not empty %}
{% set violationPath = "/#{prefix}/countryStateId" %}
{% endif %}
{% block component_address_form_country_state_label %}
{{ parent() }}
{% endblock %}
{% block component_address_form_country_state_select %}
{{ parent() }}
{% endblock %}
{% block component_address_form_country_error %}
{{ parent() }}
{% endblock %}
</div>
</div>
{# end content block component_address_form_country #}
{% endblock %}
{% block component_address_form_country %}
{% endblock %}
{% block component_address_form_phone_number %}
{% if config('core.loginRegistration.showPhoneNumberField') %}
<div class="form-group col-md-6">
{% if formViolations.getViolations("/phoneNumber") is not empty %}
{% set violationPath = "/phoneNumber" %}
{% elseif formViolations.getViolations("/#{prefix}/phoneNumber") is not empty %}
{% set violationPath = "/#{prefix}/phoneNumber" %}
{% endif %}
{% block component_address_form_phone_number_label %}
<label class="form-label"
for="{{ idPrefix ~ prefix }}AddressPhoneNumber">
{{ "address.phoneNumberLabel"|trans|sw_sanitize }}{{ config('core.loginRegistration.phoneNumberFieldRequired') ? "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_form_phone_number_input %}
<input type="text"
class="form-control"
id="{{ idPrefix ~ prefix }}AddressPhoneNumber"
placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
name="{{ prefix }}[phoneNumber]"
value="{{ data.get('phoneNumber') }}"
{{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
{% endblock %}
{% block component_address_form_phone_error %}
{% if violationPath %}
{% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
{% endif %}
{% endblock %}
</div>
{# <div class="form-group col-md-6">
{% block component_address_form_handy_nummer_label %}
<label class="form-label"
for="{{ idPrefix ~ prefix }}AddressHandyNummer">
{{ "address.handyNummerLabel"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_form_handy_nummer_input %}
<input type="text"
class="form-control"
id="{{ idPrefix ~ prefix }}AddressHandyNummer"
placeholder="{{ "address.handyNummerPlaceholder"|trans|striptags }}"
name="{{ prefix }}[handyNummer]"
value="{{ data.get('handyNummer') }}"
>
{% endblock %}
</div> #}
{% endif %}
{% endblock %}