templates/Arrival/Includes/arrival-slide.html.twig line 1

Open in your IDE?
  1. {% set arrivaladdresses = [{
  2.     "label": "",
  3.     "value": "",
  4.     "disabled": true,
  5.     "selected": true,
  6.     "class": "sr-only"
  7. }] %}
  9. {% if editmode %}
  10. <div class="editmode-box editmode-box--info mb-5 text-left">
  11.     <div class="editmode-box__header">Settings</div>
  12.     <div>
  13. {% endif %}
  14. {% for i in pimcore_iterate_block(pimcore_block('arrivale_addresses_block')) %}
  15.     {% if editmode %}
  16.         <label><strong>Arrivaladdress label</strong></label>
  17.         {{ pimcore_input('arrivaladress_label') }}
  18.         <label><strong>Arriavaladdress value </strong>(e.g. Am Schlossberg, 8010 Graz): </label>
  19.         {{ pimcore_input('arrivaladress_value') }}
  20.     {% endif %}
  21.     {%  set arrivaladdresses = arrivaladdresses|merge([{
  22.         "label": pimcore_input('arrivaladress_label').data,
  23.         "value": pimcore_input('arrivaladress_value').data,
  24.         "class": "",
  25.         "selected": i == 1 and pimcore_block('arrivale_addresses_block').count <= 1
  26.     }]) %}
  27. {% endfor %}
  28. {% if editmode %}
  29.     </div>
  30. </div>
  31. {% endif %}
  33. <section class="slide slide--big bg-dark-bg content-block js-fade-in mt-5"
  34.     {{ not pimcore_input('anchorTitle').empty ? ('data-anchor-nav-title="' ~ pimcore_input('anchorTitle').frontend ~ '"') : '' }}
  35.     >
  37.     {# no container as styleModifier!   #}
  38.     <div class="container container-sm">
  39.         {{ include('Includes/title-block-editable.html.twig', {
  40.             isCentered: true,
  41.             isWhite:  true,
  42.             styleModifier: 'js-fade-in',
  43.             suffix: 'arrival-slide'
  44.         }) }}
  46.         <form action="https://www.google.com/maps/dir/" target="_blank">
  47.             <input type="hidden" name="api" value="1">
  48.             <input type="hidden" name="travelmode" value="car">
  50.             <div class="row justify-content-center">
  52.                 <div class="col-md-4">
  53.                     {{ include('Form/Includes/form-control.html.twig', {
  54.                         'id': 'origin',
  55.                         'name': 'origin',
  56.                         'label': 'arrival.Startadresse'|trans,
  57.                         "type": 'text',
  58.                         "required": true,
  59.                         "labelModifier": "floating-label",
  60.                         "inputModifier": "js-floating-label",
  61.                         "inputWrapperModifier": "form-group__search position-relative"
  62.                     }) }}
  63.                 </div>
  65.                 <div class="col-md-4">
  66.                     {{ include('Form/Includes/select.html.twig', {
  67.                         inputModifier: "js-floating-label",
  68.                         labelModifier: "floating-label",
  69.                         inputWrapperModifier: "select__input-wrapper position-relative",
  70.                         name: "destination",
  71.                         id: "destination",
  72.                         required: true,
  73.                         label: 'arrival.Zieladresse auswählen'|trans,
  74.                         styleModifier: arrivaladdresses|length <= 2 ? 'select--hide-arrow': '',
  75.                         readonly: arrivaladdresses|length <= 2,
  76.                         options: arrivaladdresses
  77.                     }) }}
  78.                 </div>
  80.                 <div class="col-md-4">
  81.                     <button type="submit" class="btn btn-primary-light btn-block">
  82.                         {{ 'arrival.Route planen'|trans }}
  83.                     </button>
  84.                 </div>
  86.             </div>
  87.         </form>
  89.     </div>
  90. </section>