templates/_snippets/_last_offer_modal.html.twig line 1

Open in your IDE?
  1. {#
  2. Modale détail d'une offre (snippet last-offers).
  3. Variables : offer, imageUrl (optionnel)
  4. #}
  5. {% set company = offer.company|default(null) %}
  6. {% set offerCategory = offer.offerCategory|default(null) %}
  7. <div
  8. id="modal-offer-{{ offer.id }}"
  9. class="modal-offer-detail"
  10. role="dialog"
  11. aria-modal="true"
  12. aria-labelledby="modal-offer-title-{{ offer.id }}"
  13. hidden
  14. >
  15. <div class="modale-box">
  16. <div class="modale-inner">
  17. {{ getLucidIcon('x', {'class': 'closer'}) }}
  18. <div class="content-modale">
  19. <div class="modal-card">
  20. <div
  21. class="modal-card-image"
  22. style="background-image: url('{{ imageUrl }}');"
  23. >
  24. <div class="modal-tags">
  25. <div class="modal-tag" style="background-color:{{offerCategory.iconColorFill|default('#000000')}}; color:{{offerCategory.iconColorFont|default('#FFFFFF')}}">
  26. {{ getLucidIcon(offerCategory.icon|default('star')) }}
  27. </div>
  28. </div>
  29. </div>
  30. <div class="modal-card-inner">
  31. <div class="modal-more-info-div">
  32. <img
  33. src="{{ companyLogoUrl|default('/img/placeholder-company.svg') }}"
  34. alt="{{ company.name|default('common.company'|trans) }} logo"
  35. >
  36. </div>
  37. <div class="modal-title">
  38. <div class="modal-title-text" id="modal-offer-title-{{ offer.id }}">
  39. {{ offer.displayed_name|default(offer.name|default('snippets.offers.special_offer'|trans)) }}
  40. </div>
  41. </div>
  42. <div class="modal-description">
  43. <div class="modal-description-text">
  44. {{ offer.description|default('')|raw }}
  45. </div>
  46. {% if offer.conditions|default('') %}
  47. <div class="modal-condition">{{ offer.conditions|raw }}</div>
  48. {% endif %}
  49. </div>
  50. </div>
  51. <div class="modal-price-container">
  52. <div class="modal-price">
  53. {{ 'common.from'|trans }}
  54. <span class="price-value">XXX€ {{ 'common.per_person_short'|trans }}</span>
  55. </div>
  56. <div class="modal-see-more">
  57. <a href="{{ getCruiseSearchUrl([getOfferById(offer.id)]) }}" class="btn style3 bg-w">
  58. {{ 'common.see'|trans }}
  59. {{ getLucidIcon('arrow-right') }}
  60. </a>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>