templates/pages/_includes/details/_itinerary.html.twig line 1

Open in your IDE?
  1. {#
  2. Bloc « Votre itinéraire » sur la page détail.
  3. Variables attendues : cruise (entité Cruise).
  4. #}
  6. {% import '_snippets/components/macros/cruise.html.twig' as cruiseMacros %}
  7. {% import 'pages/_includes/details/_itinerary_macros.html.twig' as itineraryMacros %}
  9. {% set segments = cruise.itinerary.itinerarySegments|default([]) %}
  11. <div class="container-fluid mb-5">
  12. <div class="row">
  13. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  14. <div class="col-lg-10 col-md-10 col-sm-12">
  15. <div class="itinerary br3">
  17. <h2>
  18. <div class="icon">{{ getLucidIcon('map-pin') }}</div>
  19. {{ 'details.itinerary.title'|trans }}
  20. </h2>
  22. <div class="itinerary-wrapper">
  23. <div class="itinerary-map-section">
  24. <div class="map">
  25. {{ cruiseMacros.leaflet_map(cruise) }}
  26. </div>
  27. </div>
  29. <div class="itinerary-stopovers-section">
  30. <div class="stopovers br3">
  31. <div class="your_stopovers">
  32. <div>{{ 'details.itinerary.your_stopovers'|trans }}</div>
  33. </div>
  35. <div class="stopovers_head">
  36. <div>{{ 'details.itinerary.day'|trans }}</div>
  37. <div class="stopover_name">{{ 'details.itinerary.stopover'|trans }}</div>
  38. <div>{{ 'details.itinerary.date'|trans }}</div>
  39. <div>{{ 'details.itinerary.arrival'|trans }}</div>
  40. <div>{{ 'details.itinerary.departure'|trans }}</div>
  41. </div>
  43. <div class="stopovers_body">
  44. {% for segment in segments %}
  45. {% set isSeaDay = segment.segmentType.value == 'day_at_sea' %}
  46. {% set stopover = segment.stopover|default(null) %}
  47. {% set isPortStop = stopover is not null and not isSeaDay %}
  48. {% set segmentDate = getSegmentDateForCruise(cruise, segment) %}
  49. {% set mediasStopover = isPortStop ? crea_media_get_medias(["Stopover"], stopover) : [] %}
  50. {% set stopoverDescription = isPortStop ? stopover.details.description|default(stopover.description|default('')) : '' %}
  51. {% set stopoverAccordions = isPortStop ? stopover.details.accordion|default([]) : [] %}
  52. {% set hasExpandableContent = isPortStop and (
  53. mediasStopover|length > 0
  54. or stopoverDescription|striptags|trim is not empty
  55. or stopover.whatToDo|default('') is not empty
  56. or stopover.accessGuide|default('') is not empty
  57. or stopoverAccordions is not empty
  58. ) %}
  59. {% set activities = getSegmentActivities(segment)|default([]) %}
  61. <div class="{{ hasExpandableContent ? 'accordion br2' : 'br2' }}">
  62. <div class="stopover{{ hasExpandableContent ? ' accordion-trigger' : '' }}">
  63. <div class="day">
  64. <div class="icon accordion-chevron{{ hasExpandableContent === false ? ' hidden' : '' }}">{{ getLucidIcon('chevron-down') }}</div>
  65. <div class="number {{ loop.first ? 'first' : '' }}">
  66. {{ itineraryMacros.day_marker(segment, loop) }}
  67. </div>
  68. </div>
  70. <div class="stopover_name">
  71. <div class="stopover_name_main">
  72. <div class="stopover_icon_mobile">
  73. {{ itineraryMacros.day_marker(segment, loop, true) }}
  74. </div>
  75. <div class="stopover_name_text">
  76. {% if isSeaDay %}
  77. {{ 'details.itinerary.day_at_sea'|trans }}
  78. {% else %}
  79. {{ stopover.name|default('')|raw }}
  80. {% endif %}
  81. {% if loop.first or loop.last %}
  82. <div class="first_or_last_stopover">
  83. {{ loop.first ? ('details.itinerary.embarkation'|trans) : ('details.itinerary.disembarkation'|trans) }}
  84. </div>
  85. {% endif %}
  86. {% if activities is not empty %}
  87. <div class="stopover_activity sea_destination">
  88. {% for activity in activities %}
  89. {% if activity.startTime is not null and activity.endTime is null %}
  90. {{ 'details.itinerary.sea_destination_activity.start_time'|trans({'%time%': activity.startTime|date('H:i')}) }}
  91. {% elseif activity.endTime is not null and activity.startTime is null %}
  92. {{ 'details.itinerary.sea_destination_activity.end_time'|trans({'%time%': activity.endTime|date('H:i')}) }}
  93. {% elseif activity.endTime is not null and activity.startTime is not null %}
  94. {{ 'details.itinerary.sea_destination_activity.both_times'|trans({'%start_time%': activity.startTime|date('H:i'), '%end_time%': activity.endTime|date('H:i')}) }}
  95. {% endif %}
  96. {% endfor %}
  97. </div>
  98. {% endif %}
  99. </div>
  100. </div>
  101. </div>
  103. <div class="stopover_date">{{ segmentDate ? segmentDate|date('d/m/Y') : '' }}</div>
  105. <div class="stopover_arrival">
  106. {% if segment.arrivalTime is not null %}
  107. {{ segment.arrivalTime|date('H:i') }}
  108. {% elseif loop.first %}
  109. {{ getLucidIcon('log-in') }}
  110. {% else %}
  111. -
  112. {% endif %}
  113. </div>
  115. <div class="stopover_departure">
  116. {% if segment.departureTime is not null %}
  117. {{ segment.departureTime|date('H:i') }}
  118. {% elseif loop.last %}
  119. {{ getLucidIcon('log-in') }}
  120. {% else %}
  121. -
  122. {% endif %}
  123. </div>
  124. </div>
  126. {% if hasExpandableContent %}
  127. {{ itineraryMacros.stopover_expandable_content(stopover, mediasStopover, stopoverDescription, stopoverAccordions) }}
  128. {% endif %}
  129. </div>
  130. {% endfor %}
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  138. </div>
  139. </div>