vendor/shopware/storefront/Resources/views/storefront/component/address/address-form.html.twig line 1

Open in your IDE?
  1. {% block component_address_form %}
  2. {% block component_address_form_addressId %}
  3. {% if data.get('id') %}
  4. <input type="hidden"
  5. name="{{ prefix }}[id]"
  6. value="{{ data.get('id') }}">
  7. {% endif %}
  8. {% endblock %}
  10. {# @deprecated tag:v6.5.0 - will be removed #}
  11. {% if not feature('FEATURE_NEXT_15957') %}
  12. {% set showVatIdField = false %}
  13. {% endif %}
  15. {% block component_address_form_company %}
  16. {% if showFormCompany %}
  17. {% if config('core.loginRegistration.showAccountTypeSelection') %}
  18. {% set accountTypeRequired = true %}
  19. {% endif %}
  21. {% if config('core.loginRegistration.showAccountTypeSelection') or prefix == "address" or prefix == "shippingAddress" or hasSelectedBusiness %}
  22. <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 %}">
  23. {% block component_address_form_company_fields %}
  24. <div class="{{ formRowClass }}">
  25. {% block component_address_form_company_name %}
  26. <div class="form-group col-6">
  27. {% if formViolations.getViolations("/company") is not empty %}
  28. {% set violationPath = "/company" %}
  29. {% elseif formViolations.getViolations("/#{prefix}/company") is not empty %}
  30. {% set violationPath = "/#{prefix}/company" %}
  31. {% endif %}
  33. {% block component_address_form_company_name_label %}
  34. <label class="form-label"
  35. for="{{ idPrefix ~ prefix }}company">
  36. {{ "address.companyNameLabel"|trans|sw_sanitize }}{% if prefix != "shippingAddress" and accountTypeRequired %}{{ "general.required"|trans|sw_sanitize }}{% endif %}
  37. </label>
  38. {% endblock %}
  40. {% block component_address_form_company_name_input %}
  41. <input type="text"
  42. class="form-control{% if violationPath %} is-invalid{% endif %}"
  43. id="{{ idPrefix ~ prefix }}company"
  44. placeholder="{{ "address.companyNamePlaceholder"|trans|striptags }}"
  45. name="{{ prefix }}[company]"
  46. value="{{ data.get('company') }}"
  47. {% if prefix != "shippingAddress" and accountTypeRequired %}required="required"{% endif %}>
  48. {% endblock %}
  50. {% block component_address_form_company_name_input_error %}
  51. {% if violationPath %}
  52. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  53. {% endif %}
  54. {% endblock %}
  55. </div>
  56. {% endblock %}
  58. {% block component_address_form_company_department %}
  59. <div class="form-group col-md-6">
  60. {% if formViolations.getViolations("/department") is not empty %}
  61. {% set violationPath = "/department" %}
  62. {% elseif formViolations.getViolations("/#{prefix}/department") is not empty %}
  63. {% set violationPath = "/#{prefix}/department" %}
  64. {% endif %}
  66. {% block component_address_form_company_department_label %}
  67. <label class="form-label"
  68. for="{{ idPrefix ~ prefix }}department">
  69. {{ "address.companyDepartmentLabel"|trans|sw_sanitize }}
  70. </label>
  71. {% endblock %}
  73. {% block component_address_form_company_department_input %}
  74. <input type="text"
  75. class="form-control{% if violationPath %} is-invalid{% endif %}"
  76. id="{{ idPrefix ~ prefix }}department"
  77. placeholder="{{ "address.companyDepartmentPlaceholder"|trans|striptags }}"
  78. name="{{ prefix }}[department]"
  79. value="{{ data.get('department') }}">
  80. {% endblock %}
  82. {% block component_address_form_company_department_input_error %}
  83. {% if violationPath %}
  84. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  85. {% endif %}
  86. {% endblock %}
  87. </div>
  88. {% endblock %}
  90. {% block component_address_form_company_vatId %}
  91. {% if not feature('FEATURE_NEXT_15957') and showVatIdField %}
  92. <div class="form-group col-md-6">
  93. {% if formViolations.getViolations("/vatId") is not empty %}
  94. {% set violationPath = "/vatId" %}
  95. {% elseif formViolations.getViolations("/#{prefix}/vatId") is not empty %}
  96. {% set violationPath = "/#{prefix}/vatId" %}
  97. {% endif %}
  99. {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  100. {% block component_address_form_company_vatId_label %}
  101. <label class="form-label"
  102. for="{{ idPrefix ~ prefix }}vatId">
  103. {{ "address.companyVatLabel"|trans|sw_sanitize }}
  104. </label>
  105. {% endblock %}
  107. {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  108. {% block component_address_form_company_vatId_input %}
  109. <input type="text"
  110. class="form-control{% if violationPath %} is-invalid{% endif %}"
  111. id="{{ idPrefix ~ prefix }}vatId"
  112. placeholder="{{ "address.companyVatPlaceholder"|trans|striptags }}"
  113. name="{{ prefix }}[vatId]"
  114. value="{{ data.get('vatId') }}">
  115. {% endblock %}
  117. {# @deprecated tag:v6.5.0 - will be removed, look into `@Storefront/storefront/component/address/address-personal-vat-id.html.twig` instead #}
  118. {% block component_address_form_company_vatId_input_error %}
  119. {% if violationPath %}
  120. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  121. {% endif %}
  122. {% endblock %}
  123. </div>
  125. {% elseif feature('FEATURE_NEXT_15957') and prefix == 'address' and showVatIdField %}
  126. <div class="form-group col-md-6">
  127. {% sw_include '@Storefront/storefront/component/address/address-personal-vat-id.html.twig' with {
  128. 'vatIds': context.customer.vatIds
  129. } %}
  130. </div>
  131. {% endif %}
  132. {% endblock %}
  133. </div>
  134. {% endblock %}
  135. </div>
  136. {% endif %}
  137. {% endif %}
  138. {% endblock %}
  140. {% block component_address_form_address_fields %}
  141. <div class="{{ formRowClass }}">
  142. {% block component_address_form_street %}
  143. <div class="form-group col-md-6">
  144. {% if formViolations.getViolations("/street") is not empty %}
  145. {% set violationPath = "/street" %}
  146. {% elseif formViolations.getViolations("/#{prefix}/street") is not empty %}
  147. {% set violationPath = "/#{prefix}/street" %}
  148. {% else %}
  149. {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.streetLabel"|trans|sw_sanitize }) %}
  150. {% endif %}
  152. {% block component_address_form_street_label %}
  153. <label class="form-label"
  154. for="{{ idPrefix ~ prefix }}AddressStreet">
  155. {{ "address.streetLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  156. </label>
  157. {% endblock %}
  159. {% block component_address_form_street_input %}
  160. <input type="text"
  161. class="form-control{% if violationPath %} is-invalid{% endif %}"
  162. id="{{ idPrefix ~ prefix }}AddressStreet"
  163. placeholder="{{ "address.streetPlaceholder"|trans|striptags }}"
  164. name="{{ prefix }}[street]"
  165. value="{{ data.get('street') }}"
  166. data-form-validation-required
  167. {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  168. required="required">
  169. {% endblock %}
  171. {% block component_address_form_street_input_error %}
  172. {% if violationPath %}
  173. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  174. {% endif %}
  175. {% endblock %}
  176. </div>
  177. {% endblock %}
  179. {% block component_address_form_zipcode_city %}
  180. {% set zipcodeField %}
  181. {% set zipcodeValue = formViolations.getInputData()['zipcode'] ?? data.get('zipcode') %}
  182. {% if formViolations.getViolations("/zipcode") is not empty %}
  183. {% set violationPath = "/zipcode" %}
  184. {% elseif formViolations.getViolations("/#{prefix}/zipcode") is not empty %}
  185. {% set violationPath = "/#{prefix}/zipcode" %}
  186. {% else %}
  187. {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.zipcodeLabel"|trans|sw_sanitize }) %}
  188. {% endif %}
  190. {% block component_address_form_zipcode_label %}
  191. <label class="form-label"
  192. for="{{ idPrefix ~ prefix }}AddressZipcode">
  193. {{ "address.zipcodeLabel"|trans|sw_sanitize }}<span {% if feature('v6.5.0.0') %}class="d-none"{% endif %} id="zipcodeLabel">{{ "general.required"|trans|sw_sanitize }}</span>
  194. </label>
  195. {% endblock %}
  197. {% block component_address_form_zipcode_input %}
  198. <input type="text"
  199. class="form-control{% if violationPath %} is-invalid{% endif %}"
  200. id="{{ idPrefix ~ prefix }}AddressZipcode"
  201. placeholder="{{ "address.zipcodePlaceholder"|trans|striptags }}"
  202. name="{{ prefix }}[zipcode]"
  203. value="{{ zipcodeValue }}"
  204. data-input-name="zipcodeInput"
  205. {% if not feature('v6.5.0.0') %}required="required"{% endif %}
  206. >
  207. {% endblock %}
  209. {% block component_address_form_zipcode_error %}
  210. {% if violationPath %}
  211. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  212. {% endif %}
  213. {% endblock %}
  214. {% endset %}
  216. {% set cityField %}
  217. {% if formViolations.getViolations("/city") is not empty %}
  218. {% set violationPath = "/city" %}
  219. {% elseif formViolations.getViolations("/#{prefix}/city") is not empty %}
  220. {% set violationPath = "/#{prefix}/city" %}
  221. {% else %}
  222. {% set requiredMessage = "error.VIOLATION::IS_BLANK_ERROR"|trans({ '%field%': "address.cityLabel"|trans|sw_sanitize }) %}
  223. {% set violationPath = null %}
  224. {% endif %}
  226. {% block component_address_form_city_label %}
  227. <label class="form-label"
  228. for="{{ idPrefix ~ prefix }}AddressCity">
  229. {{ "address.cityLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  230. </label>
  231. {% endblock %}
  233. {% block component_address_form_city_input %}
  234. <input type="text"
  235. class="form-control{% if violationPath %} is-invalid{% endif %}"
  236. id="{{ idPrefix ~ prefix }}AddressCity"
  237. placeholder="{{ "address.cityPlaceholder"|trans|striptags }}"
  238. name="{{ prefix }}[city]"
  239. value="{{ data.get('city') }}"
  240. data-form-validation-required
  241. {% if requiredMessage is defined %}data-form-validation-required-message="{{ requiredMessage }}"{% endif %}
  242. required="required">
  243. {% endblock %}
  245. {% block component_address_form_city_error %}
  246. {% if violationPath %}
  247. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  248. {% endif %}
  249. {% endblock %}
  250. {% endset %}
  252. {% if config('core.address.showZipcodeInFrontOfCity') %}
  253. <div class="form-group col-md-2 col-4">
  254. {{ zipcodeField }}
  255. </div>
  257. <div class="form-group col-md-4 col-8">
  258. {{ cityField }}
  259. </div>
  260. {% else %}
  261. <div class="form-group col-md-4 col-8">
  262. {{ cityField }}
  263. </div>
  265. <div class="form-group col-md-2 col-4">
  266. {{ zipcodeField }}
  267. </div>
  268. {% endif %}
  269. {% endblock %}
  271. {% block component_address_form_additional_field1 %}
  272. {% if config('core.loginRegistration.showAdditionalAddressField1') %}
  273. {% if formViolations.getViolations("/additionalAddressLine1") is not empty %}
  274. {% set violationPath = "/additionalAddressLine1" %}
  275. {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine1") is not empty %}
  276. {% set violationPath = "/#{prefix}/additionalAddressLine1" %}
  277. {% endif %}
  279. <div class="form-group col-md-6">
  280. {% block component_address_form_additional_field1_label %}
  281. <label class="form-label"
  282. for="{{ idPrefix ~ prefix }}AdditionalField1">
  283. {{ "address.additionalField1Label"|trans|sw_sanitize }}{{ config('core.loginRegistration.additionalAddressField1Required') ? "general.required"|trans|sw_sanitize }}
  284. </label>
  285. {% endblock %}
  287. {% block component_address_form_additional_field1_input %}
  288. <input type="text"
  289. class="form-control {% if violationPath %} is-invalid{% endif %}"
  290. id="{{ idPrefix ~ prefix }}AdditionalField1"
  291. placeholder="{{ "address.additionalField1Placeholder"|trans|striptags }}"
  292. name="{{ prefix }}[additionalAddressLine1]"
  293. value="{{ data.get('additionalAddressLine1') }}"
  294. {{ config('core.loginRegistration.additionalAddressField1Required') ? 'required="true"' }}>
  295. {% endblock %}
  297. {% block component_address_form_additional_field1_error %}
  298. {% if violationPath %}
  299. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  300. {% endif %}
  301. {% endblock %}
  302. </div>
  303. {% endif %}
  304. {% endblock %}
  306. {% block component_address_form_additional_field2 %}
  307. {% if config('core.loginRegistration.showAdditionalAddressField2') %}
  308. {% if formViolations.getViolations("/additionalAddressLine2") is not empty %}
  309. {% set violationPath = "/additionalAddressLine2" %}
  310. {% elseif formViolations.getViolations("/#{prefix}/additionalAddressLine2") is not empty %}
  311. {% set violationPath = "/#{prefix}/additionalAddressLine2" %}
  312. {% endif %}
  313. <div class="form-group col-md-6">
  314. {% block component_address_form_additional_field2_label %}
  315. <label class="form-label"
  316. for="{{ idPrefix ~ prefix }}AdditionalField2">
  317. {{ "address.additionalField2Label"|trans|sw_sanitize }}{{ config('core.loginRegistration.additionalAddressField2Required') ? "general.required"|trans|sw_sanitize }}
  318. </label>
  319. {% endblock %}
  321. {% block component_address_form_additional_field2_input %}
  322. <input type="text"
  323. class="form-control {% if violationPath %} is-invalid{% endif %}"
  324. id="{{ idPrefix ~ prefix }}AdditionalField2"
  325. placeholder="{{ "address.additionalField2Placeholder"|trans|striptags }}"
  326. name="{{ prefix }}[additionalAddressLine2]"
  327. value="{{ data.get('additionalAddressLine2') }}"
  328. {{ config('core.loginRegistration.additionalAddressField2Required') ? 'required="true"' }}>
  329. {% endblock %}
  331. {% block component_address_form_additional_field2_error %}
  332. {% if violationPath %}
  333. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  334. {% endif %}
  335. {% endblock %}
  336. </div>
  337. {% endif %}
  338. {% endblock %}
  339. </div>
  341. <div class="{{ formRowClass }} country-and-state-form-elements" data-country-state-select="true">
  342. {% block component_address_form_country %}
  343. <div class="form-group col-md-6">
  344. {% set initialCountryId = null %}
  346. {% if data.get('countryId') %}
  347. {% set initialCountryId = data.get('countryId') %}
  348. {% elseif page.countries|length == 1 and disableNonShippableCountries is not defined %}
  349. {% set initialCountryId = (page.countries|first).id %}
  350. {% endif %}
  352. {% if formViolations.getViolations("/countryId") is not empty %}
  353. {% set violationPath = "/countryId" %}
  354. {% elseif formViolations.getViolations("/#{prefix}/countryId") is not empty %}
  355. {% set violationPath = "/#{prefix}/countryId" %}
  356. {% endif %}
  358. {% block component_address_form_country_label %}
  359. <label class="form-label"
  360. for="{{ idPrefix ~ prefix }}AddressCountry">
  361. {{ "address.countryLabel"|trans|sw_sanitize }}{{ "general.required"|trans|sw_sanitize }}
  362. </label>
  363. {% endblock %}
  365. {% block component_address_form_country_select %}
  366. <select class="country-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
  367. id="{{ idPrefix ~ prefix }}AddressCountry"
  368. name="{{ prefix }}[countryId]"
  369. required="required"
  370. data-initial-country-id="{{ initialCountryId }}">
  371. {% if not initialCountryId %}
  372. <option disabled="disabled"
  373. value=""
  374. selected="selected">
  375. {{ "address.countryPlaceholder"|trans|sw_sanitize }}
  376. </option>
  377. {% endif %}
  378. {% for country in page.countries %}
  379. <option {% if country.id == initialCountryId %}
  380. selected="selected"
  381. {% endif %}
  382. value="{{ country.id }}"
  383. data-zipcode-required="{{ country.postalCodeRequired }}"
  384. data-vat-id-required="{{ country.vatIdRequired }}"
  385. data-state-required="{{ country.forceStateInRegistration }}"
  386. {% if feature('FEATURE_NEXT_15707') and not country.shippingAvailable and disableNonShippableCountries %}
  387. disabled="disabled"
  388. {% endif %}>
  389. {{ country.translated.name }}{% if feature('FEATURE_NEXT_15707') and showNoShippingPostfix and not country.shippingAvailable %} {{ "address.countryPostfixNoShipping"|trans|sw_sanitize }}{% endif %}
  390. </option>
  391. {% endfor %}
  392. </select>
  393. {% endblock %}
  394. </div>
  396. <div class="form-group col-md-6 d-none">
  397. {% if formViolations.getViolations("/countryStateId") is not empty %}
  398. {% set violationPath = "/countryStateId" %}
  399. {% elseif formViolations.getViolations("/#{prefix}/countryStateId") is not empty %}
  400. {% set violationPath = "/#{prefix}/countryStateId" %}
  401. {% endif %}
  403. {% block component_address_form_country_state_label %}
  404. <label class="form-label"
  405. for="{{ idPrefix ~ prefix }}AddressCountryState">
  406. {{ "address.countryStateLabel"|trans|sw_sanitize }}
  407. </label>
  408. {% endblock %}
  410. {% block component_address_form_country_state_select %}
  411. <select class="country-state-select {{ formSelectClass }}{% if violationPath %} is-invalid{% endif %}"
  412. id="{{ idPrefix ~ prefix }}AddressCountryState"
  413. name="{{ prefix }}[countryStateId]"
  414. data-initial-country-state-id="{{ data.get('countryStateId') }}">
  415. <option value=""
  416. selected="selected"
  417. data-placeholder-option="true">
  418. {{ "address.countryStatePlaceholder"|trans|sw_sanitize }}
  419. </option>
  420. </select>
  421. {% endblock %}
  423. {% block component_address_form_country_error %}
  424. {% if violationPath %}
  425. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  426. {% endif %}
  427. {% endblock %}
  428. </div>
  429. {% endblock %}
  430. </div>
  432. <div class="{{ formRowClass }}">
  433. {% block component_address_form_phone_number %}
  434. {% if config('core.loginRegistration.showPhoneNumberField') %}
  435. <div class="form-group col-md-6">
  436. {% if formViolations.getViolations("/phoneNumber") is not empty %}
  437. {% set violationPath = "/phoneNumber" %}
  438. {% elseif formViolations.getViolations("/#{prefix}/phoneNumber") is not empty %}
  439. {% set violationPath = "/#{prefix}/phoneNumber" %}
  440. {% endif %}
  442. {% block component_address_form_phone_number_label %}
  443. <label class="form-label"
  444. for="{{ idPrefix ~ prefix }}AddressPhoneNumber">
  445. {{ "address.phoneNumberLabel"|trans|sw_sanitize }}{{ config('core.loginRegistration.phoneNumberFieldRequired') ? "general.required"|trans|sw_sanitize }}
  446. </label>
  447. {% endblock %}
  449. {% block component_address_form_phone_number_input %}
  450. <input type="text"
  451. class="form-control"
  452. id="{{ idPrefix ~ prefix }}AddressPhoneNumber"
  453. placeholder="{{ "address.phoneNumberPlaceholder"|trans|striptags }}"
  454. name="{{ prefix }}[phoneNumber]"
  455. value="{{ data.get('phoneNumber') }}"
  456. {{ config('core.loginRegistration.phoneNumberFieldRequired') ? 'required="true"' }}>
  457. {% endblock %}
  459. {% block component_address_form_phone_error %}
  460. {% if violationPath %}
  461. {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' %}
  462. {% endif %}
  463. {% endblock %}
  464. </div>
  465. {% endif %}
  466. {% endblock %}
  467. </div>
  468. {% endblock %}
  469. {% endblock %}