custom/apps/SwagDhlApp/Resources/views/storefront/component/dhl/dhl-wrapper.html.twig line 1

Open in your IDE?
  1. {% set trans = {
  2.     dhlCustomerNumberPlaceholder: "dhlStore.modal.dhlCustomerNumberPlaceholder"|trans,
  3.     labelDhlCustomerNumber: "dhlStore.modal.labelDhlCustomerNumber"|trans,
  4.     stationIdPlaceHolder: "dhlStore.modal.stationIdPlaceHolder"|trans,
  5.     labelStationId: "dhlStore.modal.labelStationId"|trans,
  6.     btnSetLocation: "dhlStore.modal.btnSetLocation"|trans,
  7.     additionalField1Label: "address.additionalField1Label"|trans,
  8.     additionalField1Placeholder: "address.additionalField1Placeholder"|trans,
  9.     additionalField2Label: "address.additionalField2Label"|trans,
  10.     additionalField2Placeholder: "address.additionalField2Placeholder"|trans
  11. } %}
  13. {% set dhlSelectionOptions = {
  14.     countries: page.countries.jsonSerialize|map(item => { iso: item.iso, id: item.id }),
  15.     trans: trans
  16. } %}
  18. <div
  19.     class="swag-dhl-wrapper"
  20.     data-dhl-selection="true"
  21.     data-dhl-selection-options="{{ dhlSelectionOptions|json_encode|raw|escape('html_attr') }}">
  22.     {% block component_account_register_address_different_shipping_control %}
  23.         <div class="custom-control custom-checkbox register-different-shipping">
  24.             {% block component_account_register_address_different_shipping_input %}
  25.                 <input type="checkbox"
  26.                        class="custom-control-input js-different-shipping-checkbox"
  27.                        name="differentShippingAddress"
  28.                        value="1"
  29.                        id="differentShippingAddress"
  30.                        {% if data.get('differentShippingAddress') %}checked="checked" {% endif %}
  31.                        data-form-field-toggle="true"
  32.                        data-form-field-toggle-target=".js-form-field-toggle-shipping-address"
  33.                        data-form-field-toggle-value="true"
  34.                        data-form-field-toggle-trigger-nested="true"
  35.                 />
  36.             {% endblock %}
  38.             {% block component_account_register_address_different_shipping_label %}
  39.                 <label class="custom-control-label no-validation" for="differentShippingAddress">
  40.                     {{ "account.registerDifferentShipping"|trans|sw_sanitize }}
  41.                 </label>
  42.             {% endblock %}
  44.             {% block component_account_register_address_shipping_mailing_or_dhl %}
  45.                 <div class="mailing-address-or-dhl-store-address-radios">
  46.                     {% block component_account_register_address_shipping_mailing_radio %}
  47.                         <div class="mailing-address-option custom-control custom-radio custom-control-inline">
  48.                             <input
  49.                                 class="custom-control-input"
  50.                                 type="radio"
  51.                                 checked="checked"
  52.                                 name="dhlOrMailingAddress"
  53.                                 id="mailing-address"
  54.                                 value="mailing"
  55.                                 data-form-field-toggle="true"
  56.                                 data-form-field-toggle-target=".js-form-field-toggle-dhl-shipping-address"
  57.                                 data-form-field-toggle-value="false"
  58.                             />
  59.                             <label for="mailing-address" class="custom-control-label">
  60.                                 {{ "dhlStore.shippingAddress.labelMailingAddress"|trans|sw_sanitize }}
  61.                             </label>
  62.                         </div>
  63.                     {% endblock %}
  65.                     {% block component_account_register_address_shipping_dhl_radio %}
  66.                         <div class="dhl-address-option custom-control custom-radio custom-control-inline">
  67.                             <input
  68.                                 class="custom-control-input"
  69.                                 type="radio"
  70.                                 name="dhlOrMailingAddress"
  71.                                 id="dhl-address"
  72.                                 value="dhl"
  73.                                 data-form-field-toggle="true"
  74.                                 data-form-field-toggle-target=".js-form-field-toggle-dhl-shipping-address"
  75.                                 data-form-field-toggle-value="true"
  76.                             />
  77.                             <label for="dhl-address" class="dhl-label custom-control-label">
  78.                                 {{ "dhlStore.shippingAddress.labelDhlAddress"|trans|sw_sanitize }}
  79.                             </label>
  80.                         </div>
  81.                     {% endblock %}
  82.                 </div>
  83.             {% endblock %}
  84.         </div>
  85.     {% endblock %}
  87.     {% block component_account_register_address_shipping %}
  88.         <div class="register-shipping js-form-field-toggle-shipping-address d-none">
  89.             {% block component_account_register_address_shipping_header %}
  90.                 <div class="card-title">
  91.                     {{ "account.registerAddressShippingHeader"|trans|sw_sanitize }}
  92.                 </div>
  93.             {% endblock %}
  95.             {% block component_account_register_address_dhl_shipping %}
  96.                 <div class="data-swag-dhl-plugin-register-shipping js-form-field-toggle-dhl-shipping-address d-none">
  97.                     {% block component_account_register_address_dhl_find_station_modal_trigger %}
  98.                         <div class="form-row">
  99.                             <div class="form-group col-md-12 contact-type">
  100.                                 <div class="find-dhl-pack-station">
  101.                                     <button type="button" class="btn btn-primary btn-sm"
  102.                                         {{ dataBsToggleAttr }}="modal"
  103.                                         {{ dataBsTargetAttr }}="#dhlMapModal"
  104.                                     >
  105.                                         {{ "dhlStore.shippingAddress.btnFindServiceAddress"|trans|sw_sanitize }}
  106.                                     </button>
  107.                                 </div>
  108.                             </div>
  109.                         </div>
  110.                     {% endblock %}
  112.                     {% block component_address_form_dhl_station %}
  113.                         <div class="form-row">
  114.                             <div class="form-group col-md-12 contact-type">
  115.                                 {% block component_address_form_dhl_station_label %}
  116.                                     <label class="form-label" for="dhlShippingAddressStation">
  117.                                         {{ "dhlStore.modal.labelDhlAddressStation"|trans|sw_sanitize }}
  118.                                         {{ "general.required"|trans|sw_sanitize }}
  119.                                     </label>
  120.                                 {% endblock %}
  122.                                 {% block component_address_form_dhl_station_select %}
  123.                                     <select class="dhl-station-select custom-select"
  124.                                             id="dhlShippingAddressStation"
  125.                                             name="dhlStationId"
  126.                                             data-initial-dhl-station-id="{{ data.get('dhlStationId') }}">
  127.                                         <option value="" data-placeholder-option="true">
  128.                                             {{ "dhlStore.modal.dhlShippingAddressStationPlaceholder"|trans|sw_sanitize }}
  129.                                         </option>
  130.                                     </select>
  131.                                 {% endblock %}
  132.                             </div>
  133.                         </div>
  134.                     {% endblock %}
  135.                 </div>
  136.             {% endblock %}
  138.             {% block component_account_register_address_shipping_fields %}
  139.                 {% block component_account_register_address_shipping_fields_personal %}
  140.                     {% sw_include '@Storefront/storefront/component/address/address-personal.html.twig' with {
  141.                         'prefix': 'shippingAddress',
  142.                         'data': data.get('shippingAddress'),
  143.                         'hideCustomerTypeSelect': false,
  144.                         'customToggleTarget': true,
  145.                         'accountType': data.get('shippingAddress').get('accountType')
  146.                     } %}
  147.                 {% endblock %}
  149.                 {% block component_account_register_address_shipping_fields_company %}
  150.                     {% sw_include '@Storefront/storefront/component/address/address-personal-company.html.twig' with {
  151.                         'prefix': 'shippingAddress',
  152.                         'customToggleTarget': true,
  153.                         'address': data.get('shippingAddress')
  154.                     } %}
  155.                 {% endblock %}
  157.                 {% block component_account_register_address_shipping_fields_address %}
  158.                     {% sw_include '@Storefront/storefront/component/address/address-form.html.twig' with {
  159.                         'prefix': 'shippingAddress',
  160.                         'data': data.get('shippingAddress'),
  161.                         'showNoShippingPostfix': true,
  162.                         'disableNonShippableCountries': true,
  163.                     } %}
  164.                 {% endblock %}
  165.             {% endblock %}
  166.         </div>
  167.     {% endblock %}
  168. </div>