templates/praticiens/fiche-ville.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}{{ speciality.job }} à {{ city.name }} : 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 }} à {{ city.name }}</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><a href="{{ path('praticiens_fiche', {slugJob: speciality.slugJob}) }}">{{ speciality.jobs }}</a></li>
  23. <li>{{ speciality.jobs }} {{ city.name }}</li>
  24. </ul>
  25. </div>
  26. </section>
  27. <section>
  28. <div class="container py-5">
  29. <form method="get" action="{{ path('default_search') }}">
  30. <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;">
  31. <div class="input-white flex-grow-1">
  32. {% include("utils/search-form-input.html.twig") with { "terms": speciality.job } %}
  33. </div>
  34. <div class="input-white cursor-pointer flex-grow-1">
  35. {% include("utils/localisation-form-input.html.twig") with {"location": city.name, "lat": city.lat, "lon": city.lon } %}
  36. </div>
  37. <button type="submit">Rechercher</button>
  38. </div>
  39. </form>
  40. </div>
  41. </section>
  42. <section>
  43. <div class="container py-5 mt-5">
  44. <h2 class="text-primary">Nos praticiens en {{ speciality.label }} à {{ city.name }}</h2>
  45. </div>
  46. <div class="container">
  47. {% include("utils/search-results.html.twig") with {"partners": partners, "typeStr": "praticien", "rad": rad } %}
  48. </div>
  49. </section>
  50. <section>
  51. <div class="container py-10 d-flex gap-5 mobile-flex-column">
  52. <div class="primary-card text-center" style="flex: 0 0 33%">
  53. <div>
  54. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 448 512">
  55. <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"/>
  56. </svg>
  57. </div>
  58. <div class="text-uppercase fs-5 fw-bold mt-4">Prise de rendez-vous en moins de 2 min.</div>
  59. </div>
  61. <div class="primary-card text-center" style="flex: 0 0 33%">
  62. <div>
  63. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 448 512">
  64. <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"/>
  65. </svg>
  66. </div>
  67. <div class="text-uppercase fs-5 fw-bold mt-4">Plus de 20 praticiens référencés sur la plateforme</div>
  68. </div>
  70. <div class="primary-card text-center" style="flex: 0 0 33%">
  71. <div>
  72. <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" viewBox="0 0 640 512">
  73. <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"/>
  74. </svg>
  75. </div>
  76. <div class="text-uppercase fs-5 fw-bold mt-4">Des praticiens certifiés et diplômés</div>
  77. </div>
  78. </div>
  79. </section>
  80. {% if specialityHasCity and specialityHasCity.content %}
  81. <section>
  82. <div class="container py-5 mt-5">
  83. {{ specialityHasCity.content | raw }}
  84. </div>
  85. </section>
  86. {% endif %}
  87. <section>
  88. <div class="container py-5 mt-5">
  89. <h2 class="text-primary">Nos praticiens dans d'autres villes</h2>
  90. </div>
  91. <div class="container mb-15">
  92. <div>
  93. <ul class="list-group list-group-horizontal d-inline-flex flex-wrap">
  94. {% for city2 in cities %}
  95. {% if city2.id != city.id %}
  96. <li class="list-group-item"><a href="{{ path('praticiens_fiche_ville', {slugJob: speciality.slugJob, slugCity: city2.slug}) }}">{{ speciality.jobs }} {{ city2.name }}</a></li>
  97. {% endif %}
  98. {% endfor %}
  99. </ul>
  100. </div>
  101. </div>
  102. </section>
  103. {% endblock %}
  105. {% block javascripts %}
  106. {{ parent() }}
  107. {% endblock %}