custom/plugins/KMShop2022/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_address_fields %}
  4.     <div class="{{ formRowClass }}">
  5.         {% block component_address_form_street_name %}
  6.             <div class="form-group  col-md-10 col-10">
  7.                 {% if formViolations.getViolations("/street") is not empty %}
  8.                     {% set violationPath = "/street" %}
  9.                 {% elseif formViolations.getViolations("/#{prefix}/street") is not empty %}
  10.                     {% set violationPath = "/#{prefix}/street" %}
  11.                 {% else %}
  12.                     {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.streetLabel"|trans|sw_sanitize }) %}
  13.                 {% endif %}
  15.                 {% block component_address_form_street_name_label %}
  16.                     <label class="form-label"
  17.                            for="{{ idPrefix ~ prefix }}AddressStreet">
  18.                         {{ "address.streetLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  19.                     </label>
  20.                 {% endblock %}
  22.                 {% block component_address_form_street_name_input %}
  23.                     <input type="text"
  24.                            class="form-control{% if violationPath %} is-invalid{% endif %}"
  25.                            id="{{ idPrefix ~ prefix }}AddressStreet"
  26.                            placeholder="{{ "address.streetPlaceholder"|trans|striptags }}"
  27.                            name="{{ prefix }}[street]"
  28.                            value="{{ data.get('street') }}"
  29.                            data-form-validation-required
  30.                            {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  31.                            required="required">
  32.                 {% endblock %}
  34.                 {% block component_address_form_street_name_input_error %}
  35.                     {% if violationPath %}
  36.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  37.                     {% endif %}
  38.                 {% endblock %}
  39.             </div>
  40.         {% endblock %}
  42.         {% block component_address_form_house_number %}
  43.             <div class="form-group  col-md-2 col-2">
  44.                 {% if formViolations.getViolations("/houseNumber") is not empty %}
  45.                     {% set violationPath = "/houseNumber" %}
  46.                 {% elseif formViolations.getViolations("/#{prefix}/houseNumber") is not empty %}
  47.                     {% set violationPath = "/#{prefix}/houseNumber" %}
  48.                 {% else %}
  49.                     {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.houseNumberLabel"|trans|sw_sanitize }) %}
  50.                 {% endif %}
  52.                 {% block component_address_form_house_number_label %}
  53.                     <label class="form-label"
  54.                            for="{{ idPrefix ~ prefix }}AddressHouseNumber">
  55.                         {{ "address.houseNumberLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  56.                     </label>
  57.                 {% endblock %}
  59.                 {% block component_address_form_house_number_input %}
  60.                     <input type="text"
  61.                            class="form-control{% if violationPath %} is-invalid{% endif %}"
  62.                            id="{{ idPrefix ~ prefix }}AddressHouseNumber"
  63.                            placeholder="{{ "address.houseNumberPlaceholder"|trans|striptags }}"
  64.                            name="{{ prefix }}[houseNumber]"
  65.                            value="{{ data.get('houseNumber') }}"
  66.                            data-form-validation-required
  67.                            {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  68.                            required="required">
  69.                 {% endblock %}
  71.                 {% block component_address_form_house_number_input_error %}
  72.                     {% if violationPath %}
  73.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  74.                     {% endif %}
  75.                 {% endblock %}
  76.             </div>
  77.         {% endblock %}
  79.         {% block component_address_form_additional_field1 %}
  80.             {% if config('core.loginRegistration.showAdditionalAddressField1') %}
  81.                 {% if formViolations.getViolations("/additionalAddressLine1") is not empty %}
  82.                     {% set violationPath = "/additionalAddressLine1" %}
  83.                 {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine1") is not empty %}
  84.                     {% set violationPath = "/#{prefix}/additionalAddressLine1" %}
  85.                 {% endif %}
  87.                 <div class="form-group col-md-12">
  88.                     {% block component_address_form_additional_field1_label %}
  89.                         <label class="form-label"
  90.                                for="{{ idPrefix ~ prefix }}AdditionalField1">
  91.                             {{ "address.additionalField1Label"|trans|sw_sanitize }}
  92.                             {{ config('core.loginRegistration.additionalAddressField1Required') ? "general.required"|trans|sw_sanitize }}
  93.                         </label>
  94.                     {% endblock %}
  96.                     {% block component_address_form_additional_field1_input %}
  97.                         <input type="text"
  98.                                class="form-control {% if violationPath %} is-invalid{% endif %}"
  99.                                id="{{ idPrefix ~ prefix }}AdditionalField1"
  100.                                placeholder="{{ "address.additionalField1Placeholder"|trans|striptags }}"
  101.                                name="{{ prefix }}[additionalAddressLine1]"
  102.                                value="{{ data.get('additionalAddressLine1') }}"
  103.                                 {{ config('core.loginRegistration.additionalAddressField1Required') ? 'required="true"' }}>
  104.                     {% endblock %}
  106.                     {% block component_address_form_additional_field1_error %}
  107.                         {% if violationPath %}
  108.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  109.                         {% endif %}
  110.                     {% endblock %}
  111.                 </div>
  112.             {% endif %}
  113.         {% endblock %}
  115.         {% block component_address_form_additional_field2 %}
  116.             {% if config('core.loginRegistration.showAdditionalAddressField2') %}
  117.                 {% if formViolations.getViolations("/additionalAddressLine2") is not empty %}
  118.                     {% set violationPath = "/additionalAddressLine2" %}
  119.                 {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine2") is not empty %}
  120.                     {% set violationPath = "/#{prefix}/additionalAddressLine2" %}
  121.                 {% endif %}
  122.                 <div class="form-group col-md-12">
  123.                     {% block component_address_form_additional_field2_label %}
  124.                         <label class="form-label"
  125.                                for="{{ idPrefix ~ prefix }}AdditionalField2">
  126.                             {{ "address.additionalField2Label"|trans|sw_sanitize }}{{ config('core.loginRegistration.additionalAddressField2Required') ? "general.required"|trans|sw_sanitize }}
  127.                         </label>
  128.                     {% endblock %}
  130.                     {% block component_address_form_additional_field2_input %}
  131.                         <input type="text"
  132.                                class="form-control {% if violationPath %} is-invalid{% endif %}"
  133.                                id="{{ idPrefix ~ prefix }}AdditionalField2"
  134.                                placeholder="{{ "address.additionalField2Placeholder"|trans|striptags }}"
  135.                                name="{{ prefix }}[additionalAddressLine2]"
  136.                                value="{{ data.get('additionalAddressLine2') }}"
  137.                                 {{ config('core.loginRegistration.additionalAddressField2Required') ? 'required="true"' }}>
  138.                     {% endblock %}
  140.                     {% block component_address_form_additional_field2_error %}
  141.                         {% if violationPath %}
  142.                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  143.                         {% endif %}
  144.                     {% endblock %}
  145.                 </div>
  146.             {% endif %}
  147.         {% endblock %}
  149.         {% block component_address_form_zipcode_city %}
  150.             {% set zipcodeField %}
  151.                 {% if formViolations.getViolations("/zipcode") is not empty %}
  152.                     {% set violationPath = "/zipcode" %}
  153.                 {% elseif formViolations.getViolations("/#{prefix}/zipcode") is not empty %}
  154.                     {% set violationPath = "/#{prefix}/zipcode" %}
  155.                 {% else %}
  156.                     {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.zipcodeLabel"|trans|sw_sanitize }) %}
  157.                 {% endif %}
  159.                 {% block component_address_form_zipcode_label %}
  160.                     <label class="form-label"
  161.                            for="{{ idPrefix ~ prefix }}AddressZipcode">
  162.                         {{ "address.zipcodeLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  163.                     </label>
  164.                 {% endblock %}
  166.                 {% block component_address_form_zipcode_input %}
  167.                     <input type="text"
  168.                            class="form-control{% if violationPath %} is-invalid{% endif %}"
  169.                            id="{{ idPrefix ~ prefix }}AddressZipcode"
  170.                            placeholder="{{ "address.zipcodePlaceholder"|trans|striptags }}"
  171.                            name="{{ prefix }}[zipcode]"
  172.                            value="{{ data.get('zipcode') }}"
  173.                            data-form-validation-required
  174.                            {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  175.                            required="required">
  176.                 {% endblock %}
  178.                 {% block component_address_form_zipcode_error %}
  179.                     {% if violationPath %}
  180.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  181.                     {% endif %}
  182.                 {% endblock %}
  183.             {% endset %}
  185.             {% set cityField %}
  186.                 {% if formViolations.getViolations("/city") is not empty %}
  187.                     {% set violationPath = "/city" %}
  188.                 {% elseif formViolations.getViolations("/#{prefix}/city") is not empty %}
  189.                     {% set violationPath = "/#{prefix}/city" %}
  190.                 {% else %}
  191.                     {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.cityLabel"|trans|sw_sanitize }) %}
  192.                     {% set violationPath = null %}
  193.                 {% endif %}
  195.                 {% block component_address_form_city_label %}
  196.                     <label class="form-label"
  197.                            for="{{ idPrefix ~ prefix }}AddressCity">
  198.                         {{ "address.cityLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  199.                     </label>
  200.                 {% endblock %}
  202.                 {% block component_address_form_city_input %}
  203.                     <input type="text"
  204.                            class="form-control{% if violationPath %} is-invalid{% endif %}"
  205.                            id="{{ idPrefix ~ prefix }}AddressCity"
  206.                            placeholder="{{ "address.cityPlaceholder"|trans|striptags }}"
  207.                            name="{{ prefix }}[city]"
  208.                            value="{{ data.get('city') }}"
  209.                            data-form-validation-required
  210.                            {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  211.                            required="required">
  212.                 {% endblock %}
  214.                 {% block component_address_form_city_error %}
  215.                     {% if violationPath %}
  216.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  217.                     {% endif %}
  218.                 {% endblock %}
  219.             {% endset %}
  221.             {% if config('core.address.showZipcodeInFrontOfCity') %}
  222.                 <div class="form-group col-md-4 col-lg-2">
  223.                     {{ zipcodeField }}
  224.                 </div>
  226.                 <div class="form-group col-md-8 col-lg-10">
  227.                     {{ cityField }}
  228.                 </div>
  229.             {% else %}
  230.                 <div class="form-group col-md-8 col-lg-10">
  231.                     {{ cityField }}
  232.                 </div>
  234.                 <div class="form-group col-md-4 col-lg-2">
  235.                     {{ zipcodeField }}
  236.                 </div>
  237.             {% endif %}
  238.         {% endblock %}
  239.     </div>
  241.     <div class="{{ formRowClass }} country-and-state-form-elements" data-country-state-select="true">
  242.         {% block component_address_form_country %}
  243.             <div class="form-group col-md-6">
  244.                 {% set initialCountryId = null %}
  246.                 {% if data.get('countryId') %}
  247.                     {% set initialCountryId = data.get('countryId') %}
  248.                 {% elseif page.countries|length > 1 %}
  249.                     {% set initialCountryId = (page.countries|first).id %}
  250.                 {% endif %}
  252.                 {% if formViolations.getViolations("/countryId") is not empty %}
  253.                     {% set violationPath = "/countryId" %}
  254.                 {% elseif formViolations.getViolations("/#{prefix}/countryId") is not empty %}
  255.                     {% set violationPath = "/#{prefix}/countryId" %}
  256.                 {% endif %}
  258.                 {% block component_address_form_country_label %}
  259.                     <label class="form-label"
  260.                            for="{{ idPrefix ~ prefix }}AddressCountry">
  261.                         {{ "address.countryLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  262.                     </label>
  263.                 {% endblock %}
  265.                 {% block component_address_form_country_select %}
  266.                     <select class="country-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
  267.                             id="{{ idPrefix ~ prefix }}AddressCountry"
  268.                             name="{{ prefix }}[countryId]"
  269.                             required="required"
  270.                             data-initial-country-id="{{ initialCountryId }}">
  271.                         {% if not initialCountryId %}
  272.                             <option disabled="disabled"
  273.                                     value=""
  274.                                     selected="selected">
  275.                                 {{ "address.countryPlaceholder"|trans|sw_sanitize }}
  276.                             </option>
  277.                         {% endif %}
  278.                         {% for country in page.countries %}
  279.                             <option {% if country.id == initialCountryId %}
  280.                                 selected="selected"
  281.                             {% endif %}
  282.                                     value="{{ country.id }}"
  283.                                     data-vat-id-required="{{ country.vatIdRequired }}"
  284.                                     data-state-required="{{ country.forceStateInRegistration }}"
  285.                                     {% if feature('FEATURE_NEXT_15707') and  not country.shippingAvailable and disableNonShippableCountries %}
  286.                                 disabled="disabled"
  287.                                     {% endif %}>
  288.                                 {{ country.translated.name }}{% if feature('FEATURE_NEXT_15707') and showNoShippingPostfix and not country.shippingAvailable %} {{ "address.countryPostfixNoShipping"|trans|sw_sanitize }}{% endif %}
  289.                             </option>
  290.                         {% endfor %}
  291.                     </select>
  292.                 {% endblock %}
  293.             </div>
  295.             <div class="form-group col-md-6  d-none">
  296.                 {% if formViolations.getViolations("/countryStateId") is not empty %}
  297.                     {% set violationPath = "/countryStateId" %}
  298.                 {% elseif formViolations.getViolations("/#{prefix}/countryStateId") is not empty %}
  299.                     {% set violationPath = "/#{prefix}/countryStateId" %}
  300.                 {% endif %}
  302.                 {% block component_address_form_country_state_label %}
  303.                     <label class="form-label"
  304.                            for="{{ idPrefix ~ prefix }}AddressCountryState">
  305.                         {{ "address.countryStateLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  306.                     </label>
  307.                 {% endblock %}
  309.                 {% block component_address_form_country_state_select %}
  310.                     <select class="country-state-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
  311.                             id="{{ idPrefix ~ prefix }}AddressCountryState"
  312.                             name="{{ prefix }}[countryStateId]"
  313.                             data-initial-country-state-id="{{ data.get('countryStateId') }}">
  314.                         <option value=""
  315.                                 selected="selected"
  316.                                 data-placeholder-option="true">
  317.                             {{ "address.countryStatePlaceholder"|trans|sw_sanitize }}
  318.                         </option>
  319.                     </select>
  320.                 {% endblock %}
  322.                 {% block component_address_form_country_error %}
  323.                     {% if violationPath %}
  324.                         {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  325.                     {% endif %}
  326.                 {% endblock %}
  327.             </div>
  328.         {% endblock %}
  329.     </div>
  330. {% endblock %}