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

Open in your IDE?
  2. <div class="col-xs-12 col-sm-8" id="sejour-left">
  3. <div id="activities-mobile" class="sejour-sidebar__activities">
  4. <h2>
  5. <i class="icon icon-ring-sun"></i>
  6. <span>Activités</span>
  7. </h2>
  8. <div class="row sejour-sidebar__activities-list">
  9. {# {% for theme in sejour.themes %}
  10. <div class="col-xs-12 list-item">{{ theme.title }}</div>
  11. {% endfor %}
  12. #}
  13. {{sejour.description | raw}}
  14. </div>
  15. </div>
  16. <div id="sejour-content">
  17. <div>
  18. <div class="sejour-budges">
  19. <h2>
  20. <i class="icon icon-ring-sun-full"></i>
  21. Séjour &amp; activités
  22. </h2>
  23. {% if sejour.isObjectifZeroCo2 %}
  24. <a href="/projet-ecocitoyen"><img src="/images/logo_eco.png" class="con2-budge" /></a>
  26. {% endif %}
  27. </div>
  28. {{sejour.activites | raw}}
  30. <ul class="nav nav-tabs tabs-parallel" id="myTab" role="tablist">
  31. <li class="nav-item" role="presentation">
  32. <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">
  33. <i class="icon icon-tent"></i>
  34. Hébergement
  35. </button>
  36. </li>
  37. <li class="nav-item" role="presentation">
  38. <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">
  39. <i class="icon icon-travel-train"></i>
  40. Transport
  41. </button>
  42. </li>
  43. <li class="nav-item" role="presentation">
  44. <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">
  45. <i class="icon icon-euro"></i>
  46. Tarifs
  47. </button>
  48. </li>
  49. </ul>
  51. <div class="tab-content" id="myTabContent">
  52. <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  53. {{ sejour.hebergement | raw }}
  54. </div>
  55. <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  57. {{ sejour.transport | raw }}
  58. <p class="transport-phrase">« {{ phrase.content | raw }}»</p>
  59. </div>
  60. <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
  61. <div class="prix">
  62. Le prix comprend
  63. </div>
  64. {{sejour.compris | raw}}
  65. <div class="prix">
  66. Le prix ne comprend pas
  67. </div>
  68. {{sejour.noncompris | raw}}
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  74. <div>
  75. <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q={{sejour.location.lat}},{{sejour.location.lng}}&amp;hl=fr&amp;z=8&amp;output=embed"></iframe>
  76. </div>
  78. <div class="sejour-complements">
  79. <p>
  80. <span>Nombre de participants :
  81. </span>
  82. {{ sejour.placesCount }}
  83. participants par tranche d’âge</p>
  84. {{sejour.informationComplementaire | raw}}
  85. <p>
  86. <span>Modalités de paiement :
  87. </span>à découvrir sur la page
  88. <a href="/aide-financiere.html">
  89. Aides financières</a>
  90. </p>
  91. <p style="color:#0e9aa9;font-size: 8px;padding-top: 0;">
  92. <b style="font-size:12px">Bons CAF-VACAF - Chèques Vacances-ANCV - Aide comité d'entreprise - Carte Cezam et chèque Cezam - Bourse JPA Acceptées
  93. <b></b>
  94. </b>
  95. </p>
  96. <b style="font-size:12px">
  97. <b></b>
  98. </b>
  99. </div>
  100. <div class="clearfix"></div>
  101. <div id="partage" class="container">
  102. <div class="row">
  103. <div class="col-xs-12 col-sm-6">
  104. <p style="text-align:right">Partager cette fiche séjour &gt;</p>
  105. </div>
  106. {% set currentPath = path(app.request.attributes.get('_route'),
  107. app.request.attributes.get('_route_params')) %}
  108. <div class="col-xs-12 col-sm-4 mobile__center" >
  109. <a class="share" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcroqvacances.org{{currentPath}}&t={{sejour.title}}" target="_blank" title="Share with Facebook">
  110. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-facebook" viewbox="0 0 16 16">
  111. <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
  112. </svg>
  113. </a>
  114. <a class="share" href="whatsapp://send?text=Regarde ce séjour: {{sejour.title}}: https%3A%2F%2Fcroqvacances.org{{currentPath}}" data-action="share/whatsapp/share">
  115. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-whatsapp" viewbox="0 0 16 16">
  116. <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
  117. </svg>
  118. </a>
  119. <a class="share" href="mailto:?subject=regarde%20ce%20Séjour%20{{sejour.title}}&body=https%3A%2F%2Fcroqvacances.org{{currentPath}}" target="_blank" title="Email">
  120. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-envelope-paper-heart" viewbox="0 0 16 16">
  121. <path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1.133l.941.502A2 2 0 0 1 16 5.4V14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5.4a2 2 0 0 1 1.059-1.765L2 3.133V2Zm0 2.267-.47.25A1 1 0 0 0 1 5.4v.817l1 .6v-2.55Zm1 3.15 3.75 2.25L8 8.917l1.25.75L13 7.417V2a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5.417Zm11-.6 1-.6V5.4a1 1 0 0 0-.53-.882L14 4.267v2.55ZM8 2.982C9.664 1.309 13.825 4.236 8 8 2.175 4.236 6.336 1.31 8 2.982Zm7 4.401-4.778 2.867L15 13.117V7.383Zm-.035 6.88L8 10.082l-6.965 4.18A1 1 0 0 0 2 15h12a1 1 0 0 0 .965-.738ZM1 13.116l4.778-2.867L1 7.383v5.734Z"/>
  122. </svg>
  123. </a>
  124. <a class="share" href="https://www.instagram.com/?url=https%3A%2F%2Fcroqvacances.org{{currentPath}}&description={{sejour.title}}" target="_blank" title="Share on Instagram">
  125. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-instagram" viewbox="0 0 16 16">
  126. <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
  127. </svg>
  128. </a>
  129. <a class="share" href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fcroqvacances.org{{currentPath}}&description={{sejour.title}}" target="_blank" title="Share on Pinterest">
  130. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-pinterest" viewbox="0 0 16 16">
  131. <path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/>
  132. </svg>
  133. </a>
  134. </div>
  135. </div>
  136. </div>
  137. </div>