{% sw_extends '@Parent/storefront/component/address/address-form.html.twig' %}
{% block component_address_form_address_fields %}
{% set otherPluginActive = false %}
{% if premsOnePageCheckout and premsOnePageCheckout.useOnePageCheckout == true %}
{% do premsOnePageCheckout.setUseOnePageCheckout(false) %}
{% set otherPluginActive = true %}
{% endif %}
{{ parent() }}
{% endblock %}
{% block component_address_form_street %}
{% if config('FourtwosixSeparateStreetAndNumber.config.active') %}
{% if premsOnePageCheckout %}
{% do premsOnePageCheckout.setUseOnePageCheckout(true) %}
{% endif %}
<div class="form-group {% if otherPluginActive %}col-md-8 col-8{% else %}col-md-4 col-8{% endif %}"
data-fts-separate-street="true"
data-fts-separate-street-options='{"inputId" : "#{{ prefix }}AddressStreet"}'>
{% if formViolations.getViolations("/street") is not empty %}
{% set violationPath = "/street" %}
{% elseif formViolations.getViolations("/#{prefix}/street") is not empty %}
{% set violationPath = "/#{prefix}/street" %}
{% endif %}
{% block component_address_form_street_label %}
<label class="form-label"
for="{{ prefix }}AddressStreet">
{{ "ftsSeparateStreet.streetLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_form_street_input %}
<input type="text"
{% if config('FourtwosixSeparateStreetAndNumber.config.turnOffAutoCompleteStreet') == true %}autocomplete="off"{% endif %}
class="form-control{% if violationPath %} is-invalid{% endif %}"
id="{{ prefix }}AddressStreet"
placeholder="{{ "ftsSeparateStreet.streetPlaceholder"|trans|striptags }}"
name="{{ prefix }}[street]"
{% if data.get('customFields')['fts_separate_street_address_street'] %}
value="{{ data.get('customFields')['fts_separate_street_address_street'] }}"
{% else %}
value="{{ data.get('street') }}"
{% endif %}
required="required">
{% endblock %}
{% block component_address_form_street_input_error %}
{{ parent() }}
{% endblock %}
</div>
<div class="form-group {% if otherPluginActive %}col-md-4 col-4{% else %}col-md-2 col-4{% endif %}"
data-fts-separate-street="true"
data-fts-separate-street-options='{"inputId" : "#{{ prefix }}AddressHouseNumber"}'>
{% if formViolations.getViolations("/houseNumber") is not empty %}
{% set violationPath = "/houseNumber" %}
{% elseif formViolations.getViolations("/#{prefix}/houseNumber") is not empty %}
{% set violationPath = "/#{prefix}/houseNumber" %}
{% endif %}
{% block component_address_form_house_number_label %}
<label class="form-label"
for="{{ prefix }}AddressHouseNumber">
{{ "ftsSeparateStreet.houseNumberLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
</label>
{% endblock %}
{% block component_address_form_house_number_input %}
<input type="text"
{% if config('FourtwosixSeparateStreetAndNumber.config.turnOffAutoCompleteHouseNumber') == true %}autocomplete="off"{% endif %}
class="form-control{% if violationPath %} is-invalid{% endif %}"
id="{{ prefix }}AddressHouseNumber"
placeholder="{{ "ftsSeparateStreet.houseNumberPlaceholder"|trans|striptags }}"
name="{{ prefix }}[houseNumber]"
{% if data.get('customFields')['fts_separate_street_address_house_number'] %}
value="{{ data.get('customFields')['fts_separate_street_address_house_number'] }}"
{% elseif data.has('houseNumber') %}
value="{{ data.get('houseNumber') }}"
{% endif %}
required="required">
{% endblock %}
{% block component_address_form_house_number_input_error %}
{% if violationPath %}
{% sw_include '@Storefront/storefront/component/address/house-number-form-violation.html.twig' %}
{% endif %}
{% endblock %}
</div>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}