custom/plugins/FourtwosixPhoneValidation/src/Resources/views/storefront/component/address/fts-telephone-country-prefixes.html.twig line 1

Open in your IDE?
  1. {% block fourtwosix_phone_prefix %}
  2.     {% if config("FourtwosixPhoneValidation.config.active") %}
  4.         {% set fourtwosixExtension = page.extension('FourtwosixPhoneNumberCountryPrefix') ?? null %}
  5.         {% set ftsPhonePrefix = fourtwosixExtension["fts_prefixes"] %}
  7.         {# This can be address or page.address is passed as a parameter in vendor/shopware/storefront/Resources/views/storefront/component/address/address-editor-modal-create-address.html.twig #}
  8.         {% set ftsAddressId = page.address.id ?? address.id %}
  9.         {% set uuid = ftsAddressId ?? random() %}
  11.         <div class="form-group col-md-2">
  12.             <p class="form-label"
  13.                for="{{ idPrefix ~ prefix }}AddressPhoneNumberPrefix-{{ ftsAddressId }}">
  14.                 {{ "fourwosixPhonePrefix.phoneNumberLabelPrefix"|trans|sw_sanitize }}
  15.                 {{ "general.required"|trans|sw_sanitize }}
  16.             </p>
  18.             <select
  19.                     {# added to the corresponding array billingAddress[] / shippinAddress[] / address #}
  20.                     name="{{ prefix }}[phonePrefix]"
  21.                     class="form-control prefix-from-iso"
  22.                     id="{{ idPrefix ~ prefix }}AddressPhoneNumberPrefix-{{ ftsAddressId }}"
  23.                     required="required"
  24.                     data-address-id="{{ uuid }}"
  25.             >
  26.                 <option
  27.                         {# ftsPhonePrefix has this structure [[id => value]] so if no id found and no extension set is a registration / new address creation #}
  28.                         {{ ftsPhonePrefix[ftsAddressId] ? "" : 'selected="true"' }}
  29.                         disabled="disabled"
  30.                         value>
  31.                     {{ "fourwosixPhonePrefix.chooseCountry"|trans|sw_sanitize }}
  32.                 </option>
  33.                 {% for ftsCountries in fourtwosixExtension["countries"] %}
  34.                     <option
  35.                             {# In /register /overview/address (modal) the form violation is presented as an associative array with
  36.                             [
  37.                                 'billingAddress/shippingAddress/address' => [
  38.                                 "phonePrefix" => "+49"
  39.                                 ]
  40.                             ]
  41.                             Therefore prepend the prefix to select the correct prefix in the dropdown
  42.                             ------------------------------------------------
  43.                             In address/{address-id} there is no associative array
  44.                             but is accessible directly
  45.                             [
  46.                                 "phonePrefix" => "+49"
  47.                             ] #}
  49.                             {% set formViolationPrefix = formViolations.inputData[idPrefix ~ prefix]["phonePrefix"] ?? formViolations.inputData["phonePrefix"] ?? false %}
  50.                             {% if formViolationPrefix === ftsCountries["prefix"] %}
  51.                                 selected="selected"
  52.                             {% else %}
  54.                                 {# Only if no violation are found we preload the data from the extension loaded via subscriber
  55.                                 this is for when the user makes a mistake eg. wrong zipcode but have also changed the prefix dropdown #}
  56.                                 {% if ftsPhonePrefix[ftsAddressId]  === ftsCountries["prefix"] %}
  57.                                     selected="selected"
  58.                                 {% endif %}
  59.                             {% endif %}
  61.                             data-iso="{{ ftsCountries["iso"] }}"
  62.                             value="{{ ftsCountries["prefix"] }}">
  63.                         {{ ftsCountries["prefix"] }} {{ ftsCountries["iso"] }}
  64.                     </option>
  65.                 {% endfor %}
  67.             </select>
  68.         </div>
  69.     {% endif %}
  70. {% endblock %}