custom/plugins/Wingsacademy/src/Resources/views/storefront/component/address/address-form.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/address/address-form.html.twig' %}
  3. {% block component_address_form %}
  4.     {% block component_address_form_addressId %}
  5.         {% if data.get('id') %}
  6.             <input type="hidden"
  7.                    name="{{ prefix }}[id]"
  8.                    value="{{ data.get('id') }}">
  9.         {% endif %}
  10.     {% endblock %}
  12.     {# @deprecated tag:v6.5.0 - will be removed #}
  13.     {% if not feature('FEATURE_NEXT_15957') %}
  14.         {% set showVatIdField = false %}
  15.     {% endif %}
  17.     {% block component_address_form_company %}
  18.         {% if showFormCompany %}
  19.             {% if config('core.loginRegistration.showAccountTypeSelection') %}
  20.                 {% set accountTypeRequired = true %}
  21.             {% endif %}
  23.             {% if config('core.loginRegistration.showAccountTypeSelection') or prefix == "address" or prefix == "shippingAddress" or hasSelectedBusiness %}
  24.                 <div class="{% if prefix == "shippingAddress" or hasSelectedBusiness %}address-contact-type-company{% elseif prefix == "address" %}js-field-toggle-contact-type-company d-block{% else %}js-field-toggle-contact-type-company d-none{% endif %}">
  25.                     {% block component_address_form_company_fields %}
  26.                         <div class="{{ formRowClass }}">
  27.                             {% block component_address_form_company_name %}
  28.                                 <div class="form-group col-6">
  29.                                     {% if formViolations.getViolations("/company") is not empty %}
  30.                                         {% set violationPath = "/company" %}
  31.                                     {% elseif formViolations.getViolations("/#{prefix}/company") is not empty %}
  32.                                         {% set violationPath = "/#{prefix}/company" %}
  33.                                     {% endif %}
  35.                                     {% block component_address_form_company_name_label %}
  36.                                         <label class="form-label"
  37.                                                for="{{ idPrefix ~ prefix }}company">
  38.                                             {{ "address.companyNameLabel"|trans|sw_sanitize }}{% if prefix != "shippingAddress" and accountTypeRequired %}{{ "general.required"|trans|sw_sanitize }}{% endif %}
  39.                                         </label>
  40.                                     {% endblock %}
  42.                                     {% block component_address_form_company_name_input %}
  43.                                         <input type="text"
  44.                                                 class="form-control{% if violationPath %} is-invalid{% endif %} foobar"
  45.                                                 id="{{ idPrefix ~ prefix }}company"
  46.                                                 placeholder="{{ "address.companyNamePlaceholder"|trans|striptags }}"
  47.                                                 name="{{ prefix }}[company]"
  48.                                                 value="{{ data.get('company') }}"
  49.                                                required="required" 
  50.                                                oninvalid="this.setCustomValidity('Bitte füllen Sie dieses Feld aus.')" oninput="this.setCustomValidity('')">
  51.                                     {% endblock %}
  53.                                     {% block component_address_form_company_name_input_error %}
  54.                                         {% if violationPath %}
  55.                                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  56.                                         {% endif %}
  57.                                     {% endblock %}
  58.                                 </div>
  59.                             {% endblock %}
  61.                             {% block component_address_form_company_department %}
  62.                                 <div class="form-group col-md-6">
  63.                                     {% if formViolations.getViolations("/department") is not empty %}
  64.                                         {% set violationPath = "/department" %}
  65.                                     {% elseif formViolations.getViolations("/#{prefix}/department") is not empty %}
  66.                                         {% set violationPath = "/#{prefix}/department" %}
  67.                                     {% endif %}
  69.                                     {% block component_address_form_company_department_label %}
  70.                                         <label class="form-label"
  71.                                                for="{{ idPrefix ~ prefix }}department">
  72.                                             {{ "address.companyDepartmentLabel"|trans|sw_sanitize }}
  73.                                         </label>
  74.                                     {% endblock %}
  76.                                     {% block component_address_form_company_department_input %}
  77.                                         <input type="text"
  78.                                                class="form-control{% if violationPath %} is-invalid{% endif %}"
  79.                                                id="{{ idPrefix ~ prefix }}department"
  80.                                                placeholder="{{ "address.companyDepartmentPlaceholder"|trans|striptags }}"
  81.                                                name="{{ prefix }}[department]"
  82.                                                value="{{ data.get('department') }}">
  83.                                     {% endblock %}
  85.                                     {% block component_address_form_company_department_input_error %}
  86.                                         {% if violationPath %}
  87.                                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  88.                                         {% endif %}
  89.                                     {% endblock %}
  90.                                 </div>
  91.                             {% endblock %}
  93.                             {% block component_address_form_company_vatId %}
  94.                                 {% if not feature('FEATURE_NEXT_15957') and showVatIdField %}
  95.                                     <div class="form-group col-md-6">
  96.                                         {% if formViolations.getViolations("/vatId") is not empty %}
  97.                                             {% set violationPath = "/vatId" %}
  98.                                         {% elseif formViolations.getViolations("/#{prefix}/vatId") is not empty %}
  99.                                             {% set violationPath = "/#{prefix}/vatId" %}
  100.                                         {% endif %}
  102.                                         {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  103.                                         {% block component_address_form_company_vatId_label %}
  104.                                             <label class="form-label"
  105.                                                    for="{{ idPrefix ~ prefix }}vatId">
  106.                                                 {{ "address.companyVatLabel"|trans|sw_sanitize }}
  107.                                             </label>
  108.                                         {% endblock %}
  109.                                         
  110.                                         {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  111.                                         {% block component_address_form_company_vatId_input %}
  112.                                             <input type="text"
  113.                                                    class="form-control{% if violationPath %} is-invalid{% endif %}"
  114.                                                    id="{{ idPrefix ~ prefix }}vatId"
  115.                                                    placeholder="{{ "address.companyVatPlaceholder"|trans|striptags }}"
  116.                                                    name="{{ prefix }}[vatId]"
  117.                                                    value="{{ data.get('vatId') }}">
  118.                                         {% endblock %}
  120.                                         {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  121.                                         {% block component_address_form_company_vatId_input_error %}
  122.                                             {% if violationPath %}
  123.                                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  124.                                             {% endif %}
  125.                                         {% endblock %}
  126.                                     </div>
  128.                                 {% elseif feature('FEATURE_NEXT_15957') and prefix == 'address' and showVatIdField %}
  129.                                     <div class="form-group col-md-6">
  130.                                         {% sw_include '@Storefront/storefront/component/address/address-personal-vat-id.html.twig' with {
  131.                                             'vatIds': context.customer.vatIds
  132.                                         } %}
  133.                                     </div>
  134.                                 {% endif %}
  135.                             {% endblock %}
  136.                         </div>
  137.                     {% endblock %}
  138.                 </div>
  139.             {% endif %}
  140.         {% endif %}
  141.     {% endblock %}
  143.     {% block component_address_form_address_fields %}
  145.         <div class="{{ formRowClass }}">
  146.             {% block component_address_form_street %}
  147.            
  148.                 <div class="form-group col-md-6">
  149.                     {% if formViolations.getViolations("/street") is not empty %}
  150.                         {% set violationPath = "/street" %}
  151.                     {% elseif formViolations.getViolations("/#{prefix}/street") is not empty %}
  152.                         {% set violationPath = "/#{prefix}/street" %}
  153.                     {% else %}
  154.                         {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.streetLabel"|trans|sw_sanitize }) %}
  155.                     {% endif %}
  157.                     {% block component_address_form_street_label %}
  158.                         <label class="form-label"
  159.                                for="{{ idPrefix ~ prefix }}AddressStreet">
  160.                             {{ "address.streetLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  161.                         </label>
  162.                     {% endblock %}
  164.                     {% block component_address_form_street_input %}
  165.                         <input type="text"
  166.                                class="form-control{% if violationPath %} is-invalid{% endif %}"
  167.                                id="{{ idPrefix ~ prefix }}AddressStreet"
  168.                                placeholder="{{ "address.streetPlaceholder"|trans|striptags }}"
  169.                                 {% if isCustomInput %}
  170.                                     name="{{ prefix }}[customFields][custom_adress_street]"
  171.                                     value="{{ data.get('customFields')['custom_adress_street'] }}"
  172.                                     data-form-custom-field-exists="true"
  173.                                 {% else %}
  174.                                     name="{{ prefix }}[street]" 
  175.                                     value="{{ data.get('street') }}"
  176.                                 {% endif %}
  177.                                data-form-validation-required
  178.                                {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  179.                                required="required" oninvalid="this.setCustomValidity('Bitte füllen Sie dieses Feld aus.')" oninput="this.setCustomValidity('')">
  180.                     {% endblock %}
  182.                     {% block component_address_form_street_input_error %}
  183.                         {% if violationPath %}
  184.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  185.                         {% endif %}
  186.                     {% endblock %}
  187.                 </div>
  188.             {% endblock %}
  190.             {% block component_address_form_additional_field1 %}
  191.                 {% if config('core.loginRegistration.showAdditionalAddressField1') %}
  192.                     {% if formViolations.getViolations("/additionalAddressLine1") is not empty %}
  193.                         {% set violationPath = "/additionalAddressLine1" %}
  194.                     {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine1") is not empty %}
  195.                         {% set violationPath = "/#{prefix}/additionalAddressLine1" %}
  196.                     {% endif %}
  198.                     <div class="form-group col-md-6">
  199.                         {% block component_address_form_additional_field1_label %}
  200.                             <label class="form-label"
  201.                                    for="{{ idPrefix ~ prefix }}AdditionalField1">
  202.                                 {{ "address.additionalField1Label"|trans|sw_sanitize }}{{ config('core.loginRegistration.additionalAddressField1Required') ? "general.required"|trans|sw_sanitize }}
  203.                             </label>
  204.                         {% endblock %}
  206.                         {% block component_address_form_additional_field1_input %}
  207.                             <input type="text"
  208.                                    class="form-control {% if violationPath %} is-invalid{% endif %}"
  209.                                    id="{{ idPrefix ~ prefix }}AdditionalField1"
  210.                                    placeholder="{{ "address.additionalField1Placeholder"|trans|striptags }}"
  211.                                    {% if isCustomInput %}
  212.                                         name="{{ prefix }}[customFields][custom_adress_additionalAddressLine1]"
  213.                                         value="{{ data.get('customFields')['custom_adress_additionalAddressLine1'] }}"
  214.                                         data-form-custom-field-exists="true"
  215.                                     {% else %}
  216.                                         name="{{ prefix }}[additionalAddressLine1]"
  217.                                         value="{{ data.get('additionalAddressLine1') }}"
  218.                                     {% endif %}
  219.                                     {{ config('core.loginRegistration.additionalAddressField1Required') ? 'required="true"' }}>
  220.                         {% endblock %}
  222.                         {% block component_address_form_additional_field1_error %}
  223.                             {% if violationPath %}
  224.                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  225.                             {% endif %}
  226.                         {% endblock %}
  227.                     </div>
  228.                 {% endif %}
  229.             {% endblock %}
  231.             {% block component_address_form_zipcode_city %}
  232.                 {% set zipcodeField %}
  233.                 {% set zipcodeValue = formViolations.getInputData()['zipcode'] ?? data.get('zipcode') %}
  234.                     {% if formViolations.getViolations("/zipcode") is not empty %}
  235.                         {% set violationPath = "/zipcode" %}
  236.                     {% elseif formViolations.getViolations("/#{prefix}/zipcode") is not empty %}
  237.                         {% set violationPath = "/#{prefix}/zipcode" %}
  238.                     {% else %}
  239.                         {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.zipcodeLabel"|trans|sw_sanitize }) %}
  240.                     {% endif %}
  242.                     {% block component_address_form_zipcode_label %}
  243.                         <label class="form-label"
  244.                                for="{{ idPrefix ~ prefix }}AddressZipcode">
  245.                             {{ "address.zipcodeLabel"|trans|sw_sanitize }}<span {% if feature('v6.5.0.0') %}class="d-none"{% endif %} id="zipcodeLabel">{{ "general.required"|trans|sw_sanitize }}</span>
  246.                         </label>
  247.                     {% endblock %}
  249.                     {% block component_address_form_zipcode_input %}
  250.                         <input type="text"
  251.                                class="form-control{% if violationPath %} is-invalid{% endif %}"
  252.                                id="{{ idPrefix ~ prefix }}AddressZipcode"
  253.                                placeholder="{{ "address.zipcodePlaceholder"|trans|striptags }}"
  254.                                 {% if isCustomInput %}
  255.                                     name="{{ prefix }}[customFields][custom_adress_plz]"
  256.                                     value="{{ data.get('customFields')['custom_adress_plz'] }}"
  257.                                     data-form-custom-field-exists="true"
  258.                                 {% else %}
  259.                                     name="{{ prefix }}[zipcode]"
  260.                                     value="{{ zipcodeValue }}"
  261.                                 {% endif %}
  262.                                data-input-name="zipcodeInput"
  263.                                {% if not feature('v6.5.0.0') %}required="required" oninvalid="this.setCustomValidity('Bitte füllen Sie dieses Feld aus.')" oninput="this.setCustomValidity('')"{% endif %}
  264.                         >
  265.                     {% endblock %}
  267.                     {% block component_address_form_zipcode_error %}
  268.                         {% if violationPath %}
  269.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  270.                         {% endif %}
  271.                     {% endblock %}
  272.                 {% endset %}
  274.                 {% set cityField %}
  275.                     {% if formViolations.getViolations("/city") is not empty %}
  276.                         {% set violationPath = "/city" %}
  277.                     {% elseif formViolations.getViolations("/#{prefix}/city") is not empty %}
  278.                         {% set violationPath = "/#{prefix}/city" %}
  279.                     {% else %}
  280.                         {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.cityLabel"|trans|sw_sanitize }) %}
  281.                         {% set violationPath = null %}
  282.                     {% endif %}
  284.                     {% block component_address_form_city_label %}
  285.                         <label class="form-label"
  286.                                for="{{ idPrefix ~ prefix }}AddressCity">
  287.                             {{ "address.cityLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  288.                         </label>
  289.                     {% endblock %}
  291.                     {% block component_address_form_city_input %}
  292.                         <input type="text"
  293.                                class="form-control{% if violationPath %} is-invalid{% endif %}"
  294.                                id="{{ idPrefix ~ prefix }}AddressCity"
  295.                                placeholder="{{ "address.cityPlaceholder"|trans|striptags }}"
  296.                                {% if isCustomInput %}
  297.                                     name="{{ prefix }}[customFields][custom_adress_city]"
  298.                                     value="{{ data.get('customFields')['custom_adress_city'] }}"
  299.                                     data-form-custom-field-exists="true"
  300.                                 {% else %}
  301.                                     name="{{ prefix }}[city]"
  302.                                     value="{{ data.get('city') }}"
  303.                                 {% endif %}
  304.                                data-form-validation-required
  305.                                {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  306.                                required="required"
  307.                                oninvalid="this.setCustomValidity('Bitte füllen Sie dieses Feld aus.')" oninput="this.setCustomValidity('')"
  308.                                >
  309.                                
  310.                     {% endblock %}
  312.                     {% block component_address_form_city_error %}
  313.                         {% if violationPath %}
  314.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  315.                         {% endif %}
  316.                     {% endblock %}
  317.                 {% endset %}
  319.                 {% if config('core.address.showZipcodeInFrontOfCity') %}
  320.                     <div class="form-group col-md-2 col-4">
  321.                         {{ zipcodeField }}
  322.                     </div>
  324.                     <div class="form-group col-md-4 col-8">
  325.                         {{ cityField }}
  326.                     </div>
  327.                 {% else %}
  328.                     <div class="form-group col-md-4 col-8">
  329.                         {{ cityField }}
  330.                     </div>
  332.                     <div class="form-group col-md-2 col-4">
  333.                         {{ zipcodeField }}
  334.                     </div>
  335.                 {% endif %}
  336.             {% endblock %}
  338.             {% block component_address_form_country %}
  339.                 <div class="form-group col-md-6">
  340.                     {% set initialCountryId = null %}
  342.                     {% if data.get('countryId') %}
  343.                         {% set initialCountryId = data.get('countryId') %}
  344.                     {% elseif page.countries|length == 1 %}
  345.                         {% set initialCountryId = (page.countries|first).id %}
  346.                     {% endif %}
  347.                     {% if isCustomInput %}
  348.                         {% set initialCountryId = data.get('customFields')['custom_adress_countryId']  %}
  349.                     {% endif %}
  351.                     {% if formViolations.getViolations("/countryId") is not empty %}
  352.                         {% set violationPath = "/countryId" %}
  353.                     {% elseif formViolations.getViolations("/#{prefix}/countryId") is not empty %}
  354.                         {% set violationPath = "/#{prefix}/countryId" %}
  355.                     {% endif %}
  357.                     {% block component_address_form_country_label %}
  358.                         <label class="form-label"
  359.                                 for="{{ idPrefix ~ prefix }}AddressCountry">
  360.                             {{ "address.countryLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  361.                         </label>
  362.                     {% endblock %}
  363.                     {% block component_address_form_country_select %}
  364.                         {% set countrySelectionJsClass =  isCustomInput ? 'js-custom-country-select' : 'js-country-select' %}
  365.                         <select class="{{ countrySelectionJsClass }} country-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
  366.                                 id="{{ idPrefix ~ prefix }}AddressCountry"
  367.                                 {# name="{{ prefix }}[countryId]" #}
  368.                                 {% if isCustomInput %}
  369.                                     name="{{ prefix }}[customFields][custom_adress_countryId]"
  370.                                     data-form-custom-field-exists="true"
  371.                                 {% else %}
  372.                                     name="{{ prefix }}[countryId]"
  373.                                 {% endif %}
  374.                                 required="required"
  375.                                 oninvalid="this.setCustomValidity('Bitte wählen Sie einen Eintrag in der Liste.')" oninput="this.setCustomValidity('')"
  376.                                 data-initial-country-id="{{ initialCountryId }}">
  377.                             {% if not initialCountryId %}
  378.                                 <option disabled="disabled"
  379.                                         value=""
  380.                                         selected="selected">
  381.                                     {{ "address.countryPlaceholder"|trans|sw_sanitize }}
  382.                                 </option>
  383.                             {% endif %}
  385.                             {% for country in page.countries %}
  386.                                 <option {% if country.id == initialCountryId %}
  387.                                         selected="selected"
  388.                                         {% endif %}
  389.                                         {% if isCustomInput %}
  390.                                             value="{{ country.id }}"
  391.                                             data-vat-id-required="{{ country.vatIdRequired }}"
  392.                                             data-custom-vat-id-required="{{ country.vatIdRequired }}"
  393.                                         {% else %}
  394.                                             value="{{ country.id }}"
  395.                                             data-vat-id-required="{{ country.vatIdRequired }}"
  396.                                             data-custom-vat-id-required="0"
  397.                                         {% endif %}
  398.                                         {# data-vat-id-required="{{ country.vatIdRequired }}" #}
  399.                                         data-state-required="false"
  400.                                         {# data-state-required="{{ country.forceStateInRegistration }}" #}>
  401.                                         {% if feature('FEATURE_NEXT_15707') and  not country.shippingAvailable and disableNonShippableCountries %}
  402.                                             disabled="disabled"
  403.                                         {% endif %}
  404.                                     {{ country.translated.name }}{% if feature('FEATURE_NEXT_15707') and showNoShippingPostfix and not country.shippingAvailable %} {{ "address.countryPostfixNoShipping"|trans|sw_sanitize }}{% endif %}
  405.                                 </option>
  406.                             {% endfor %}
  407.                         </select>
  408.                     {% endblock %}
  409.                 </div>
  411.                 <div class="form-group col-md-6  d-none country-state-select-container">
  412.                     {% if formViolations.getViolations("/countryStateId") is not empty %}
  413.                         {% set violationPath = "/countryStateId" %}
  414.                     {% elseif formViolations.getViolations("/#{prefix}/countryStateId") is not empty %}
  415.                         {% set violationPath = "/#{prefix}/countryStateId" %}
  416.                     {% endif %}
  418.                     {% block component_address_form_country_state_label %}
  419.                         <label class="form-label"
  420.                                 for="{{ idPrefix ~ prefix }}AddressCountryState">
  421.                             {{ "address.countryStateLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  422.                         </label>
  423.                     {% endblock %}
  424.                     {% block component_address_form_country_state_select %}
  425.                         <select class="country-state-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %} js-country-state-select"
  426.                                 id="{{ idPrefix ~ prefix }}AddressCountryState"
  427.                                 name="{{ prefix }}[countryStateId]"
  428.                                 data-initial-country-state-id="{{ data.get('countryStateId') }}">
  429.                             <option value=""
  430.                                     selected="selected"
  431.                                     data-placeholder-option="true">
  432.                                 {{ "address.countryStatePlaceholder"|trans|sw_sanitize }}
  433.                             </option>
  434.                         </select>
  435.                     {% endblock %}
  437.                     {% block component_address_form_country_error %}
  438.                         {% if violationPath %}
  439.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  440.                         {% endif %}
  441.                     {% endblock %}
  442.                 </div>
  443.             {% endblock %}
  445.             {% block component_address_form_additional_field2 %}
  446.                 {% if config('core.loginRegistration.showAdditionalAddressField2') %}
  447.                     {% if formViolations.getViolations("/additionalAddressLine2") is not empty %}
  448.                         {% set violationPath = "/additionalAddressLine2" %}
  449.                     {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine2") is not empty %}
  450.                         {% set violationPath = "/#{prefix}/additionalAddressLine2" %}
  451.                     {% endif %}
  452.                     <div class="form-group col-md-6">
  453.                         {% block component_address_form_additional_field2_label %}
  454.                             <label class="form-label"
  455.                                    for="{{ idPrefix ~ prefix }}AdditionalField2">
  456.                                 {{ "address.additionalField2Label"|trans|sw_sanitize }}{{ config('core.loginRegistration.additionalAddressField2Required') ? "general.required"|trans|sw_sanitize }}
  457.                             </label>
  458.                         {% endblock %}
  460.                         {% block component_address_form_additional_field2_input %}
  461.                             <input type="text"
  462.                                    class="form-control {% if violationPath %} is-invalid{% endif %}"
  463.                                    id="{{ idPrefix ~ prefix }}AdditionalField2"
  464.                                    placeholder="{{ "address.additionalField2Placeholder"|trans|striptags }}"
  465.                                    {% if isCustomInput %}
  466.                                         name="{{ prefix }}[custom_additionalAddressLine2]"
  467.                                         value="{{ data.get('custom_additionalAddressLine2') }}"
  468.                                         data-form-custom-field-exists="true"
  469.                                     {% else %}
  470.                                         name="{{ prefix }}[additionalAddressLine2]"
  471.                                         value="{{ data.get('additionalAddressLine2') }}"
  472.                                     {% endif %}
  473.                                     {{ config('core.loginRegistration.additionalAddressField2Required') ? 'required="true"' }}>
  474.                         {% endblock %}
  476.                         {% block component_address_form_additional_field2_error %}
  477.                             {% if violationPath %}
  478.                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  479.                             {% endif %}
  480.                         {% endblock %}
  481.                     </div>
  482.                 {% endif %}
  483.             {% endblock %}
  484.         </div>
  486.         {# <div class="{{ formRowClass }} country-and-state-form-elements" data-country-state-select="true">
  487.         </div> #}
  489.         <div class="{{ formRowClass }}">
  490.             {% block component_address_form_phone_number %}
  491.                 {% if config('core.loginRegistration.showPhoneNumberField') %}
  492.                     <div class="form-group col-md-6">
  493.                         {% if formViolations.getViolations("/phoneNumber") is not empty %}
  494.                             {% set violationPath = "/phoneNumber" %}
  495.                         {% elseif formViolations.getViolations("/#{prefix}/phoneNumber") is not empty %}
  496.                             {% set violationPath = "/#{prefix}/phoneNumber" %}
  497.                         {% endif %}
  499.                         {% block component_address_form_phone_number_label %}
  500.                             <label class="form-label"
  501.                                    for="{{ idPrefix ~ prefix }}AddressPhoneNumber">
  502.                                 {{ "address.phoneNumberLabel"|trans|sw_sanitize }}{{ config('core.loginRegistration.phoneNumberFieldRequired') ? "general.required"|trans|sw_sanitize }}
  503.                             </label>
  504.                         {% endblock %}
  506.                         {% block component_address_form_phone_number_input %}
  507.                             <input type="text"
  508.                                    class="form-control"
  509.                                    id="{{ idPrefix ~ prefix }}AddressPhoneNumber"
  510.                                    placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
  511.                                    {% if isCustomInput %}
  512.                                         name="{{ prefix }}[customFields][custom_adress_number]"
  513.                                         value="{{ data.get('customFields')['custom_adress_number'] }}"
  514.                                         data-form-custom-field-exists="true"
  515.                                     {% else %}
  516.                                         name="{{ prefix }}[phoneNumber]"
  517.                                         value="{{ data.get('phoneNumber') }}"
  518.                                     {% endif %}
  519.                                 {{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
  520.                         {% endblock %}
  522.                         {% block component_address_form_phone_error %}
  523.                             {% if violationPath %}
  524.                                 {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  525.                             {% endif %}
  526.                         {% endblock %}
  527.                     </div>
  528.                     <div class="form-group col-md-6">
  529.                             <label class="form-label"
  530.                                    for="{{ idPrefix ~ prefix }}AddressMobilePhoneNumber">
  531.                                 {{ "address.mobilePhoneNumberLabel"|trans|sw_sanitize }}
  532.                             </label>
  534.                             <input type="text"
  535.                                 class="form-control"
  536.                                 id="{{ idPrefix ~ prefix }}AddressMobilePhoneNumber"
  537.                                 placeholder="{{ "address.mobilePhoneNumberPlaceholder"|trans|striptags }}"
  538.                                 {% if 
  539.                                     (isCustomInput and prefix == "billingAddress") or 
  540.                                     (isCustomInput and prefix == "address") or 
  541.                                     (isCustomInput != true and prefix == "shippingAddress" ) or 
  542.                                     (isCustomInput != true and  prefix == "address" and idPrefix == "shipping-") 
  543.                                 %}
  544.                                     name="{{ prefix }}[customFields][custom_adress_mobile_phone_billing]"
  545.                                     value="{{ data.get('customFields')['custom_adress_mobile_phone_billing'] }}"
  546.                                     data-form-custom-field-exists="true"
  547.                                 {% elseif (isCustomInput != true and  prefix == "billingAddress") or (isCustomInput != true and  prefix == "address") %}
  548.                                     name="{{ prefix }}[customFields][custom_adress_mobile_phone_registration]"
  549.                                     value="{{ data.get('customFields')['custom_adress_mobile_phone_registration'] }}"
  550.                                     data-form-custom-field-exists="true"
  551.                                 {% else %}
  552.                                     name="{{ prefix }}[customFields][custom_adress_mobile_phone_registration]"
  553.                                     value="{{ data.get('customFields')['custom_adress_mobile_phone_registration'] }}"
  554.                                     data-form-custom-field-exists="true"
  555.                                 {% endif %}
  556.                             >
  557.                     </div>
  558.                 {% endif %}
  559.             {% endblock %}
  560.         </div>
  561.          {% if hideEmailField != "hide" %}
  562.                 <div class="form-group">
  563.                     
  565.                     {% block component_address_form_email_label %}
  566.                         {% if prefix == "shippingAddress" %}
  567.                             <label class="form-label"
  568.                                     for="{{ prefix }}AddressEmail">
  569.                                 Versand-E-Mail-Adresse{{ "general.required"|trans|sw_sanitize }}
  570.                             </label>
  571.                         {% else %}
  572.                             <label class="form-label"
  573.                                     for="{{ prefix }}AddressEmail">
  574.                                 {% if isCustomInput %}
  575.                                     {{ "account.address.customEmailFieldLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  576.                                 {% else %}
  577.                                     {{ "account.address.abweichendeEmailfürRechnungLabel"|trans|sw_sanitize }}
  578.                                 {% endif %}
  579.                             </label>
  580.                         {% endif %}
  581.                     {% endblock %}
  583.                     {% block component_address_form_email_input %}
  584.                         <input type="text"
  585.                                 class="form-control"
  586.                                 id="{{ prefix }}AddressEmail"
  587.                                 placeholder="{{ "account.personalMailPlaceholder"|trans|sw_sanitize }}"
  588.                                 {% if isCustomInput %}
  589.                                     name="{{ prefix }}[customFields][custom_adress_invoiceEmail]"
  590.                                     value="{{ data.get('customFields')['custom_adress_invoiceEmail'] }}"
  591.                                     data-form-custom-field-exists="true"
  592.                                 {% else %}
  593.                                     name="{{ prefix }}[AddressEmail]"
  594.                                     value="{{ data.get('customFields')['custom_adress_email'] }}"
  595.                                 {% endif %}
  596.                                 {% if isCustomInput || prefix == "shippingAddress" %}required="required" onblur="validateCustomEmail(this)" oninvalid="this.setCustomValidity('Bitte füllen Sie dieses Feld aus.')" oninput="this.setCustomValidity('')" {% endif %}
  597.                                 data-form-validation-required
  598.                                 {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}>
  599.                     {% endblock %}
  601.                     {% block component_address_form_email_input_error %}
  602.                         
  603.                     {% endblock %}
  604.                 </div>
  605.             {% endif %}
  606.     {% endblock %}
  607. {% endblock %}