templates/praticiens/fiche.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}{{ speciality.job }} autour de moi : prenez rendez-vous - Zendez Vous{% endblock %}
  4. {% block description %}{% endblock %}
  6. {% block styles %}
  7. {{ parent() }}
  8. <link rel="stylesheet" href="{{ asset('lib/leaflet/leaflet.css') }}"/>
  9. <link rel="stylesheet" href="{{ asset('lib/leaflet/plugins/markercluster/dist/MarkerCluster.css') }}"/>
  10. <link rel="stylesheet" href="{{ asset('assets/css/autoComplete.zv.css') }}">
  11. <script src="{{ asset('lib/leaflet/leaflet.js') }}"></script>
  12. <script src="{{ asset('lib/leaflet/plugins/markercluster/dist/leaflet.markercluster.js') }}"></script>
  13. {% endblock %}
  15. {% block body %}
  16. <section>
  17. <div class="container pt-10">
  18. <h1 class="text-primary">Trouvez un {{ speciality.job }} près de chez vous</h1>
  19. <ul class="breadcrumb mt-2">
  20. <li><a href="{{ path('default_home') }}">Accueil</a></li>
  21. <li><a href="{{ path('praticiens_list') }}">Praticiens</a></li>
  22. <li>{{ speciality.jobs }}</li>
  23. </ul>
  24. </div>
  25. </section>
  26. <section>
  27. <div class="container py-5">
  28. <form method="get" action="{{ path('default_search') }}">
  29. <div class="p-5 border-radius10 d-flex align-items-center justify-content-between gap-5 overflow-scroll overflow-md-visible" style="background-color: #EAFCFE;">
  30. <div class="input-white flex-grow-1">
  31. {% include("utils/search-form-input.html.twig") with { "terms": speciality.job } %}
  32. </div>
  33. <div class="input-white cursor-pointer flex-grow-1">
  34. {% include("utils/localisation-form-input.html.twig") %}
  35. </div>
  36. <button type="submit">Rechercher</button>
  37. </div>
  38. </form>
  39. </div>
  40. </section>
  41. <section>
  42. <div class="container">
  43. <span>Nos praticiens sont présents à &nbsp;&nbsp;</span>
  44. <ul class="list-group list-group-horizontal d-inline-flex flex-wrap">
  45. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'paris'}) }}">Paris</a></li>
  46. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'marseille'}) }}">Marseille</a></li>
  47. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'toulouse'}) }}">Toulouse</a></li>
  48. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'lille'}) }}">Lille</a></li>
  49. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'montpellier'}) }}">Montpellier</a></li>
  50. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'reims'}) }}">Reims</a></li>
  51. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'rennes'}) }}">Rennes</a></li>
  52. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'strasbourg'}) }}">Strasbourg</a></li>
  53. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'nice'}) }}">Nice</a></li>
  54. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'lyon'}) }}">Lyon</a></li>
  55. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'bordeaux'}) }}">Bordeaux</a></li>
  56. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'toulon'}) }}">Toulon</a></li>
  57. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'le-havre'}) }}">Le Havre</a></li>
  58. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'dijon'}) }}">Dijon</a></li>
  59. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'angers'}) }}">Angers</a></li>
  60. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'saint-etienne'}) }}">Saint-Etienne</a></li>
  61. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'grenoble'}) }}">Grenoble</a></li>
  62. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: 'nimes'}) }}">Nimes</a></li>
  63. </ul>
  64. </div>
  65. </section>
  66. <section>
  67. <div class="container py-5 mt-10">
  68. <h2 class="text-primary">Nos praticiens en {{ speciality.label }}</h2>
  69. </div>
  70. <div class="container">
  71. {% include("utils/search-results.html.twig") with {"partners": partners, "typeStr": "praticien", "rad": rad } %}
  72. </div>
  73. </section>
  74. <section>
  75. <div class="container py-10 d-flex gap-5 mobile-flex-column">
  76. <div class="primary-card text-center" style="flex: 0 0 33%">
  77. <div>
  78. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 448 512">
  79. <path d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l80 0 0 56-80 0 0-56zm0 104l80 0 0 64-80 0 0-64zm128 0l96 0 0 64-96 0 0-64zm144 0l80 0 0 64-80 0 0-64zm80-48l-80 0 0-56 80 0 0 56zm0 160l0 40c0 8.8-7.2 16-16 16l-64 0 0-56 80 0zm-128 0l0 56-96 0 0-56 96 0zm-144 0l0 56-64 0c-8.8 0-16-7.2-16-16l0-40 80 0zM272 248l-96 0 0-56 96 0 0 56z" fill="#ff6700"/>
  80. </svg>
  81. </div>
  82. <div class="text-uppercase fs-5 fw-bold mt-4">Prise de rendez-vous en moins de 2 min.</div>
  83. </div>
  85. <div class="primary-card text-center" style="flex: 0 0 33%">
  86. <div>
  87. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 448 512">
  88. <path d="M96 128l0-57.8c0-13.3 8.3-25.3 20.8-30l96-36c7.2-2.7 15.2-2.7 22.5 0l96 36c12.5 4.7 20.8 16.6 20.8 30l0 57.8-.3 0c.2 2.6 .3 5.3 .3 8l0 40c0 70.7-57.3 128-128 128s-128-57.3-128-128l0-40c0-2.7 .1-5.4 .3-8l-.3 0zm48 48c0 44.2 35.8 80 80 80s80-35.8 80-80l0-16-160 0 0 16zM111.9 327.7c10.5-3.4 21.8 .4 29.4 8.5l71 75.5c6.3 6.7 17 6.7 23.3 0l71-75.5c7.6-8.1 18.9-11.9 29.4-8.5C401 348.6 448 409.4 448 481.3c0 17-13.8 30.7-30.7 30.7L30.7 512C13.8 512 0 498.2 0 481.3c0-71.9 47-132.7 111.9-153.6zM208 48l0 16-16 0c-4.4 0-8 3.6-8 8l0 16c0 4.4 3.6 8 8 8l16 0 0 16c0 4.4 3.6 8 8 8l16 0c4.4 0 8-3.6 8-8l0-16 16 0c4.4 0 8-3.6 8-8l0-16c0-4.4-3.6-8-8-8l-16 0 0-16c0-4.4-3.6-8-8-8l-16 0c-4.4 0-8 3.6-8 8z" fill="#ff6700"/>
  89. </svg>
  90. </div>
  91. <div class="text-uppercase fs-5 fw-bold mt-4">Plus de 20 praticiens référencés sur la plateforme</div>
  92. </div>
  94. <div class="primary-card text-center" style="flex: 0 0 33%">
  95. <div>
  96. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 640 512">
  97. <path d="M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9l0 28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5l0-24.6c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z" fill="#ff6700"/>
  98. </svg>
  99. </div>
  100. <div class="text-uppercase fs-5 fw-bold mt-4">Des praticiens certifiés et diplômés</div>
  101. </div>
  102. </div>
  103. </section>
  104. <section>
  105. <div class="container py-5 mt-10">
  106. <h2 class="text-primary">Vos questions</h2>
  107. </div>
  108. <div class="container">
  109. <div>
  110. <a href="{{ path('praticiens_description', {slugJob: speciality.slugJob}) }}">
  111. <button>{{ speciality.label }}, à quoi ça sert ?</button>
  112. </a>
  113. </div>
  114. </div>
  115. </section>
  116. <section>
  117. <div class="container py-5 mt-10">
  118. <h2 class="text-primary">Nos autres pratiques</h2>
  119. </div>
  120. <div class="container mb-15">
  121. <div>
  122. <ul class="list-group list-group-horizontal d-inline-flex flex-wrap">
  123. {% for pratique in specialities %}
  124. {% if pratique.id != speciality.id %}
  125. <li class="list-group-item"><a href="{{ path('praticiens_fiche', {slugJob: pratique.slugJob}) }}">{{ pratique.jobs }}</a></li>
  126. {% endif %}
  127. {% endfor %}
  128. </ul>
  129. </div>
  130. </div>
  131. </section>
  132. {% endblock %}
  134. {% block javascripts %}
  135. {{ parent() }}
  136. {% endblock %}