templates/partials/global/booking_promo.html.twig line 1

Open in your IDE?
  1. <div class="booking-promo">
  2.     <form class="booking-promo--form" id="promo-form" action="" data-promocode="{{ promotion.miraiClientCode }}" data-idoffers="{{ promotion.miraiOfferId }}" data-lang="{{app.request.locale}}">
  4.         <div class="booking-promo--item booking-promo--hotel {% if promotion.hotels|length <= 1 %} no-dropdown {% endif %}">
  5.             <span class="booking-promo--hotel-selected">{{ 'app.global.select_hotel' | trans }}</span>
  7.             {% if promotion.hotels|length > 1 %}
  8.                 {% include 'partials/global/svg/dropdown.svg.twig' %}
  9.             {% endif %}
  11.             <div class="booking-promo--dropdown booking-promo--dropdown-hotel">
  13.                 {% for hotel in promotion.hotels %}
  14.                     <input type="radio" name="hotel-option" id="{{ hotel.hotelClass }}" value="{{ hotel.miraiHotelId }}" {% if loop.first and promotion.hotels|length <= 1 %}checked="checked"{% endif %}
  15.                     >
  16.                     <label for="{{ hotel.hotelClass }}">{{ hotel.title }}</label>
  17.                 {% endfor %}
  19.             </div>
  20.         </div>
  22.         {% set dateStart = promotion.validFrom is null ? promotion.validFrom  : promotion.validFrom|date('Y-m-d') %}
  23.         {% set dateEnd = promotion.validTo is null ? promotion.validTo : promotion.validTo|date('Y-m-d') %}
  25.         <div class="booking-promo--item booking-promo--date {% if promotion.closedDates %} disabled{% endif %}">
  26.             <span class="booking-promo--date-selected-in"></span>
  27.             {% include 'partials/global/svg/dropdown.svg.twig' %}
  28.              <div class="booking-promo--dropdown booking-promo--dropdown-date-in" data-start="{{dateStart}}"
  29.                  data-end="{{dateEnd}}" data-max-nights="{{ promotion.maxNights }}"
  30.                  data-min-nights="{{ promotion.minNights }}">
  31.                 <div class="flatpickr-wrapper">
  32.                     <input type="text" id="promo-date-in" name="" min=""
  33.                         class="date-input default-theme form-control flatpickr-input active"  value="" hidden>
  34.                 </div>
  35.             </div>
  36.         </div>
  38.         <div class="booking-promo--item booking-promo--date is-out">
  39.             <span class="booking-promo--date-selected-out"></span>
  40.             {% include 'partials/global/svg/dropdown.svg.twig' %}
  41.             <div class="booking-promo--dropdown booking-promo--dropdown-date-out">
  42.                 <div class="flatpickr-wrapper">
  43.                     <input type="text" id="promo-date-out" name="" min=""
  44.                         class="date-input default-theme form-control flatpickr-input active" value="" hidden>
  45.                 </div>
  46.             </div>
  47.         </div>
  49.         <div class="booking-promo--item booking-promo--submit">
  50.             <button class="booking-promo--submit-button button green is-dark" type="submit">
  51.                 <span>{{ 'app.booking_form.book' | trans }}</span>
  52.             </button>
  53.         </div>
  55.         <div class="booking-promo--validation">
  56.             <span class="booking-promo--validation-text validations-select">{{ 'app.global.select_hotel_validation' | trans }}</span>
  57.             <span class="booking-promo--validation-text validations-date">{{ 'app.global.select_date_validation' | trans }}</span>
  58.         </div>
  59.     </form>
  61.     {% if promotion.closedDates %}
  62.         <div class="booking-promo--closed">
  63.             {{ 'app.promotions.closed_dates' | trans }}
  64.         </div>
  65.     {% endif %}
  66. </div>