templates/_snippets/components/cards/mini_card.html.twig line 1

Open in your IDE?
  1. {% if cruise is defined %}
  2. {# Quand true : pas d’accès à cruise.itinerary / escales → évite les requêtes lazy (ex. common_stopover_computed). #}
  3. {% set skip_itinerary_lazy = skip_itinerary_lazy|default(false) %}
  4. {% set isPriorityLoad = isPriorityLoad ?? false %}
  5. {% set categoryTagId = categoryTagId|default(null) %}
  6. {% set isCompanyLogo = isCompanyLogo ?? true %}
  7. {% set isFavorite = isFavorite ?? true %}
  8. {% set ship = cruise.ship %}
  9. {% set shipMedia = crea_media_get_media(['main'], cruise.ship, null, { width: 550 }) %}
  10. {% set imageUrl = shipMedia ? shipMedia.cdnUrl : '' %}
  12. <div class="sub-card {{ isPriorityLoad ? 'priority-load' : 'lazy-load' }}" data-cruise-id="{{ cruise.id }}" data-lazy="{{ isPriorityLoad ? 'false' : 'true' }}"{% if categoryTagId %} data-tag-id="{{ categoryTagId }}"{% endif %}>
  13. <div class="sub-card-image {{ isPriorityLoad ? '' : 'lazy-background' }}" {% if isPriorityLoad %}style="background-image: url('{{ imageUrl }}');"{% else %}data-bg="{{ imageUrl }}"{% endif %} aria-label="Image du navire {{ cruise.ship.name|default('') }}">
  14. {% if isCompanyLogo %}
  15. <div class="company-logo-thumbnail">
  16. <img src="{{ crea_media_get_media(['logo'], cruise.ship.company).cdnUrl|default('/img/placeholder-company.svg') }}" alt="{{ 'common.company'|trans }} {{ cruise.ship.company.name|default('Compagnie') }}">
  17. </div>
  18. {% endif %}
  19. {% if isFavorite %}
  20. <div class="favorite">
  21. <button type="button" class="favorite-button" aria-label="Ajouter cette croisière à vos favoris" data-cruise-id="{{ cruise.id }}">
  22. {{ getLucidIcon('heart') }}
  23. </button>
  24. </div>
  25. {% endif %}
  26. </div>
  27. <div class="sub-card-content">
  28. <div class="sub-card-details">
  29. <div class="detail">
  30. <h3 class="sub-card-title">{{ getCruiseName(cruise)|default('') }}</h3>
  31. </div>
  32. <div class="detail bloc-details">
  33. <div class="detail">
  34. <span class="iconn">{{ getLucidIcon('clock') }}</span>
  35. {% if skip_itinerary_lazy %}
  36. {% set durationDays = null %}
  37. {% if cruise.departureDate and cruise.arrivalDate %}
  38. {% set durationDays = max(1, ((cruise.arrivalDate|date('U') - cruise.departureDate|date('U')) / 86400)|round(0, 'floor') + 1) %}
  39. {% endif %}
  40. {% else %}
  41. {% set durationDays = cruise.itinerary.numberOfDays|default(null) %}
  42. {% endif %}
  43. <span class="text">{{ 'snippets.cruise.duration_days'|trans({'%days%': durationDays ?? '—'}) }}</span>
  44. </div>
  45. <div class="detail">
  46. <span class="iconn">{{ getLucidIcon('calendar') }}</span>
  47. <span class="text">{{ 'snippets.cruise.departure_on'|trans({'%date%': cruise.departureDate|date('d/m/Y')|default('')}) }}</span>
  48. </div>
  49. </div>
  50. <div class="detail">
  51. <span class="iconn">{{ getLucidIcon('map-pin') }}</span>
  52. {% if skip_itinerary_lazy %}
  53. <span class="text">{{ 'snippets.cruise.departure_from'|trans({'%port%': '—'}) }}</span>
  54. {% else %}
  55. <span class="text">{{ 'snippets.cruise.departure_from'|trans({'%port%': cruise.itinerary.itinerarySegments.first.stopover.name|default('')}) }}</span>
  56. {% endif %}
  57. </div>
  58. <div class="detail">
  59. <span class="iconn">{{ getLucidIcon('ship') }}</span>
  60. <span class="text">{{ cruise.ship.name|default('') }}</span>
  61. </div>
  62. </div>
  63. <div class="sub-card-price-actions">
  64. <div class="sub-card-price">
  65. <div class="price" aria-label="Prix : {{ getCruiseBestPrice(cruise)|default(null)|number_format(0, ',', ' ') }} euros par personne">
  66. <span class="price-amount">{{ getCruiseBestPrice(cruise)|default(null)|number_format(0, ',', ' ') }}€</span>
  67. <span class="price-unit">{{ 'common.per_person_short'|trans }}</span>
  68. </div>
  69. </div>
  70. <div class="sub-card-actions">
  71. <a href="/croisieres/details?croisiere={{ cruise.id }}" class="btn style6 reverse_color">
  72. {{ 'common.see_offer'|trans }} {{ getLucidIcon('arrow-right') }}
  73. </a>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. {% endif %}