templates/frontend/elements/_card_sejour_image.html.twig line 1

Open in your IDE?
  1. {% set mediaSejours = getMedias(sejour) %}
  2. <a href="{{ path('frontend_colonie-detail',{slug:((sejour.title|lower)|slug),id:sejour.id}) }}" class="visuel">
  3. {% set sejourMedias = getMedias(sejour) %}
  4. {% if sejourMedias.imageCard is defined %}
  5. <div class="item-sejour__image {{ whitelist is defined ? 'whitelist' : '' }}"
  6. style="background-image: url('{{vich_uploader_asset(sejourMedias.imageCard) | imagine_filter('my_thumb') }}');"
  7. type="image/webp">
  8. {% else %}
  9. <div class="item-sejour__image" style="background-image: url('{{asset('assets/img/placeholder.jpg')}}');">
  10. {% endif %}
  11. {% if sejour.availablePlaces <= 0 and sejour.hasFutureSejourSessions==true %} <span class="card-alert">
  12. Complet !
  13. </span>
  14. {% elseif sejour.availablePlaces < 5 and sejour.hasFutureSejourSessions==true %} <span class="card-alert">
  15. Plus que
  16. {{sejour.availablePlaces}}
  17. {% if sejour.availablePlaces > 1 %} Places{% else %} Place {% endif %}
  18. </span>
  19. {% endif %}
  20. <h3 class="card-title">
  21. {{ sejour.title }}
  22. </h3>
  23. <div class="mask">
  24. <div>
  25. {% if sejour.saisons | length > 0 %}
  26. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big icon-5x" aria-hidden="true"></i>
  27. {% else %}
  28. <i class="icon icon-sun-big icon-5x" aria-hidden="true"></i>
  29. {% endif %}
  30. </div>
  31. <p class="hover">Découvrez ce séjour<i class="inline icon icon-right-chevron"></i>
  32. </p>
  33. </div>
  35. <div class="age">
  36. <span class="age_min">{% if sejour.ageMin > 9 %}{{sejour.ageMin}}{%else%}0{{sejour.ageMin
  37. }}{%endif%}</span><span class="age_tiret">-</span><span class="age_max">{% if sejour.ageMax
  38. > 9 %}{{sejour.ageMax}}{%else%}0{{sejour.ageMax }}{%endif%}</span>
  39. <br />
  40. ans
  41. </div>
  42. {% set break = false %}
  43. {% set flag = null %}
  44. {% for country in sejour.countries %}
  45. {% if country.flag and not break %}
  46. {% set flag = country %}
  47. {% set break = true %}
  48. {% endif %}
  49. {% endfor %}
  50. {% if flag != null %}
  51. <div class="flip-card">
  52. <div class="flip-card-inner">
  53. <div class="flip-card-front price {{sejour.saisons[0].title |lower}}">
  54. {% if sejour.hasFutureSejourSessions %}
  55. {% if sejour.saisons | length > 0 %}
  56. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big-half icon-2x"></i>
  57. {% else %}
  58. <i class="icon icon-sun-big-half icon-2x"></i>
  59. {% endif %}
  61. à partir de
  62. <span>{{sejour.getMinFuturePrice}}€<sup>*</sup>
  63. </span>
  64. <hr>
  65. {% else %}
  66. {% if sejour.saisons | length > 0 %}
  67. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big-half icon-2x"></i>
  68. {% endif %}
  69. Disponible
  70. <span>Bientot<sup>*</sup>
  71. </span>
  72. <hr>
  73. {% endif %}
  74. </div>
  75. <div class="flip-card-back">
  77. <img src="{{vich_uploader_asset(flag)}}" alt="Avatar">
  79. </div>
  80. </div>
  81. </div>
  82. {% else %}
  83. {% if sejour.saisons | length > 0 %}
  84. <div class="price {{sejour.saisons[0].title |lower}}">
  85. {% else %}
  86. <div class="price ">
  87. {% endif %}
  88. {% if sejour.hasFutureSejourSessions %}
  89. {% if sejour.saisons | length > 0 %}
  90. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big-half icon-2x"></i>
  91. {% else %}
  92. <i class="icon icon-sun-big-half icon-2x"></i>
  93. {% endif %}
  95. à partir de
  96. <span>{{sejour.getMinFuturePrice}}€<sup>*</sup>
  97. </span>
  98. <hr>
  99. {% else %}
  100. {% if sejour.saisons | length > 0 %}
  101. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big-half icon-2x"></i>
  102. {% endif %}
  103. Disponible
  104. <span>Bientot<sup>*</sup>
  105. </span>
  106. <hr>
  107. {% endif %}
  108. </div>
  110. {% endif %}
  111. {% if app.request.cookies.has('whitelist') %}
  112. {% set whitelist = app.request.cookies.get('whitelist')|json_encode %}
  113. {% if whitelist is defined and whitelist|length > 0 %}
  114. {% if sejour.id in whitelist %}
  115. {% set seInWhitelist = true %}
  116. {% endif %}
  117. {% endif %}
  118. {% endif %}
  120. <a class="link_addFav_card toggleWhiteList"
  121. data-whitelist="{{ seInWhitelist is defined ? '' ~ sejour.id : '#' }}"
  122. data-sejour="{{sejour.id}}" data-action="click->hello#toggleWhiteList">
  123. <svg width="40px" class="svgHeart-wrapper" height="40px" viewBox="0 0 24 24" fill="none"
  124. xmlns="http://www.w3.org/2000/svg">
  125. <path fill-rule="{{ seInWhitelist is defined ? 'nonzero' : 'evenodd' }}"
  126. class="svgHeart {{ seInWhitelist is defined ? 'active' : '' }}" clip-rule="evenodd"
  127. d="M7.78125 4C4.53699 4 2 6.81981 2 10.1559C2 11.8911 2.27768 13.32 3.31283 14.8234C4.3005 16.258 5.9429 17.7056 8.49134 19.6155L12 22L15.5084 19.6158C18.057 17.7058 19.6995 16.258 20.6872 14.8234C21.7223 13.32 22 11.8911 22 10.1559C22 6.81982 19.463 4 16.2188 4C14.5909 4 13.1818 4.66321 12 5.86323C10.8182 4.66321 9.40906 4 7.78125 4ZM7.78125 6C5.77551 6 4 7.7855 4 10.1559C4 10.7049 4.03107 11.1875 4.10853 11.6325C4.23826 12.378 4.49814 13.0182 4.96014 13.6893C5.74532 14.8297 7.14861 16.11 9.69156 18.0157L12 19.7494L14.3084 18.0157C16.8514 16.11 18.2547 14.8297 19.0399 13.6893C19.7777 12.6176 20 11.6245 20 10.1559C20 7.7855 18.2245 6 16.2188 6C14.9831 6 13.8501 6.58627 12.8033 7.99831C12.6147 8.25274 12.3167 8.40277 12 8.40277C11.6833 8.40277 11.3853 8.25274 11.1967 7.99831C10.1499 6.58627 9.01689 6 7.78125 6Z" />
  128. </svg>
  129. </a>
  132. </div>
  133. </a>