templates/frontend/formCorse.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block header %}
  4. <section class="header">
  5. <div class=" container"></div>
  6. </section>
  7. {% endblock %}
  8. {% block pageTitle %}
  9. {% include 'frontend/elements/_page_title.html.twig' with {pageTitle: "Demande de devis Accueil Groupes en Corse"} %}
  10. {% endblock %}
  11. {% block body %}
  12. <section class="inner-wrapper inner-wrapper__sejour">
  13. <div class="container">
  14. <div class="row" id="sejour-header">
  15. <div class="col-xs-12 col-sm-8 pictures">
  16. <div class="age-range">
  17. <i class="icon icon-snowflake-big-half icon-2x"></i>
  19. <p>
  20. de 8 ans
  21. <br>
  22. à 17 ans
  23. </p>
  24. <hr>
  25. <p></p>
  26. </div>
  27. <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
  28. <div class="carousel-indicators">
  29. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
  30. aria-current="true" aria-label="Slide 1"></button>
  31. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
  32. aria-label="Slide 2"></button>
  33. <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
  34. aria-label="Slide 3"></button>
  35. </div>
  36. <div class="carousel-inner">
  37. <div class="carousel-item active"
  38. style="background-image: url('/media/corse_1.jpg');">
  39. </div>
  40. <div class="carousel-item"
  41. style="background-image: url('/media/corse_2.jpg');">
  42. </div>
  43. <div class="carousel-item"
  44. style="background-image: url('/media/corse_3.jpg');">
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="col-xs-12 col-sm-4 booking text-center" style="background:#0E9AA9;height:auto;">
  50. <div>
  51. <div class="row justify-content-center">
  52. <img class="booking__map" src="/media/carte-corse.png" alt="colonies de vacances en corse">
  53. </div>
  54. <div class="row justify-content-center">
  55. <p class="booking__location">
  56. CORSE
  57. </p>
  58. </div>
  59. <div class="row justify-content-center">
  60. <p class="booking__price">à partir de
  61. 7,90 € / j / personne
  63. </p>
  64. </div>
  65. <div class="row justify-content-center booking__order">
  66. <a href="#formCommande">
  67. <button class="bounce bg-red" type="submit" value="Réserver une place">
  68. <span>Réserver une place</span>
  69. <i class="icon icon-right-chevron"></i>
  70. </button>
  71. </a>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="row">
  77. <div class="col-xs-12 col-sm-8" id="sejour-left">
  78. <div id="sejour-content">
  79. <div>
  80. <h2>
  81. <i class="icon icon-ring-sun-full"></i>
  82. Camping Groupes La Chênaie - Castagniccia
  83. </h2>
  84. Accueil de 80 personnes en Gestion Libre, ½ pension ou PC
  85. Offre d’activités variées : Parapente, Canyoning, Pirogue, Kayak, Via-ferrata, Randonnée aquatique, Bivouac, Randonnées pédestres, Plongée sous-marine, Baignades en rivière…
  87. Plan corse et/ou situation du camping : RN 98 – Camping La Chênaie – 23230 TALASANI
  90. <ul class="nav nav-tabs tabs-parallel" id="myTab" role="tablist">
  91. <li class="nav-item" role="presentation">
  92. <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">
  93. <i class="icon icon-tent"></i>
  94. Equipements :
  95. </button>
  96. </li>
  97. <li class="nav-item" role="presentation">
  98. <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">
  99. <i class="icon icon-bus"></i>
  100. Transport
  101. </button>
  102. </li>
  103. <li class="nav-item" role="presentation">
  104. <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">
  105. <i class="icon icon-euro"></i>
  106. Tarifs
  107. </button>
  108. </li>
  109. </ul>
  110. <div class="tab-content" id="myTabContent">
  111. <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  112. <p>Equipements :</p>
  114. <li>1 piscine,</li>
  115. <li>1 terrain de volley,</li>
  116. <li>1 bloc sanitaire filles1,</li>
  117. <li>1 bloc sanitaire garçons1,</li>
  118. <li>1 mezzanine,</li>
  119. <li>1 chambre infirmerie,</li>
  120. <li>1 local matériel pédagogique,</li>
  121. <li>1 lingerie,</li>
  122. <li>1 salle de jeux (babyfoot + ping-pong).</li>
  123. </ul>
  124. <p>Chaque bloc est équipé de 4 douches + 4 WC et 4 lavabos.</p>
  127. </div>
  128. <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  129. <p>Pendant l’accueil groupe, nous mettons à votre disposition un gestionnaire pour accompagner et faciliter les réservations de votre groupe et un personnel de service pour l’entretien des espaces communs en plus du cuisinier.
  130. En respect de notre Projet Educatif, nous favorisons, pour la conception des repas, la filière courte et les producteurs locaux.</p>
  132. </div>
  133. <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
  134. <p>Prix (modifications possibles des tarifs à partir l’admin) :</p>
  135. <ul>
  136. <li>Gestion Libre : 7,90 € / j / personne</li>
  137. <li>½ pension (petit déjeuner + dîner) : 26,90 € / jour / personne</li>
  138. <li>Pension complète (petit déjeuner + déjeuner + goûter + dîner) : 39,90 € / jour / personne</li>
  139. Peut-être, vous pouvez prévoir (si la période est dispo) qu’un formulaire génère un PDF de réservation automatique de réservation à nous renvoyer signé avec règlement (30 % à la réservation).</li>
  140. </ul>
  141. <p>Prise en charge du groupe de son arrivée à son retour (Pack Zéro Prépa) : Transport + Hébergement + activités : nous contacter.</p>
  142. <p>
  143. 30% à la réservation, 50 % 30 jours avant le jour de l'arrivée du groupe, solde 8 jours avant l'arrivée du groupe
  144. </p>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="row">
  150. <div class="col-md-12">
  151. <h2>
  152. Pack d'activités
  153. </h2>
  154. </div>
  155. <div class="col-md-4">
  156. <div class="card">
  157. <div class="card-body">
  158. <h4 class="card-title">
  159. Air - terre - mer
  160. </h4>
  161. <ul>
  162. <li>
  163. 1 randonnée patrimoine
  164. </li>
  165. <li>
  166. 1 baptême de parapente
  167. </li>
  168. <li>
  169. 1 Séance de kayak
  170. </li>
  171. </ul>
  172. <i>
  173. (à partir de 120 € / personne)
  174. </i>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="col-md-4">
  179. <div class="card">
  180. <div class="card-body">
  181. <h4 class="card-title">
  182. Eaux
  183. </h4>
  184. <ul>
  185. <li>
  186. 1 séance de Pirogue
  187. </li>
  188. <li>
  189. 1 séance de Canyoning
  190. </li>
  191. <li>
  192. 1 baptême de plongée sous-marine
  193. </li>
  194. </ul>
  195. <i>
  196. (à partir de 140 € / personne)
  197. </i>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="col-md-4">
  202. <div class="card">
  203. <div class="card-body">
  204. <h4 class="card-title">
  205. Randonneur
  206. </h4>
  207. <ul>
  208. <li>
  209. 1 bivouac
  210. </li>
  211. <li>
  212. 1 séance accrobranche
  213. </li>
  214. <li>
  215. 1 randonnée pédestre
  216. </li>
  217. </ul>
  218. <i>
  219. (à partir de 80 € / personne)
  220. </i>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. <div>
  226. <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=42.4089,9.47956&amp;z=8&amp;output=embed"></iframe>
  227. </div>
  229. <div id="partage" class="container">
  230. <div class="row">
  231. <div class="col-xs-12 col-sm-8">
  232. <p>Partager cette fiche séjour &gt;</p>
  233. </div>
  234. {% set currentPath = path(app.request.attributes.get('_route'),
  235. app.request.attributes.get('_route_params')) %}
  236. <div class="col-xs-12 col-sm-4 mobile__center" >
  237. <a class="share" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcroqvacances.org{{currentPath}}&t=sejourCorse" target="_blank" title="Share with Facebook">
  238. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-facebook" viewbox="0 0 16 16">
  239. <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"/>
  240. </svg>
  241. </a>
  242. <a href="whatsapp://send?text=The text to share!" data-action="share/whatsapp/share">
  243. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-whatsapp" viewbox="0 0 16 16">
  244. <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"/>
  245. </svg>
  246. </a>
  247. <a href="mailto:?subject=regarde%20ce%20Séjour%20sejourCorse&body=https%3A%2F%2Fcroqvacances.org{{currentPath}}" target="_blank" title="Email">
  248. <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">
  249. <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"/>
  250. </svg>
  251. </a>
  252. <a class="share" href="https://www.instagram.com/?url=https%3A%2F%2Fcroqvacances.org{{currentPath}}&description=sejourCorse" target="_blank" title="Share on Instagram">
  253. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-instagram" viewbox="0 0 16 16">
  254. <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"/>
  255. </svg>
  256. </a>
  257. <a class="share" href="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fcroqvacances.org{{currentPath}}&description=sejourCorse" target="_blank" title="Share on Pinterest">
  258. <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-pinterest" viewbox="0 0 16 16">
  259. <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"/>
  260. </svg>
  261. </a>
  262. </div>
  263. </div>
  264. </div> {{ form_start(form ) }}
  265. <div class="formCommande container fromCorse" id="formCommande">
  267. <div class="row">
  268. <div class="col-md-12"><h4>Faire une demande de disponibilité :</h4></div>
  269. <div class="col-md-6"> {{form_row(form.organisme)}}
  270. </div>
  271. <div class="col-md-3"> {{form_row(form.sejourStartDate)}}
  272. </div>
  273. <div class="col-md-3"> {{form_row(form.sejourEndDate)}}
  274. </div>
  275. <div class="col-md-12">
  276. <h3>
  277. Contact
  278. </h3>
  279. </div>
  280. <div class="col-md-3"> {{form_row(form.contact.firstName)}}
  281. </div>
  282. <div class="col-md-3"> {{form_row(form.contact.lastName)}}
  283. </div>
  284. <div class="col-md-6"> {{form_row(form.contact.email)}}
  285. </div>
  286. <div class="col-md-12">
  287. <h3>
  288. Participants
  289. </h3>
  290. </div>
  291. <div class="col-md-4"> {{form_row(form.childrenNumber)}}
  292. </div>
  293. <div class="col-md-4"> {{form_row(form.teenagerCount)}}
  294. </div>
  295. <div class="col-md-4"> {{form_row(form.staffCount)}}
  296. </div>
  297. <div class="col-md-12">
  298. <h3>
  299. Formule
  300. </h3>
  301. </div>
  302. <div class="col-md-4"> {{form_row(form.type)}}
  303. </div>
  304. <div class="col-md-12"> {{form_row(form.message)}}
  305. </div>
  306. <div class="col-md-12"> {{form_row(form.valider)}}
  307. </div>
  308. </div>
  310. </div> {{ form_end( form)}}
  311. </div>
  313. <div class="col-xs-12 col-sm-4 sejour-sidebar" id="sejour-right">
  314. <div id="activities" class="sejour-sidebar__activities">
  315. <h2>
  316. <i class="icon icon-ring-sun"></i>
  317. <span>À disposition</span>
  318. </h2>
  320. <div class="row sejour-sidebar__activities-list">
  321. <div class="row sejour-sidebar__activities-list">
  322. <div class="col-xs-12 list-item">1 piscine</div>
  323. <div class="col-xs-12 list-item">1 terrain de volley</div>
  324. <div class="col-xs-12 list-item">1 bloc sanitaire filles*n</div>
  325. <div class="col-xs-12 list-item">1 bloc sanitaire garcons*</div>
  326. <div class="col-xs-12 list-item">1 chambre infirmerie</div>
  327. <div class="col-xs-12 list-item">1 local matériel pédagogique</div>
  328. <div class="col-xs-12 list-item">1 lingerie</div>
  329. <div class="col-xs-12 list-item">1 salle de jeux (babyfoot + ping pong )</div>
  330. </div>
  333. </div>
  334. </div>
  335. <div id="sessions" class="sejour-sidebar__sessions">
  336. <h2>Impressions</h2>
  337. <div class="row">
  338. <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
  339. <div class="carousel-inner">
  340. {% set active ="active" %}
  341. {% for image in images %}
  342. <div class="carousel-item {{active}}">
  343. <img src="{{vich_uploader_asset(image)}}" class="d-block w-100" alt="...">
  344. </div>
  345. {% set active ="" %}
  346. {% endfor %}
  347. </div>
  348. </div>
  350. </div>
  351. </div>
  352. <div id="downloads">
  353. <h2>
  354. <i class="icon icon-ring-sun"></i>
  355. <span>Visites possibles</span>
  356. </h2>
  357. <div class="row">
  358. <div class="row sejour-sidebar__activities-list">
  359. <div class="col-xs-12 list-item">Saint Florent</div>
  360. <div class="col-xs-12 list-item">Bonifaccio</div>
  361. <div class="col-xs-12 list-item">Porto-Vecchio</div>
  362. <div class="col-xs-12 list-item">Calvi</div>
  363. <div class="col-xs-12 list-item">Ile-Rousse</div>
  364. <div class="col-xs-12 list-item">Solenzara ( aiguilles de Bavella)</div>
  365. <div class="col-xs-12 list-item">Organisation de randonnées pédestres aquatiques: nous contacter</div>
  366. </div>
  367. </div>
  368. </div>
  369. <div id="video" class="video-wrapper">
  370. <h2>
  371. <i class="icon icon-ring-video"></i>
  372. <span>Vidéo</span>
  373. </h2>
  374. <div class="embed-responsive embed-responsive-16by9" style="">
  375. <iframe class="embed-responsive-item"
  376. src="//www.youtube.com/embed/2vC85fMPISI?si=X5-4w0mPQk_uWPtL?rel=0&controls=2&modestbranding=1&autoplay=1&mute=1"
  377. allowfullscreen="" frameborder="0" style="width: 100%;height:240px"></iframe>
  378. </div>
  379. </div>
  380. </div>
  382. </div>
  383. </div>
  384. </section>{% endblock %}