templates/frontend/resa/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block pageTitle %}
  4. {% if hassecond is defined and not hassecond %}
  5. {% include 'frontend/elements/_page_title.html.twig' with {pageTitle: title} %}
  6. {% endif %}
  7. {% endblock %}
  8. {% block headOnTop %}
  9. {% if jsonLdScript is defined %}
  10. {{ jsonLdScript|raw }}
  11. {% endif %}
  12. {% endblock %}
  13. {% block body %}
  14. <div class="container container-fluid">
  15. <div class="row">
  16. <div class="col-md-12">
  17. {% if pagination.count != 0 %}
  18. <div>
  19. Nous avons trouvé {{ pagination.getTotalItemCount }}
  20. colonies correspondant à votre recherche
  21. </div>
  23. {% else %}
  24. <div>
  25. Nous n'avons trouvé aucune colonie correspondant à vos critères de recherche
  26. </div>
  27. {% endif %}
  28. </div>
  29. </div>
  30. {% if theme is defined and theme is not null %}
  31. <div class="row ">
  32. <div class="col-md-12 text-style topDescription" style="background-color:white;"> {{theme.topDescription | raw}}
  33. </div>
  34. </div>
  35. {% endif %}
  36. <div class="row">
  37. {% for sejour in pagination.items %}
  38. {% set mediaSejours = getMedias(sejour) %}
  39. <div class="col-md-4 col-12">
  40. <section class="item-sejour">
  41. {% include 'frontend/elements/_card_sejour_image.html.twig' %}
  42. <div class="content">
  43. <div class="row period">
  44. <div class="col-xs-12">
  45. <div class="col-xs-3 col-md-2 text-center ">
  46. <i class="icon icon-clock"></i>
  47. </div>
  48. <div class="col-xs-9">
  49. <span class="item-sejour__sous-titre">Période :</span> {{sejour.saisons[0].title}}</div>
  50. </div>
  51. </div>
  52. <div class="row duration">
  53. <div class="col-xs-12">
  54. <div class="col-xs-3 col-md-2 text-center">
  55. <i class="icon icon-calendar"></i>
  56. </div>
  57. <div class="col-xs-9">
  58. <span class="item-sejour__sous-titre">Durée :</span> {{sejour.dureeInteger}}
  59. jours</div>
  60. </div>
  61. </div>
  62. <div class="row duration">
  63. <div class="col-xs-12">
  64. <div class="col-xs-3 col-md-2 text-center">
  65. <i class="icon icon-child"></i>
  66. </div>
  67. <div class="col-xs-9">
  68. <span class="item-sejour__sous-titre">Age :</span> {{sejour.ageMin}}
  69. - {{sejour.ageMax}}
  70. ans</div>
  71. </div>
  72. </div>
  73. <div class="row location">
  74. <div class="col-xs-12">
  75. <div class="col-xs-3 col-md-2 text-center">
  76. <i class="icon icon-location"></i>
  77. </div>
  78. {% if sejour.location.departement is not null %}
  79. <div class="col-xs-9">
  80. <span class="item-sejour__sous-titre">Destination :</span> <a href="/colonie-de-vacances/{{sejour.location.departement.country.slug}}"> {{sejour.location.departement.name}}</a></div>
  81. {% endif %}
  82. </div>
  83. </div>
  84. <div class="row activities">
  85. <div class="col-xs-12">
  86. <div class="col-xs-3 col-md-2 text-center">
  87. <i class="icon icon-kite"></i>
  88. </div>
  89. <div class="col-xs-9">
  90. <span class="item-sejour__sous-titre">Activités :</span>
  91. {{ createActivite(sejour.description) | raw}}
  92. </div>
  93. </div>
  94. </div>
  95. <div class="row">
  96. <div class="col-xs-12">
  97. <a class="button bounce item-sejour__button" href="{{ path('frontend_colonie-detail',{slug:sejour.title|lower|slug,id:sejour.id}) }}">Découvrez ce séjour</a>
  98. </div>
  99. </div>
  100. </div>
  101. </section>
  102. </div>
  103. {% endfor %}
  104. {% if pagination.getCurrentPageNumber * 11 < pagination.getTotalItemCount %}
  105. <div class="col-md-4 col-6 d-flex align-items-stretch">
  106. <section class="item-sejour d-flex align-items-stretch">
  107. <div class="card d-flex align-items-stretch full-width">
  108. <div class="card-body suivant">
  110. {% set currentPath = path(app.request.attributes.get('_route'),
  111. app.request.attributes.get('_route_params')) %}
  112. <a href="{{renderNextPage(currentPath,pagination.getCurrentPageNumber)}}">
  113. <p style="font-size:2em;">
  114. Page suivante
  115. </p>
  116. <i class="icon icon-ring-right-chevron"></i>
  117. </a>
  119. </div>
  120. </div>
  121. </section>
  123. </div>
  124. {% endif %}
  125. </div>
  126. <div class="row">
  127. <div class="pagination-wrapper"> {{ knp_pagination_render(pagination) }}
  128. </div>
  129. </div>
  130. {% if theme is defined and theme is not null %}
  131. <div class="row">
  132. <div class="col-md-12" style="background-color:white;"> {{theme.bottomDescription | raw}}
  133. </div>
  134. </div>
  135. {% endif %}
  136. </div>
  137. {% endblock %}