templates/pages/_includes/details/_main-informations.html.twig line 1

Open in your IDE?
  1. {#
  2. Informations principales en haut de la page détail.
  3. Variables attendues : cruise (entité Cruise), content (CMS).
  4. #}
  6. {% set company = cruise.ship.company|default(null) %}
  7. {% set companyLogoUrl = company is not null
  8. ? (crea_media_get_media(['logo'], company).cdnUrl|default('/img/placeholder-company.svg'))
  9. : null %}
  11. {# Premier et dernier segment escale (hors journées en mer) pour les ports d'embarquement / débarquement. #}
  12. {% set departurePort = get_departure_port(cruise.itinerary).name|default('') %}
  13. {% set arrivalPort = get_arrival_port(cruise.itinerary).name|default(departurePort) %}
  15. {# Plage de dates de la croisière. #}
  16. {% set nb_days = cruise.itinerary.numberOfDays|default(1) %}
  17. {% set nb_nights = nb_days > 0 ? nb_days - 1 : 0 %}
  19. {# Meilleur prix. #}
  20. {% set best_price = getCruiseBestPrice(cruise) %}
  21. {% if best_price is not defined or best_price == 0 %}
  22. {% set best_price = null %}
  23. {% endif %}
  25. {% set partner = getCurrentPartner() %}
  26. {% set discountPercent = 0 %}
  27. {% if partner and company %}
  28. {% set discount = get_partner_company_discount(company) %}
  29. {% set discountPercent = discount ? discount.rate|default(0) : 0 %}
  30. {% endif %}
  31. {% set showPartnerDiscount = partner and discountPercent > 0 and partner.name|default('') is not empty %}
  33. {% set bestUpComingPrice = bestUpComingPrice|default(null) %}
  35. <div class="container-fluid mb-5">
  36. <div class="row">
  37. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  38. <div class="col-lg-10 col-md-10 col-sm-12 main-informations">
  39. <div class="main-informations-left">
  40. <div class="block">
  41. <h1 class="text-3xl-bd">
  42. {{ getLucidIcon('ship') }}
  43. {{ getCruiseName(cruise)|default('') }}
  44. </h1>
  46. {% if companyLogoUrl is not null %}
  47. <img class="logo" src="{{ companyLogoUrl }}" alt="{{ company.name|default('') }}"/>
  48. {% endif %}
  50. <div class="duration-1 text-md-rg">
  51. <div>
  52. {{ nb_days }}
  53. {{ 'details.main_information.days_and'|trans }}
  54. {{ nb_nights }}
  55. {{ 'details.main_information.nights_with'|trans }}
  57. <span>
  58. <span class="text-md-sbd">{{ company.name|default('') }}</span>
  60. <div class="stars-rating" data-mark="4.5">
  61. {% for i in 1..5 %}
  62. <span class="star">
  63. <span class="star-empty">{{ getLucidIcon('star') }}</span>
  64. <span class="star-filled">{{ getLucidIcon('star') }}</span>
  65. </span>
  66. {% endfor %}
  67. </div>
  68. </span>
  69. </div>
  70. <div>{{ 'details.main_information.on_ship'|trans }}
  71. <span>
  72. <span class="text-md-sbd">{{ cruise.ship.name|default('') }}</span>
  73. <div class="stars-rating" data-mark="4.5">
  74. {% for i in 1..5 %}
  75. <span class="star">
  76. <span class="star-empty">{{ getLucidIcon('star') }}</span>
  77. <span class="star-filled">{{ getLucidIcon('star') }}</span>
  78. </span>
  79. {% endfor %}
  80. </div>
  81. </span>
  82. </div>
  83. </div>
  85. <div class="duration-2 text-md-rg">
  86. <div>
  87. {{ 'details.main_information.from'|trans }}
  88. <span class="text-md-sbd">{{ cruise.departureDate|date('d/m/Y') }}</span>
  89. {{ 'details.main_information.to'|trans }}
  90. <span class="text-md-sbd">{{ cruise.arrivalDate|date('d/m/Y') }}</span>
  91. </div>
  92. <div>{{ 'details.main_information.departure_from'|trans }}
  93. <span>
  94. <span class="text-md-sbd">{{ departurePort }}</span>
  95. <div class="stars-rating" data-mark="4.5">
  96. {% for i in 1..5 %}
  97. <span class="star">
  98. <span class="star-empty">{{ getLucidIcon('star') }}</span>
  99. <span class="star-filled">{{ getLucidIcon('star') }}</span>
  100. </span>
  101. {% endfor %}
  102. </div>
  103. </span>
  104. </div>
  105. <div>{{ 'details.main_information.return_to'|trans }}
  106. <span>
  107. <span class="text-md-sbd">{{ arrivalPort }}</span>
  108. <div class="stars-rating" data-mark="4.5">
  109. {% for i in 1..5 %}
  110. <span class="star">
  111. <span class="star-empty">{{ getLucidIcon('star') }}</span>
  112. <span class="star-filled">{{ getLucidIcon('star') }}</span>
  113. </span>
  114. {% endfor %}
  115. </div>
  116. </span>
  117. </div>
  118. </div>
  119. </div>
  121. {% if offers is iterable and offers is not empty %}
  122. <div class="block">
  123. <h2 class="text-sm-bd">
  124. {{ getLucidIcon('star') }}
  125. {{ 'details.main_information.active_promotions'|trans }}
  126. </h2>
  127. {% include 'pages/_includes/components/_special_offers.html.twig' with { offers: offers } only %}
  128. </div>
  129. {% endif %}
  131. <div class="block">
  132. <h2 class="text-sm-bd">
  133. {{ getLucidIcon('hand-platter') }}
  134. {{ 'details.main_information.onboard_benefits'|trans }}
  135. </h2>
  136. <div class="advantages">
  137. {% for advantage in company.advantages|default([]) %}
  138. <div class="advantage text-xs-rg">
  139. <span class="icon">{{ getLucidIcon(advantage.icon|default('percent')) }}</span>
  140. <span class="text">{{ advantage.name|default(advantage.title|default('')) }}</span>
  141. {% include 'pages/_includes/partials/_benefit_popup.html.twig' with {'benefit': advantage} %}
  142. </div>
  143. {% endfor %}
  144. </div>
  145. </div>
  146. </div>
  148. <div class="block block-price text-xs-rg">
  150. {% if content.isDevelopmentMode|default(false) and content.isFreeCard|default(false) %}
  151. <div class="free-card br2 shimmered">
  152. <div class="discount color-card-background">
  153. <div class="text text-lg-sebd">{{ 'details.main_information.instant_online_booking'|trans }}</div>
  154. </div>
  156. <div class=" text text-xs-md br1 color-card-background">
  157. {{ getLucidIcon('check') }}
  158. {{ 'details.main_information.instant_online_booking_description'|trans }}
  159. </div>
  160. </div>
  161. {% endif %}
  163. {% if showPartnerDiscount %}
  164. <div class="partner-card br2 shimmered">
  165. <div class="icon">{{ getLucidIcon('star') }}</div>
  167. <div class="tags">
  168. <div class="tag text-xs-bd color-price-tags-primary br1 ">{{ 'details.main_information.partner_tag'|trans }}</div>
  169. <div class="tag text-xs-bd br1">{{ partner.name }}</div>
  170. </div>
  172. <div class="discount color-card-background">
  173. <div class="reduction-value text-4xl-sebd">-{{ discountPercent }}%</div>
  174. <div class="text text-sm-bd">{{ 'details.main_information.exclusive_discount'|trans }}</div>
  175. </div>
  177. <div class=" text text-xs-md br1 color-card-background">
  178. {{ getLucidIcon('check') }}
  179. {{ 'details.main_information.partner_discount_applied'|trans }}
  180. </div>
  181. </div>
  182. {% endif %}
  184. {# {% if best_price is not null and showPartnerDiscount %}
  185. <div class="old-price">
  186. <div class="price text-2xl-sebd color-grey">
  187. {{ (best_price / (1 - discountPercent / 100))|number_format(0, ',', ' ') }}€
  188. </div>
  189. <div class="reduction-amount text-xs-md color-card-background br1">-{{ discountPercent }}%</div>
  190. </div>
  191. {% endif %} #}
  193. <div>
  194. <div>
  195. {{ cruise.bestPrice.cabinCategory.cabinSubType.name|default('') ?: 'details.cabin_choice.room'|trans }}
  196. <br>
  197. {{ 'common.from'|trans|lower }}
  198. </div>
  199. <div>
  200. {% if best_price is not null %}
  201. <span class="price text-4xl-sebd color-price-tags-primary">{{ best_price|number_format(0, ',', ' ') }}€</span>{{ 'common.per_person_short'|trans }}
  202. {% else %}
  203. <span class="price text-4xl-sebd color-price-tags-primary">-</span>
  204. {% endif %}
  205. </div>
  206. </div>
  208. {% if content.isFloa|default(false) %}
  209. <div class="floa text-sm-rg color-primary-dark">
  210. {{ 'ddd.pay_in_installments'|trans }}
  211. <img src="/img/logos/floa4x.svg" alt="FLOA"/>
  212. </div>
  213. {% endif %}
  215. <a class="btn style1 medium" href="#choix-cabine">
  216. {{ 'ddd.choose_cabin_type'|trans }}
  217. </a>
  218. </div>
  219. </div>
  220. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  221. </div>
  222. </div>