custom/static-plugins/checkout/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" %}
  4. {% block component_address_form_address_fields %}
  5.     <div class="form-row">
  6.         {% block component_address_form_street %}
  7.             <div class="form-row m-0 p-0 form-street-input col-12">
  8.                 {{ parent() }}
  9.             </div>
  10.         {% endblock %}
  12.         {% block component_address_form_zipcode_city %}
  13.             <div class="form-row m-0 p-0 form-zipcode-city-input col-12">
  14.                 {{ parent() }}
  15.             </div>
  16.         {% endblock %}
  18.         {% block component_address_form_additional_field1 %}
  19.             {% if config('core.loginRegistration.showAdditionalAddressField1') %}
  20.                 {% if formViolations.getViolations("/additionalAddressLine1") is not empty %}
  21.                     {% set violationPath = "/additionalAddressLine1" %}
  22.                 {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine1") is not empty %}
  23.                     {% set violationPath = "/#{prefix}/additionalAddressLine1" %}
  24.                 {% endif %}
  26.                 <div class="form-group col-12">
  27.                     {{ block('component_address_form_additional_field1_label') }}
  28.                     {{ block('component_address_form_additional_field1_input') }}
  29.                     {{ block('component_address_form_additional_field1_error') }}
  30.                 </div>
  31.             {% endif %}
  32.         {% endblock %}
  34.         {% block component_address_form_additional_field2 %}
  35.             {% if config('core.loginRegistration.showAdditionalAddressField2') %}
  37.                 {% if formViolations.getViolations("/additionalAddressLine2") is not empty %}
  38.                     {% set violationPath = "/additionalAddressLine2" %}
  39.                 {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine2") is not empty %}
  40.                     {% set violationPath = "/#{prefix}/additionalAddressLine2" %}
  41.                 {% endif %}
  43.                 <div class="form-group col-12">
  44.                     {{ block('component_address_form_additional_field2_label') }}
  45.                     {{ block('component_address_form_additional_field2_input') }}
  46.                     {{ block('component_address_form_additional_field2_error') }}
  47.                 </div>
  48.             {% endif %}
  49.         {% endblock %}
  50.     </div>
  52.     <div class="form-row country-and-state-form-elements" data-country-state-select="true">
  53.         {% block component_address_form_country %}
  54.             <div class="form-group col-6">
  55.                 {% set initialCountryId = null %}
  57.                 {% if 'billing' in prefix %}
  58.                     {% set initialCountryId = context.salesChannel.countryId %}
  59.                 {% endif %}
  61.                 {% if data.get('countryId') %}
  62.                     {% set initialCountryId = data.get('countryId') %}
  63.                 {% endif %}
  65.                 {% if formViolations.getViolations("/countryId") is not empty %}
  66.                     {% set violationPath = "/countryId" %}
  67.                 {% elseif formViolations.getViolations("/#{prefix}/countryId") is not empty %}
  68.                     {% set violationPath = "/#{prefix}/countryId" %}
  69.                 {% endif %}
  71.                 {% block component_address_form_country_label %}
  72.                     <label class="form-label active input-valid"
  73.                            for="{{ prefix }}AddressCountry">
  74.                         {{ "address.countryLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  75.                     </label>
  76.                 {% endblock %}
  78.                 {% block component_address_form_country_select %}
  79.                     <select class="country-select custom-select{% if violationPath %} is-invalid{% endif %} input-valid"
  80.                             id="{{ prefix }}AddressCountry"
  81.                             name="{{ prefix }}[countryId]"
  82.                             required="required"
  83.                             data-initial-country-id="{{ initialCountryId }}">
  84.                         {% if not initialCountryId %}
  85.                             <option disabled="disabled"
  86.                                     value=""
  87.                                     selected="selected">
  88.                                 {{ "address.countryPlaceholder"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  89.                             </option>
  90.                         {% endif %}
  91.                         {% for country in page.countries %}
  92.                             <option {% if country.id == initialCountryId %}
  93.                                 selected="selected"
  94.                             {% endif %}
  95.                                 value="{{ country.id }}"
  96.                                 {% if feature('FEATURE_NEXT_14114') %}
  97.                                 data-vat-id-required="{{ country.vatIdRequired }}"
  98.                                 {% endif %}
  99.                                 {% if feature('FEATURE_NEXT_15707') and  not country.shippingAvailable and disableNonShippableCountries %}
  100.                                 disabled="disabled"
  101.                                 {% endif %}>
  102.                                 {{ country.translated.name }}{% if feature('FEATURE_NEXT_15707') and showNoShippingPostfix and not country.shippingAvailable %} {{ "address.countryPostfixNoShipping"|trans|sw_sanitize }}{% endif %}
  103.                             </option>
  104.                         {% endfor %}
  105.                     </select>
  106.                 {% endblock %}
  107.             </div>
  109.             <div class="form-group col-md-6 d-none">
  110.                 {% if formViolations.getViolations("/countryStateId") is not empty %}
  111.                     {% set violationPath = "/countryStateId" %}
  112.                 {% elseif formViolations.getViolations("/#{prefix}/countryStateId") is not empty %}
  113.                     {% set violationPath = "/#{prefix}/countryStateId" %}
  114.                 {% endif %}
  116.                 {{ block('component_address_form_country_state_label') }}
  118.                 {{ block('component_address_form_country_state_select') }}
  120.                 {{ block('component_address_form_country_error') }}
  121.             </div>
  122.         {% endblock %}
  124.         {% block component_address_form_phone_number %}
  125.             {% if config('core.loginRegistration.showPhoneNumberField') %}
  126.                 <div class="form-group col-6">
  127.                     {% if formViolations.getViolations("/phoneNumber") is not empty %}
  128.                         {% set violationPath = "/phoneNumber" %}
  129.                     {% elseif formViolations.getViolations("/#{prefix}/phoneNumber") is not empty %}
  130.                         {% set violationPath = "/#{prefix}/phoneNumber" %}
  131.                     {% endif %}
  133.                     {% block component_address_form_phone_number_label %}
  134.                         <label class="form-label{% if data.get('phoneNumber') %} active{% endif %}"
  135.                                for="{{ prefix }}AddressPhoneNumber">
  136.                             {{ "address.phoneNumberLabel"|trans|sw_sanitize }}{{ config('core.loginRegistration.phoneNumberFieldRequired') ? "general.required"|trans|sw_sanitize }}
  137.                         </label>
  138.                     {% endblock %}
  140.                     {% block component_address_form_phone_number_input %}
  141.                         <input type="tel"
  142.                                pattern="[+]?[0-9]{8,}"
  143.                                class="form-control"
  144.                                id="{{ prefix }}AddressPhoneNumber"
  145.                                placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
  146.                                name="{{ prefix }}[phoneNumber]"
  147.                                value="{{ data.get('phoneNumber') }}"
  148.                             {{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
  149.                     {% endblock %}
  151.                     {{ block('component_address_form_phone_error') }}
  152.                 </div>
  153.             {% endif %}
  154.         {% endblock %}
  155.         <button type="submit" class="d-none"></button>
  156.     </div>
  157. {% endblock %}
  159. {% block component_address_form_zipcode_label %}
  160.     <label class="form-label{% if data.get('zipcode') %} active{% endif %}"
  161.            for="{{ prefix }}AddressZipcode">
  162.         {{ "address.zipcodeLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  163.     </label>
  164. {% endblock %}
  166. {% block component_address_form_city_label %}
  167.     <label class="form-label{% if data.get('city') %} active{% endif %}"
  168.            for="{{ prefix }}AddressCity">
  169.         {{ "address.cityLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  170.     </label>
  171. {% endblock %}