templates/frontend/sejour/_sejourHeader.html.twig line 1

Open in your IDE?
  1. <div class="row" id="sejour-header">
  2. <div class="col-xs-12 col-sm-8 pictures">
  3. <div class="age-range {{sejour.saisons[0].title |lower}}">
  4. {% if sejour.saisons | length > 0 %}
  5. <i class="icon icon-{{sejour.saisons[0].title |lower}}-big-half icon-2x"></i>
  6. {% else %}
  7. <i class="icon icon-sun-big-half icon-2x"></i>
  8. {% endif %}
  10. <p>
  11. {{ generateTranche(sejour.trancheAge1) }} ans
  12. <br>{{ generateTranche(sejour.trancheAge2) }} ans
  13. </p>
  14. <hr>
  15. <p></p>
  16. </div>
  17. <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  18. <div class="carousel-indicators">
  19. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
  20. aria-current="true" aria-label="Slide 1"></button>
  21. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
  22. aria-label="Slide 2"></button>
  23. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
  24. aria-label="Slide 3"></button>
  25. </div>
  26. <div class="carousel-inner">
  27. {% if medias.image1.filePath is not null %}
  28. <div class="carousel-item active"
  29. style="background-image: url('{{ vich_uploader_asset(medias.image1) | imagine_filter('page_sejour') }}');">
  30. </div>
  31. {% endif %}
  32. {% if medias.image2.filePath is not null %}
  33. <div class="carousel-item"
  34. style="background-image: url('{{ vich_uploader_asset(medias.image2) | imagine_filter('page_sejour') }}');">
  35. </div>
  36. {% endif %}
  37. {% if medias.image3.filePath is not null %}
  38. <div class="carousel-item"
  39. style="background-image: url('{{ vich_uploader_asset(medias.image3) | imagine_filter('page_sejour') }}');">
  40. </div>
  41. {% endif %}
  42. </div>
  43. <!-- <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
  44. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  45. <span class="visually-hidden">Previous</span>
  46. </button>
  47. <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
  48. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  49. <span class="visually-hidden">Next</span>
  50. </button> -->
  51. </div>
  52. </div>
  53. <div class="col-xs-12 col-sm-4 booking text-center" style="background:#0E9AA9;">
  54. <div>
  55. <div class="row justify-content-center">
  56. {% if medias.iconePays is defined and medias.iconePays is not null %}
  57. <img class="booking__map" src="{{ vich_uploader_asset(medias.iconePays) }}"
  58. alt="{{medias.iconePays.altAttribute}} ">
  59. {% endif %}
  60. </div>
  61. <div class="row justify-content-center">
  62. <p class="booking__location">
  63. {% if sejour.location.departement is not null %}
  64. {% if sejour.location.departement.country.country == "france" %}
  65. {{sejour.location.departement.number}}
  66. -
  67. {% endif %}
  68. {{sejour.location.departement.name}}
  69. {% else %}
  70. Quelque part en France
  71. {% endif %}
  72. </p>
  73. </div>
  74. {% if sejour.hasFutureSejourSessions and not sejour.isFutureComplete %}
  75. <div class="row justify-content-center">
  76. <p class="booking__price">à partir de <span>{{sejour.minPrice}} €</span></p>
  77. </div>
  78. <div class="row justify-content-center booking__order">
  79. <a href="#top">
  80. <button class="bounce bg-red" type="submit" value="Réserver une place">
  81. <span>Réserver une place</span>
  82. <i class="icon icon-right-chevron"></i>
  83. </button>
  84. </a>
  85. </div>
  86. {% else %}
  87. <div class="row justify-content-center">
  88. <p class="booking__price">Réservation bientôt possible</p>
  89. </div>
  90. <p><i></small>Inscrivez vous en attendant à la newsletter</small></i></p>
  91. <div class="row justify-content-center booking__order">
  92. <form method="post" action="/newsletter.html">
  93. <input type="email" name="email" placeholder="votre adresse e-mail" style="width:80%"
  94. required="required">
  95. <button type="submit" class="submit bounce small booking__order-subscribe" value=">"
  96. style="display:contents;background-color:inherit">
  97. </button>
  98. </form>
  99. </div>
  100. {% endif %}
  101. <div class="addFav_order">
  102. {% if app.request.cookies.has('whitelist') %}
  103. {% set whitelist = app.request.cookies.get('whitelist')|json_encode %}
  104. {% if whitelist is defined and whitelist|length > 0 %}
  105. {% if sejour.id in whitelist %}
  106. {% set seInWhitelist = true %}
  107. {% endif %}
  108. {% endif %}
  109. {% endif %}
  110. <a class="link_addFav toggleWhiteList" data-action="click->hello#toggleWhiteList" data-whitelist="{{ seInWhitelist is defined ? '' ~ sejour.id : '#' }}" data-sejour="{{sejour.id}}">
  111. <svg width="26px" height="26px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  112. <path fill-rule="{{ seInWhitelist is defined ? 'nonzero' : 'evenodd' }}" class="svgHeart {{ seInWhitelist is defined ? 'active' : '' }}" clip-rule="evenodd" 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"/>
  113. </svg>
  114. Ajouter aux favoris
  115. </a>
  116. </div>
  117. </div>
  118. </div>
  119. </div>