templates/pages/partials/yourTrip.html.twig line 1

Open in your IDE?
  1. <div id="journeyDetails" class="component checkout-step-panel checkout-step-active" data-checkout-step="journeyDetails">
  2.     <div id="matchComposer">
  3.         <div class="whitebox">
  4.             <form action="">
  5.                 <div class="row">
  6.                     <div class="col-12">
  7.                         <h3 class="text-center strike">
  8.                             <span>Jouw <span>voetbalreis</span></span>
  9.                         </h3>
  10.                     </div>
  11.                     <div class="col-12">
  12.                         {# <div class="align-self-center vr-radio float-left"> #}
  13.                         {# <div class="vr-radio-default"> #}
  14.                         {# <input type="radio" value="hotel" name="ticketType" #}
  15.                         {# id="ticketTypeHotel" {% if basket.flight is empty %}checked{% endif %}> #}
  16.                         {# <label for="ticketTypeHotel">Hotel + ticket</label> #}
  17.                         {# </div> #}
  18.                         {# </div> #}
  19.                         {# <div class="align-self-center vr-radio float-left"> #}
  20.                         {# <div class="vr-radio-default"> #}
  21.                         {# <input type="radio" value="flight" name="ticketType" #}
  22.                         {# id="ticketTypeHotelFlight" #}
  23.                         {# {% if basket.flight is not empty %}checked{% endif %}> #}
  24.                         {# <label for="ticketTypeHotelFlight">Vlucht + hotel + ticket</label> #}
  25.                         {# </div> #}
  26.                         {# </div> #}
  27.                     </div>
  28.                     <div class="col-12">
  29.                         <div class="row">
  30.                             <div class="form-group col-12 col-lg-4 select-airport" style="display:none;">
  31.                                 <div class="flex-even">
  32.                                     <label>Luchthaven van vertrek</label>
  33.                                     <select class="select-select2" name="airports">
  34.                                         {% for airport in airports %}
  35.                                             <option label="{{ airport.airportName }}" value="{{ airport.airportId }}"
  36.                                                     {{ basket.airport == airport.airportId ? 'selected="selected"' : '' }}>
  37.                                                 {{ airport.airportName }}
  38.                                             </option>
  39.                                         {% endfor %}
  40.                                     </select>
  41.                                 </div>
  42.                             </div>
  43.                             <div class="form-group col-12 col-sm-6 col-lg-4">
  44.                                 <label for="inlineFormInputName2">Datum heenreis
  45.                                     <button type="button" data-toggle="modal" data-target="#tripdate_explanation"><i
  46.                                                 class="fas fa-info-circle blue"></i></button>
  47.                                 </label>
  48.                                 <select name="departDate" id="depart-date" class="select-select2-hide-search">
  49.                                     {% for departDate in departDates %}
  50.                                         <option label="{{ departDate|localizeddate('none', 'none', app.request.locale, null, '(eeeeee.) dd-MM-yyyy') }}"
  51.                                                 value="{{ departDate|date('Y-m-d') }}"
  52.                                                 {% if basket.departDate %}
  53.                                                     {{ departDate|date('Y-m-d') == basket.departDate|date('Y-m-d') ? 'selected="selected"' : '' }}
  54.                                                 {% elseif loop.first %}
  55.                                                     selected="selected"
  56.                                                 {% endif %}
  57.                                         >
  58.                                             {{ departDate|localizeddate('none', 'none', app.request.locale, null, '(eeeeee.) dd-MM-yyyy') }}
  59.                                         </option>
  60.                                     {% endfor %}
  61.                                 </select>
  62.                             </div>
  63.                             <div class="form-group col-12 col-sm-6 col-lg-4">
  64.                                 <label for="returnDate">Datum terugreis
  65.                                     <button type="button" data-toggle="modal" data-target="#tripdate_explanation"><i
  66.                                                 class="fas fa-info-circle blue"></i></button>
  67.                                 </label>
  68.                                 <select name="returnDate" id="return-date" class="select-select2-hide-search">
  69.                                     {% for returnDate in returnDates %}
  70.                                         <option label="{{ returnDate|localizeddate('none', 'none', app.request.locale, null, '(eeeeee.) dd-MM-yyyy') }}"
  71.                                                 value="{{ returnDate|date('Y-m-d') }}"
  72.                                                 {% if basket.returnDate %}
  73.                                                     {{ returnDate|date('Y-m-d') == basket.returnDate|date('Y-m-d') ? 'selected="selected"' : '' }}
  74.                                                 {% elseif loop.first %}
  75.                                                     selected="selected"
  76.                                                 {% endif %}
  77.                                         >
  78.                                             {{ returnDate|localizeddate('none', 'none', app.request.locale, null, '(eeeeee.) dd-MM-yyyy') }}
  79.                                         </option>
  80.                                     {% endfor %}
  81.                                 </select>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  86.                     <div class="col-12">
  87.                         <div class="row">
  88.                             <div class="form-group col-12 col-sm-4">
  89.                                 <label for="adults">Aantal Volwassenen
  90.                                     <button type="button" data-toggle="modal"
  91.                                             data-target="#trip_amout_travelers_explanation"><i
  92.                                                 class="fas fa-info-circle blue"></i></button>
  93.                                 </label>
  94.                                 <select name="adults" id="select-adults" class="select-select2-hide-search">
  95.                                     {% for i in range(1, 8) %}
  96.                                         <option label="{{ i }}"
  97.                                                 value="{{ i }}" {{ i == basket.adults ? 'selected="selected"' : '' }}>{{ i }}
  98.                                         </option>
  99.                                     {% endfor %}
  100.                                 </select>
  101.                             </div>
  102.                             <div class="form-group col-12 col-sm-4">
  103.                                 <label for="kids">Aantal kinderen t/m 12 jaar</label>
  104.                                 <select name="kids" class="select-select2-hide-search" id="select-children">
  105.                                     {% for i in range(0, 8) %}
  106.                                         <option label="{{ i }}"
  107.                                                 value="{{ i }}"
  108.                                                 {{ i == basket.children ? 'selected="selected"' : '' }}
  109.                                         >{{ i }}</option>
  110.                                     {% endfor %}
  111.                                 </select>
  112.                             </div>
  113.                             <div class="form-group col-12 col-sm-4">
  114.                                 <label for="inlineFormInputName2">Aantal kamers</label>
  115.                                 <select name="rooms" class="select-select2-hide-search" id="select-rooms">
  116.                                     {% for i in range(1, 8) %}
  117.                                         <option label="{{ i }}"
  118.                                                 value="{{ i }}"{{ i == basket.rooms ? 'selected="selected"' : '' }}>
  119.                                             {{ i }}
  120.                                         </option>
  121.                                     {% endfor %}
  122.                                 </select>
  123.                             </div>
  124.                         </div>
  125.                         <div class="row">
  126.                             <div class="col-12 d-flex justify-content-center flex-column flex-sm-row flex-wrap align-items-center checkout-step-actions">
  127.                                 <a class="is-btn checkout-prev-step mb-5 mb-sm-0 mr-sm-3 align-self-center"
  128.                                    href="/wedstrijden">
  129.                                     <span>Vorige</span> stap
  130.                                 </a>
  131.                                 <button type="button"
  132.                                         class="select-ticket is-btn is-background-color-primary stroke-alt align-self-center"
  133.                                         data-scroll="stadiumCategories"
  134.                                         {% if basket.flight is not empty %}style="display:none;"{% endif %}>
  135.                                     Kies jouw <span>tickets</span>
  136.                                 </button>
  137.                             </div>
  138.                         </div>
  139.                         <div class="col-12 mt-3">
  140.                             <div class="alert alert-secondary checkout-offerte-alert" role="alert">
  141.                                 Liever volledig ontzorgt? Vraag een <a href="/offerteaanvraag" class="alert-link">offerte aan</a>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.             </form>
  147.         </div>
  148.         <div class="alert alert-warning is-padding-20 is-rounded-5 is-margin-bottom-30 is-padding-left-50"
  149.              id="alert-max-persons" role="alert" style="display: none;">
  150.             <i class="fas fa-exclamation-triangle icon-before"></i> Foutmelding: Het totaal aantal personen mag niet
  151.             groter dan 8 personen zijn.
  152.         </div>
  153.         <div class="alert alert-warning is-padding-20 is-rounded-5 is-margin-bottom-30 is-padding-left-50"
  154.              id="alert-max-rooms" role="alert" style="display: none;">
  155.             <i class="fas fa-exclamation-triangle icon-before"></i> Er mogen niet meer kamers geselecteerd zijn dan dat
  156.             er volwassenen zijn.
  157.         </div>
  158.     </div>
  159. </div>
  161. {{ include('pages/Modal/yourtrip_date_explanation.html.twig') }}
  162. {{ include('pages/Modal/yourtrip_amount_travelers_explanation.html.twig') }}