templates/pages/_includes/details/_other-departures-table.html.twig line 1

Open in your IDE?
  1. {% import '_snippets/components/macros/date.html.twig' as dateMacros %}
  3. {% set companiesWithFullWeb = getCompaniesWithFullWeb() %}
  4. {% set companiesWithFullWebIds = companiesWithFullWeb|map(c => c.id) %}
  6. <div class="other-departures-view other-departures-view--table is-active" data-view-panel="table">
  7. <div class="pricing-table-wrapper">
  8. <div class="pricing-table-scroll">
  9. <table class="pricing-table">
  10. <colgroup>
  11. <col class="pricing-table-col-sticky">
  12. <col class="pricing-table-col-arrow">
  13. {% for departureCruise in allDepartures %}
  14. <col class="pricing-table-col-date">
  15. {% endfor %}
  16. <col class="pricing-table-col-arrow">
  17. </colgroup>
  18. <thead>
  19. <tr>
  20. <th scope="col" class="pricing-table-corner sticky-col">
  21. <span class="text-md-sbd color-primary-color">{{ 'details.cabin_choice.pricing_table.double_occupancy_rates'|trans }}</span>
  22. <span class="text-xs-rg color-grey-text">{{ 'details.cabin_choice.pricing_table.mandatory_service_fees'|trans }}</span>
  23. </th>
  24. <th scope="col" class="pricing-table-arrow-col pricing-table-arrow-col--left sticky-arrow-col" aria-hidden="true"></th>
  25. {% for departureCruise in allDepartures %}
  26. {% set isSelectedDeparture = departureCruise.departureDate and currentCruise.departureDate and departureCruise.departureDate|date('Y-m-d') == currentCruise.departureDate|date('Y-m-d') %}
  27. {% set departureMonth = departureCruise.departureDate ? departureCruise.departureDate|date('n') : 0 %}
  28. <th scope="col" class="pricing-table-header{% if isSelectedDeparture %} is-selected{% endif %}" data-departure-index="{{ loop.index0 }}">
  29. <span class="date text-sm-md">
  30. {% if departureCruise.departureDate %}
  31. {{ departureCruise.departureDate|date('d') }}
  32. {{ dateMacros.short_month_fr(departureMonth) }}
  33. {{ departureCruise.departureDate|date('Y') }}
  34. {% endif %}
  35. </span>
  36. {% if isSelectedDeparture %}
  37. <span class="selected-label text-2xs-rg color-grey-text">{{ 'details.cabin_choice.pricing_table.selected_departure'|trans }}</span>
  38. {% endif %}
  39. </th>
  40. {% endfor %}
  41. <th scope="col" class="pricing-table-arrow-col pricing-table-arrow-col--right sticky-arrow-col-right" aria-hidden="true"></th>
  42. </tr>
  43. </thead>
  44. <tbody>
  45. {% for subType in subTypes %}
  46. {% set subtypeShortLabel = subType.shortName|default('')|trim %}
  47. {% if subtypeShortLabel is empty %}
  48. {% set subtypeShortLabel = subType.name|default('')|trim %}
  49. {% endif %}
  50. {% if subtypeShortLabel is empty %}
  51. {% set subtypeShortLabel = '%02d'|format(loop.index0) %}
  52. {% endif %}
  53. {% set cabinTypeId = subtypeCabinTypeMap[subType.id ~ '']|default(subType.cabinType.id|default('')) %}
  54. {% set tableModalMinPrice = null %}
  55. {% for departureCruise in allDepartures %}
  56. {% set bestPriceObj = getBestPriceForCruiseCabinSubType(departureCruise, subType) %}
  57. {% set priceValue = bestPriceObj ? bestPriceObj.baseCostDouble|default(0)|round(0, 'ceil') : 0 %}
  58. {% if priceValue > 0 and (tableModalMinPrice is null or priceValue < tableModalMinPrice) %}
  59. {% set tableModalMinPrice = priceValue %}
  60. {% endif %}
  61. {% endfor %}
  63. <tr>
  64. <th scope="row" class="pricing-table-row-label sticky-col" data-subtype-id="{{ subType.id }}">
  65. {% embed 'pages/_includes/partials/_cabin-modal-link.html.twig' with {
  66. cabinTypeId: cabinTypeId,
  67. subTypeId: subType.id,
  68. linkClass: 'pricing-table-row-label-link',
  69. modalMinPrice: tableModalMinPrice
  70. } %}
  71. {% block link_content %}
  72. <span class="subtype-code text-xs-bd">{{ subtypeShortLabel }}</span>
  73. <span class="subtype-name text-md-sbd">{{ getLucidIcon('info') }} {{ subType.name }}</span>
  74. {% endblock %}
  75. {% endembed %}
  76. </th>
  78. {% if loop.first %}
  79. <td class="pricing-table-arrow-col pricing-table-arrow-col--left sticky-arrow-col" rowspan="{{ subTypes|length }}">
  80. <button type="button" class="arrow left-arrow br1" aria-label="{{ 'details.cabin_choice.pricing_table.scroll_left'|trans }}">
  81. <div class="icon">{{ getLucidIcon('chevron-left') }}</div>
  82. </button>
  83. </td>
  84. {% endif %}
  85. {% for departureCruise in allDepartures %}
  86. {% set isSelectedDeparture = departureCruise.departureDate and currentCruise.departureDate and departureCruise.departureDate|date('Y-m-d') == currentCruise.departureDate|date('Y-m-d') %}
  87. {% set cellBestPriceObj = getBestPriceForCruiseCabinSubType(departureCruise, subType) %}
  88. {% set rawBestPrice = cellBestPriceObj ? cellBestPriceObj.baseCostDouble|default(0)|round(0, 'ceil') : 0 %}
  89. {% set departureCompany = departureCruise.ship.company|default(null) %}
  90. {% set departureCompanyName = departureCompany.name|default('') %}
  91. {% set hasDirectOnline = departureCompany.id|default(null) in companiesWithFullWebIds %}
  92. <td class="pricing-table-cell{% if rawBestPrice <= 0 %} is-full{% endif %}{% if isSelectedDeparture %} is-selected{% endif %} {{ rawBestPrice == bestUpComingPrice ? 'is-best-price' : '' }}" data-departure-index="{{ loop.index0 }}">
  93. {% if rawBestPrice > 0 %}
  94. {% set departureDateLabel = departureCruise.departureDate ? departureCruise.departureDate|date('d/m/Y') : '' %}
  95. {% set dddUrl = 'details/reservation?croisiere=' ~ departureCruise.id ~ '&type=' ~ cabinTypeId ~ '&subtype=' ~ subType.id %}
  96. <button
  97. type="button"
  98. class="pricing-table-cell-link"
  99. data-cruise-id="{{ departureCruise.id }}"
  100. data-subtype-id="{{ subType.id }}"
  101. data-cabin-type-id="{{ cabinTypeId }}"
  102. data-price="{{ rawBestPrice }}"
  103. data-departure-date="{{ departureDateLabel }}"
  104. data-subtype-name="{{ subType.name }}"
  105. data-company-name="{{ departureCompanyName }}"
  106. data-direct-online="{{ hasDirectOnline ? '1' : '0' }}"
  107. data-ddd-url="{{ dddUrl }}"
  108. data-reservation-url="{{ dddUrl }}"
  109. aria-label="{{ 'details.type_of_quote.open_for'|trans({'%cabin%': subType.name, '%date%': departureDateLabel}) }}"
  110. >
  111. <span class="from text-sm-rg color-grey-text">{{ 'details.cabin_choice.pricing_table.from_label'|trans }}</span>
  112. <span class="value text-lg-sebd color-price-tags-primary">{{ rawBestPrice|number_format(0, ',', ' ') }} €</span>
  113. </button>
  114. {% else %}
  115. <div class="pricing-table-cell-link pricing-table-cell-link--static">
  116. <span class="full text-md-bd color-grey">{{ 'details.cabin_choice.pricing_table.full'|trans }}</span>
  117. </div>
  118. {% endif %}
  119. </td>
  120. {% endfor %}
  121. {% if loop.first %}
  122. <td class="pricing-table-arrow-col pricing-table-arrow-col--right sticky-arrow-col-right" rowspan="{{ subTypes|length }}">
  123. <button type="button" class="arrow right-arrow br1" aria-label="{{ 'details.cabin_choice.pricing_table.scroll_right'|trans }}">
  124. <div class="icon">{{ getLucidIcon('chevron-right') }}</div>
  125. </button>
  126. </td>
  127. {% endif %}
  128. </tr>
  129. {% endfor %}
  130. </tbody>
  131. </table>
  132. </div>
  133. </div>
  134. </div>