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

Open in your IDE?
  1. {#
  2. Bloc « Promotions » sur la page détail.
  3. Variables attendues : cruise (entité Cruise) avec cruise.offerCruises (collection d'OfferCruise).
  4. #}
  5. <div class="container-fluid mb-5">
  6. <div class="row">
  7. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  8. <div class="col-lg-10 col-md-10 col-sm-12">
  9. <div class="promotions br3">
  10. <h2 class="text-lg-bd">
  11. {{ getLucidIcon('percent') }}
  12. {{ 'details.promotions.title'|trans }}
  13. </h2>
  14. <div class="offers">
  15. {% for offer in offers|default([]) %}
  16. <div class="offer br2" style="border-color: {{ offer.offerCategory.colorFill|default('#000000') }}" id="offer-{{ offer.id }}">
  17. <div class="image-offer br2" style="background-image: url('{{ crea_media_get_media(['thumbnail'], offer).cdnUrl|default('/img/placeholder-company.svg') }}')">
  18. <div class="tag-icon-offer br1" style="background-color: {{ offer.offerCategory.colorFill|default('#000000') }}; border: 1px solid {{ offer.offerCategory.colorStroke|default(offer.offerCategory.colorFill|default('#000000')) }}">
  19. {{ getLucidIcon(offer.offerCategory.icon|default('star'), {'style': 'color: ' ~ offer.offerCategory.colorFont|default('#FFFFFF') }) }}
  20. </div>
  21. </div>
  22. <div class="content-offer">
  23. <h3 class="text-md-bd">{{ offer.displayedName|default(offer.name|default('Promotion')) }}</h3>
  24. <div class="tag-offer-title text-xs-md color-grey-text">{{ offer.offerCategory.name|default('') }}</div>
  25. <div class="description-offer text-sm-md color-secondary-dark">{{ (offer.shortDescription|default(''))|raw }}</div>
  26. <div class="offer-terms accordion">
  27. <div class="cgu-offer accordion-content text-sm-md color-secondary-dark">{{ (offer.conditions|default(''))|raw }}</div>
  28. <div class="complement-offer text-xs-rg color-price-tags-primary separator">{{ offer.description|default('')|raw }}</div>
  29. {% if offer.conditions|default('') is not empty %}
  30. <button type="button" class="cgu-trigger accordion-trigger" data-offer="offer-{{ offer.id }}">
  31. <span class="cgu-button-text cgu-button-text-open">{{ 'details.promotions.open_terms'|trans }}</span>
  32. <span class="cgu-button-text cgu-button-text-close">{{ 'details.promotions.close_terms'|trans }}</span>
  33. {{ getLucidIcon('chevron-down') }}
  34. </button>
  35. {% endif %}
  36. </div>
  37. </div>
  38. </div>
  39. {% endfor %}
  40. </div>
  41. </div>
  42. </div>
  43. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  44. </div>
  45. </div>