custom/plugins/UandiEfbContactInfo/src/Resources/views/storefront/element/cms-element-contact-finder.html.twig line 1

Open in your IDE?
  1. {% set options = {
  2.     panel: "#cms-element-" ~ element.type,
  3.     error: "#cms-element-" ~ element.type ~ "-no-result",
  4.     result: "#cms-element-" ~ element.type ~ "-listing"
  5. } %}
  7. {% set isWideClass = '' %}
  8. {% if element.config.displayMode and element.config.displayMode.value === 'wide' %}
  9.     {% set isWideClass = ' col-md-6' %}
  10. {% endif %}
  12. <div class="cms-element-{{ element.type }} row" id="{{ options.panel|replace({'#': ''}) }}">
  13.     <div class="col-12{{ isWideClass }} cms-element-{{ element.type }}--search">
  14.         <h3>{{ "contactFinder.heading"|trans|sw_sanitize }}</h3>
  15.         <strong>{{ "contactFinder.subHeading"|trans|sw_sanitize }}</strong>
  17.         <form
  18.                 id="contact-zipcode"
  19.                 method="POST"
  20.                 action="{{ path('frontend.uandi.contacts.searchPostCode') }}"
  21.                 name="contactZipcode"
  22.                 data-contact-finder-form="true"
  23.                 data-contact-finder-plugin-options='{{ options|json_encode|raw }}'
  24.         >
  25.             {{ sw_csrf('frontend.uandi.contacts.searchPostCode') }}
  27.             <div class="form-row">
  28.                 <div class="form-group col-12">
  29.                     <p class="form-text">
  30.                         {{ "contactFinder.topicLabel"|trans|sw_sanitize }}
  31.                     </p>
  32.                     <div>
  33.                         <input type="radio" id="dtn" value="dtn" name="topic" checked>
  34.                         <label class="contact-area-label" for="dtn">
  35.                             {{ "contactFinder.topicOptionDtn"|trans|sw_sanitize }}
  36.                         </label>
  37.                     </div>
  38.                     <div>
  39.                         <input type="radio" id="egh" value="egh" name="topic">
  40.                         <label class="contact-area-label" for="egh">
  41.                             {{ "contactFinder.topicOptionEgh"|trans|sw_sanitize }}
  42.                         </label>
  43.                     </div>
  44.                     <div>
  45.                         <input type="radio" id="itd" value="itd" name="topic">
  46.                         <label class="contact-area-label" for="itd">
  47.                             {{ "contactFinder.topicOptionItd"|trans|sw_sanitize }}
  48.                         </label>
  49.                     </div>
  50.                 </div>
  51.             </div>
  53.             <div class="form-row">
  54.                 <div class="form-group col-12">
  55.                     <label for="postCode">
  56.                         {{ "contactFinder.zipCodeLabel"|trans|sw_sanitize }}
  57.                     </label>
  58.                     <input id="postCode"
  59.                            name="postCode"
  60.                            class="form-control"
  61.                            type="text"
  62.                            placeholder="{{ "contactFinder.zipCodePlaceholder"|trans|sw_sanitize }}"
  63.                     >
  64.                 </div>
  65.             </div>
  67.             <div class="form-row">
  68.                 <div class="form-group col-12">
  69.                     <button type="submit" class="btn btn-block btn-primary">
  70.                         {{ "contactFinder.findContact"|trans|sw_sanitize }}
  71.                     </button>
  72.                 </div>
  73.             </div>
  75.             <div class="form-tex text-center">
  76.                 <a href="{{ "contactFinder.internationalContactUrl"|trans|sw_sanitize }}">
  77.                     {{ "contactFinder.internationalContactLabel"|trans|sw_sanitize }}
  78.                 </a>
  79.             </div>
  80.         </form>
  81.     </div>
  83.     <div class="col-12{{ isWideClass }} cms-element-{{ element.type }}--list">
  84.         <div id="{{ options.error|replace({'#': ''}) }}">
  85.             {{ "contactFinder.noResults"|trans|sw_sanitize }}
  86.         </div>
  88.         <div id="{{ options.result|replace({'#': ''}) }}">
  89.         </div>
  91.         {% if context.customer and element.data and element.data.contactData %}
  92.             <div id="cms-element-{{ element.type }}-assigned-contacts">
  94.                 {% sw_include "@UandiEfbContactInfo/contacts.html.twig" with {
  95.                     contactData: element.data.contactData
  96.                 } %}
  97.             </div>
  98.         {% endif %}
  99.     </div>
  100. </div>