{#Bloc « Promotions » sur la page détail.Variables attendues : cruise (entité Cruise) avec cruise.offerCruises (collection d'OfferCruise).#}<div class="container-fluid mb-5"><div class="row"><div class="col-lg-1 col-md-1 col-sm-12"></div><div class="col-lg-10 col-md-10 col-sm-12"><div class="promotions br3"><h2 class="text-lg-bd">{{ getLucidIcon('percent') }}{{ 'details.promotions.title'|trans }}</h2><div class="offers">{% for offer in offers|default([]) %}<div class="offer br2" style="border-color: {{ offer.offerCategory.colorFill|default('#000000') }}" id="offer-{{ offer.id }}"><div class="image-offer br2" style="background-image: url('{{ crea_media_get_media(['thumbnail'], offer).cdnUrl|default('/img/placeholder-company.svg') }}')"><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')) }}">{{ getLucidIcon(offer.offerCategory.icon|default('star'), {'style': 'color: ' ~ offer.offerCategory.colorFont|default('#FFFFFF') }) }}</div></div><div class="content-offer"><h3 class="text-md-bd">{{ offer.displayedName|default(offer.name|default('Promotion')) }}</h3><div class="tag-offer-title text-xs-md color-grey-text">{{ offer.offerCategory.name|default('') }}</div><div class="description-offer text-sm-md color-secondary-dark">{{ (offer.shortDescription|default(''))|raw }}</div><div class="offer-terms accordion"><div class="cgu-offer accordion-content text-sm-md color-secondary-dark">{{ (offer.conditions|default(''))|raw }}</div><div class="complement-offer text-xs-rg color-price-tags-primary separator">{{ offer.description|default('')|raw }}</div>{% if offer.conditions|default('') is not empty %}<button type="button" class="cgu-trigger accordion-trigger" data-offer="offer-{{ offer.id }}"><span class="cgu-button-text cgu-button-text-open">{{ 'details.promotions.open_terms'|trans }}</span><span class="cgu-button-text cgu-button-text-close">{{ 'details.promotions.close_terms'|trans }}</span>{{ getLucidIcon('chevron-down') }}</button>{% endif %}</div></div></div>{% endfor %}</div></div></div><div class="col-lg-1 col-md-1 col-sm-12"></div></div></div>