templates/praticien/fiche.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}{{ practitioner.firstName }} {{ practitioner.lastName }}{% if practitioner.specialitiesJobString %} : {{ practitioner.specialitiesJobString|lower }}{% endif %}{% if practitioner.city %} à {{ practitioner.city }}{% endif %}{% if practitioner.zipCode %} ({{ practitioner.zipCode }}){% endif %}{% endblock %}
  4. {% block description %}Prenez RDV en ligne Gratuitement avec {{ practitioner.firstName }} {{ practitioner.lastName }}{% if practitioner.specialitiesJobString %} : {{ practitioner.specialitiesJobString|lower }} ZenDez-Vous{% endif %}{% if practitioner.city %} à {{ practitioner.city }}{% endif %}{% if practitioner.zipCode %} ({{ practitioner.zipCode }}){% endif %}{% endblock %}
  6. {% block styles %}
  7. {{ parent() }}
  8. <link rel="stylesheet" href="{{ asset('lib/leaflet/leaflet.css') }}"/>
  9. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  10. <link href="{{ asset('assets/css/slick.css') }}" rel="stylesheet" type="text/css" />
  11. <style>
  12. .slick-list {
  13. overflow: inherit;
  14. }
  15. </style>
  16. {% endblock %}
  18. {% block body %}
  19. <section class="bg-primary text-white">
  20. <div class="container py-10 d-flex align-items-center justify-content-between gap-10 mobile-flex-column">
  21. <div class="flex-grow-1 w-100">
  22. <h1 class="text-white">{{ practitioner.lastName }}, {{ practitioner.firstName }}</h1>
  23. <ul class="breadcrumb text-white mt-2">
  24. <li><a class="text-white" href="{{ path('default_home') }}">Accueil</a></li>
  25. <li><a class="text-white" href="{{ path('praticiens_list') }}">Praticiens</a></li>
  26. <li>{{ practitioner.lastName }} {{ practitioner.firstName }}</li>
  27. </ul>
  28. <div class="d-flex align-items-center gap-5 mt-5 mobile-flex-column">
  29. <div class="avatar extralarge"><img src="{{ practitioner.avatar ? documents_avatar_directory~practitioner.avatar : asset('assets/media/avatars/blank.png') }}" /></div>
  30. <div class="mobile-text-center">
  31. {% if practitioner.allowTeleconsultation %}
  32. <div class="mb-2 d-flex gap-3 text-third-light">
  33. <div>
  34. <svg xmlns="http://www.w3.org/2000/svg" width="21.076" height="13.776" viewBox="0 0 21.076 13.776">
  35. <g id="Icon_feather-video" data-name="Icon feather-video" transform="translate(-1 -7)">
  36. <path id="Tracé_192" data-name="Tracé 192" d="M30.388,10.5,24,15.063l6.388,4.563Z" transform="translate(-8.812 -1.175)" fill="none" stroke="#34DCF2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  37. <path id="Tracé_193" data-name="Tracé 193" d="M3.325,7.5H13.363a1.825,1.825,0,0,1,1.825,1.825v9.126a1.825,1.825,0,0,1-1.825,1.825H3.325A1.825,1.825,0,0,1,1.5,18.451V9.325A1.825,1.825,0,0,1,3.325,7.5Z" fill="none" stroke="#34DCF2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  38. </g>
  39. </svg>
  40. </div>
  41. <div>
  42. Téléconsultation disponible
  43. </div>
  44. </div>
  45. {% endif %}
  46. <h2 class="fw-normal fs-6 text-white mb-0">{{ practitioner.specialitiesString }}{% if practitioner.city %} à {{ practitioner.city }}{% endif %}</h2>
  47. {% if practitioner.slogan %}<div class="fw-normal fs-6 text-white">{{ practitioner.slogan }}</div>{% endif %}
  48. <div class="mt-4 d-flex gap-1 justify-content-center justify-content-sm-start">
  49. {% set noteValue = practitioner.noteValue %}
  50. <svg xmlns="http://www.w3.org/2000/svg" width="18.709" height="17.841" viewBox="0 0 18.709 17.841">
  51. <defs>
  52. <linearGradient id="grad_star_1">
  53. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 0.5 ? '#fff' : 'transparent' }}"/>
  54. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 1 ? '#fff' : 'transparent' }}"/>
  55. </linearGradient>
  56. </defs>
  57. <path id="Icon_feather-star" data-name="Icon feather-star" d="M11.854,3,14.59,8.543l6.118.894-4.427,4.312,1.045,6.092-5.472-2.878L6.382,19.841l1.045-6.092L3,9.437l6.118-.894Z" transform="translate(-2.5 -2.5)" fill="url(#grad_star_1)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  58. </svg>
  59. <svg xmlns="http://www.w3.org/2000/svg" width="18.709" height="17.841" viewBox="0 0 18.709 17.841">
  60. <defs>
  61. <linearGradient id="grad_star_2">
  62. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 1.5 ? '#fff' : 'transparent' }}"/>
  63. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 2 ? '#fff' : 'transparent' }}"/>
  64. </linearGradient>
  65. </defs>
  66. <path id="Icon_feather-star" data-name="Icon feather-star" d="M11.854,3,14.59,8.543l6.118.894-4.427,4.312,1.045,6.092-5.472-2.878L6.382,19.841l1.045-6.092L3,9.437l6.118-.894Z" transform="translate(-2.5 -2.5)" fill="url(#grad_star_2)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  67. </svg>
  68. <svg xmlns="http://www.w3.org/2000/svg" width="18.709" height="17.841" viewBox="0 0 18.709 17.841">
  69. <defs>
  70. <linearGradient id="grad_star_3">
  71. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 2.5 ? '#fff' : 'transparent' }}"/>
  72. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 3 ? '#fff' : 'transparent' }}"/>
  73. </linearGradient>
  74. </defs>
  75. <path id="Icon_feather-star" data-name="Icon feather-star" d="M11.854,3,14.59,8.543l6.118.894-4.427,4.312,1.045,6.092-5.472-2.878L6.382,19.841l1.045-6.092L3,9.437l6.118-.894Z" transform="translate(-2.5 -2.5)" fill="url(#grad_star_3)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  76. </svg>
  77. <svg xmlns="http://www.w3.org/2000/svg" width="18.709" height="17.841" viewBox="0 0 18.709 17.841">
  78. <defs>
  79. <linearGradient id="grad_star_4">
  80. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 3.5 ? '#fff' : 'transparent' }}"/>
  81. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 4 ? '#fff' : 'transparent' }}"/>
  82. </linearGradient>
  83. </defs>
  84. <path id="Icon_feather-star" data-name="Icon feather-star" d="M11.854,3,14.59,8.543l6.118.894-4.427,4.312,1.045,6.092-5.472-2.878L6.382,19.841l1.045-6.092L3,9.437l6.118-.894Z" transform="translate(-2.5 -2.5)" fill="url(#grad_star_4)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  85. </svg>
  86. <svg xmlns="http://www.w3.org/2000/svg" width="18.709" height="17.841" viewBox="0 0 18.709 17.841">
  87. <defs>
  88. <linearGradient id="grad_star_5">
  89. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 4.5 ? '#fff' : 'transparent' }}"/>
  90. <stop offset="50%" stop-color="{{ noteValue and noteValue >= 5 ? '#fff' : 'transparent' }}"/>
  91. </linearGradient>
  92. </defs>
  93. <path id="Icon_feather-star" data-name="Icon feather-star" d="M11.854,3,14.59,8.543l6.118.894-4.427,4.312,1.045,6.092-5.472-2.878L6.382,19.841l1.045-6.092L3,9.437l6.118-.894Z" transform="translate(-2.5 -2.5)" fill="url(#grad_star_5)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  94. </svg>
  95. <div class="ms-3 text-decoration-underline cursor-pointer" data-bs-toggle="modal" data-bs-target="#zv_reviews_modal">{{ practitioner.notes.count }} avis</div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="text-center" style="flex: 0 0 20%;">
  101. {% if practitioner.lowestServiceDelivery %}
  102. <div class="fs-5 fw-bold">À partir de {{ practitioner.lowestServiceDelivery.price }}€</div>
  103. {% endif %}
  104. {% if practitioner.publicEmail %}
  105. <a href="mailto:{{ practitioner.publicEmail }}?subject=Demande d'information depuis ZenDez-Vous"><button class="type-bordered w-100 mt-3">Poser une question</button></a>
  106. {% endif %}
  107. </div>
  108. </div>
  109. </section>
  110. <section>
  111. <div class="container py-10 d-flex align-items-start justify-content-between gap-10 mobile-flex-column-reverse">
  112. <div class="flex-grow-1" style="min-width: 0; max-width: 100%; overflow: hidden;">
  113. {% if practitioner.partnerPage %}
  114. {% if practitioner.partnerPage.description %}
  115. <div class="partner-fiche-card">
  116. <div class="partner-fiche-card-header">
  117. <div>
  118. <svg xmlns="http://www.w3.org/2000/svg" width="24.607" height="26.217" viewBox="0 0 24.607 26.217">
  119. <path id="Tracé_322" data-name="Tracé 322" d="M133.6,57.049c-3.191-1.747-3.908-4.223-4.737-7.089l-.144-.5c-.882-3.015-1.413-5.285-1.417-5.307a2.449,2.449,0,0,1,4.708-1.35l.6,2.232L137.4,33.494a.46.46,0,0,1,.021-.043,2.121,2.121,0,0,1,2.908-.96c.616.338,1.538,1.167.777,2.929-.215.5-1.077,2.746-1.652,4.488l3.323-5.75a2.034,2.034,0,1,1,3.561,1.963l-2.555,4.667,1.922-2.719a2.188,2.188,0,0,1,2.858-.729,1.713,1.713,0,0,1,.871,1.128A2.193,2.193,0,0,1,149,40.23c-.271.377-2.13,3.141-3.578,5.3l2.618-2.2a2.214,2.214,0,0,1,2.549-.429,1.717,1.717,0,0,1,.487,2.276,15.574,15.574,0,0,1-2.456,2.655,37.4,37.4,0,0,0-3.378,3.535c-.207.263-.434.574-.685.915-1.967,2.682-5.63,7.678-10.954,4.764Zm-3.192-14.917a1.534,1.534,0,0,0-1.178-.126,1.555,1.555,0,0,0-1.064,1.923c.012.046.537,2.293,1.411,5.283l.145.5c.806,2.785,1.442,4.984,4.307,6.552,4.636,2.538,7.745-1.7,9.8-4.508.256-.349.49-.669.7-.939A37.95,37.95,0,0,1,148,47.187a16.512,16.512,0,0,0,2.291-2.439.863.863,0,0,0-.132-1.061,1.4,1.4,0,0,0-1.544.329l-5.032,4.221a.448.448,0,0,1-.659-.592c.2-.3,4.89-7.3,5.349-7.939a1.34,1.34,0,0,0,.288-1.041.807.807,0,0,0-.428-.54,1.331,1.331,0,0,0-1.729.5l-5.16,6.786a.448.448,0,0,1-.743-.494l5.051-9.228a1.133,1.133,0,0,0-.408-1.585,1.163,1.163,0,0,0-1.588.492l-5.447,9.407a.448.448,0,0,1-.814-.361c.091-.284,2.509-7.471,2.988-8.578.485-1.125.078-1.537-.385-1.79a1.216,1.216,0,0,0-1.682.585L132.94,46.594a.448.448,0,0,1-.845-.054l-.944-3.491a1.529,1.529,0,0,0-.738-.916Z" transform="translate(-126.954 -31.89)" fill="#ff6700" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/>
  120. </svg>
  121. </div>
  122. <div>
  123. Le mot du praticien
  124. </div>
  125. </div>
  126. <div class="text-primary">
  127. {{ practitioner.partnerPage.description | raw }}
  128. </div>
  129. </div>
  130. {% endif %}
  132. {% if practitioner.need %}
  133. <div class="partner-fiche-card">
  134. <div class="partner-fiche-card-header">
  135. <div>
  136. <svg xmlns="http://www.w3.org/2000/svg" width="33.228" height="22.001" viewBox="0 0 33.228 22.001">
  137. <path id="Tracé_185" data-name="Tracé 185" d="M273.855,166.026a7.942,7.942,0,0,0-7.934-7.933,7.843,7.843,0,0,0-4.359,1.351,7.842,7.842,0,0,0-4.359-1.351,7.941,7.941,0,0,0-7.934,7.933,6.008,6.008,0,0,0,.75,2.546h-3.487a1.308,1.308,0,1,0,0,2.616h5.127c2.616,3.6,6.774,7.332,8.57,8.134h0a2.512,2.512,0,0,0,1.36.262h.235a2.716,2.716,0,0,0,1.124-.279c1.8-.8,5.928-4.534,8.57-8.134h5.127a1.308,1.308,0,1,0,0-2.616h-3.487a6.012,6.012,0,0,0,.7-2.529Zm-6.7,6.295h0a23.256,23.256,0,0,1-5.318,4.621,1.282,1.282,0,0,0-.592,0,23.25,23.25,0,0,1-5.318-4.621c-.358-.392-.689-.767-1-1.134h1.116a1.307,1.307,0,0,0,1.22-.871l1.142-2.982,1.936,4.524a1.307,1.307,0,0,0,1.151.794h.052a1.319,1.319,0,0,0,1.16-.7l1.909-3.6.715,1.944a1.3,1.3,0,0,0,1.22.872h1.613c-.314.383-.645.758-1,1.151Zm.305-3.748-1.412-3.836h0a1.308,1.308,0,0,0-2.38-.157l-2,3.775-2.127-4.97a1.264,1.264,0,0,0-1.229-.793,1.315,1.315,0,0,0-1.194.872l-1.979,5.153h-2.18a5.917,5.917,0,0,1-1.124-2.546,5.327,5.327,0,0,1,5.318-5.318,5.231,5.231,0,0,1,3.487,1.36,1.307,1.307,0,0,0,1.744,0,5.231,5.231,0,0,1,3.487-1.36,5.328,5.328,0,0,1,5.318,5.318,5.918,5.918,0,0,1-1.124,2.546Z" transform="translate(-244.974 -157.843)" fill="#ff6700" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/>
  138. </svg>
  139. </div>
  140. <div>
  141. Types de besoins
  142. </div>
  143. </div>
  144. <div class="d-flex flex-wrap gap-4 mb-5">
  145. {% for need in practitioner.need %}
  146. <div class="partner-tag">{{ need.label }}</div>
  147. {% endfor %}
  148. </div>
  149. </div>
  150. {% endif %}
  152. <div class="partner-fiche-card">
  153. <div class="partner-fiche-card-header">
  154. <div>
  155. <svg xmlns="http://www.w3.org/2000/svg" width="17.022" height="23.85" viewBox="0 0 17.022 23.85">
  156. <path id="Icon_awesome-euro-sign" data-name="Icon awesome-euro-sign" d="M16.541,22.574a.638.638,0,0,0-.768-.5,11.184,11.184,0,0,1-2.418.288,6.854,6.854,0,0,1-6.466-4.549h6.052a.639.639,0,0,0,.623-.5l.339-1.51a.639.639,0,0,0-.623-.779H6.134a11.492,11.492,0,0,1,.007-2.249h7.8a.639.639,0,0,0,.624-.5l.347-1.584a.639.639,0,0,0-.624-.775H6.93a6.686,6.686,0,0,1,6.262-3.994,10.427,10.427,0,0,1,2.015.221.639.639,0,0,0,.745-.459l.638-2.362a.638.638,0,0,0-.5-.794,15.5,15.5,0,0,0-2.8-.277A11.377,11.377,0,0,0,2.4,9.916H.639A.639.639,0,0,0,0,10.555v1.584a.639.639,0,0,0,.639.639H1.787a15.8,15.8,0,0,0-.01,2.249H.639A.639.639,0,0,0,0,15.665v1.51a.639.639,0,0,0,.639.639h1.6A11.152,11.152,0,0,0,13.29,26.1a13.278,13.278,0,0,0,3.253-.415.639.639,0,0,0,.468-.743Z" transform="translate(0 -2.25)" fill="#ff6700"/>
  157. </svg>
  158. </div>
  159. <div>
  160. Prestations et tarifs
  161. </div>
  162. </div>
  163. <div style="border-top: 1px solid #C1C1C1;">
  164. {% for service in practitioner.availablesServicesDeliveries %}
  165. {% if not service.isCoaching %}
  166. {% set slotDuration = service.duration ~ 'mn' %}
  167. {% if service.duration == 60 %}
  168. {% set slotDuration = '1h' %}
  169. {% endif %}
  170. {% if service.duration == 90 %}
  171. {% set slotDuration = '1h30' %}
  172. {% endif %}
  173. <div class="text-primary d-flex align-items-center justify-content-between" style="border-bottom: 1px solid #C1C1C1; font-size: 14px; line-height: 40px;">
  174. <div>{{ service.label }} {% if service.discount %}<span class="badge badge-light-primary fw-bold fs-8 px-2 py-1">-{{ service.discount }}%</span>{% endif %}</div>
  175. <div>Durée : {{ slotDuration }} / Tarif : {% if service.discount %}<s>{{ service.price }}€</s>{% endif%} {{ service.realPrice }}€</div>
  176. </div>
  177. {% endif %}
  178. {% endfor %}
  179. </div>
  180. </div>
  182. {% if groupSessions and groupSessions|length > 0 %}
  183. <div class="partner-fiche-card">
  184. <div class="partner-fiche-card-header">
  185. <div>
  186. <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 640 512">
  187. <path d="M360 72a40 40 0 1 0 -80 0 40 40 0 1 0 80 0zM144 208a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H608c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM496 208a40 40 0 1 0 0-80 40 40 0 1 0 0 80zM200 313.5l26.9 49.9c6.3 11.7 20.8 16 32.5 9.8s16-20.8 9.8-32.5l-36.3-67.5c1.7-1.7 3.2-3.6 4.3-5.8L264 217.5V272c0 17.7 14.3 32 32 32h48c17.7 0 32-14.3 32-32V217.5l26.9 49.9c1.2 2.2 2.6 4.1 4.3 5.8l-36.3 67.5c-6.3 11.7-1.9 26.2 9.8 32.5s26.2 1.9 32.5-9.8L440 313.5V352c0 17.7 14.3 32 32 32h48c17.7 0 32-14.3 32-32V313.5l26.9 49.9c6.3 11.7 20.8 16 32.5 9.8s16-20.8 9.8-32.5l-37.9-70.3c-15.3-28.5-45.1-46.3-77.5-46.3H486.2c-16.3 0-31.9 4.5-45.4 12.6l-33.6-62.3c-15.3-28.5-45.1-46.3-77.5-46.3H310.2c-32.4 0-62.1 17.8-77.5 46.3l-33.6 62.3c-13.5-8.1-29.1-12.6-45.4-12.6H134.2c-32.4 0-62.1 17.8-77.5 46.3L18.9 340.6c-6.3 11.7-1.9 26.2 9.8 32.5s26.2 1.9 32.5-9.8L88 313.5V352c0 17.7 14.3 32 32 32h48c17.7 0 32-14.3 32-32V313.5z" fill="#ff6700"/>
  188. </svg>
  189. </div>
  190. <div>
  191. Prochaines sessions de groupe
  192. </div>
  193. </div>
  194. <div style="border-top: 1px solid #C1C1C1;">
  195. {% for session in groupSessions %}
  196. {% include("utils/group-session-list-item.html.twig") with { "session": session } %}
  197. {% endfor %}
  198. </div>
  199. </div>
  200. {% endif %}
  202. {% if practitioner.partnerPage.resultsContent %}
  203. <div class="partner-fiche-card">
  204. <div class="partner-fiche-card-header">
  205. <div>
  206. <svg xmlns="http://www.w3.org/2000/svg" width="26.651" height="26.665" viewBox="0 0 26.651 26.665">
  207. <path id="Tracé_279" data-name="Tracé 279" d="M117.132,34.266l-7.784,7.784a.523.523,0,0,0,.739.74l7.784-7.784a1.076,1.076,0,0,0,.5.139l1.514.028h.026a1.455,1.455,0,0,0,1.023-.423l3.129-3.129a.239.239,0,0,0-.146-.407l-2.731-.26-.26-2.732a.239.239,0,0,0-.407-.146L117.388,31.2a1.453,1.453,0,0,0-.423,1.048l.028,1.514h0a1.074,1.074,0,0,0,.139.5Zm1-2.323,1.918-1.918.126,1.323a.684.684,0,0,0,.616.617l1.324.126-1.917,1.917a.4.4,0,0,1-.29.117l-1.527-.028-.338-.338-.028-1.527h0a.4.4,0,0,1,.117-.29ZM97.986,42.736a11.408,11.408,0,0,1,18.2-9.171l-.749.749a10.387,10.387,0,1,0,2.383,2.383l.749-.749a11.413,11.413,0,1,1-20.586,6.788ZM112.5,37.253a6.31,6.31,0,1,0,2.383,2.383l.763-.763a7.357,7.357,0,1,1-2.383-2.383Zm-5.336,5.483a2.234,2.234,0,0,0,4.462.155l.952-.952a3.3,3.3,0,1,1-2.383-2.383l-.952.952a2.236,2.236,0,0,0-2.08,2.227Z" transform="translate(-97.736 -27.751)" fill="#ff6700" stroke="#ff6700" stroke-width="0.5"/>
  208. </svg>
  209. </div>
  210. <div>
  211. Quels sont les résultats pour vos clients ?
  212. </div>
  213. </div>
  214. {{ practitioner.partnerPage.resultsContent | raw }}
  215. </div>
  216. {% endif %}
  218. {% if practitioner.partnerPage.troublesContent %}
  219. <div class="partner-fiche-card">
  220. <div class="partner-fiche-card-header">
  221. <div>
  222. <svg xmlns="http://www.w3.org/2000/svg" width="33.228" height="22.001" viewBox="0 0 33.228 22.001">
  223. <path id="Tracé_185" data-name="Tracé 185" d="M273.855,166.026a7.942,7.942,0,0,0-7.934-7.933,7.843,7.843,0,0,0-4.359,1.351,7.842,7.842,0,0,0-4.359-1.351,7.941,7.941,0,0,0-7.934,7.933,6.008,6.008,0,0,0,.75,2.546h-3.487a1.308,1.308,0,1,0,0,2.616h5.127c2.616,3.6,6.774,7.332,8.57,8.134h0a2.512,2.512,0,0,0,1.36.262h.235a2.716,2.716,0,0,0,1.124-.279c1.8-.8,5.928-4.534,8.57-8.134h5.127a1.308,1.308,0,1,0,0-2.616h-3.487a6.012,6.012,0,0,0,.7-2.529Zm-6.7,6.295h0a23.256,23.256,0,0,1-5.318,4.621,1.282,1.282,0,0,0-.592,0,23.25,23.25,0,0,1-5.318-4.621c-.358-.392-.689-.767-1-1.134h1.116a1.307,1.307,0,0,0,1.22-.871l1.142-2.982,1.936,4.524a1.307,1.307,0,0,0,1.151.794h.052a1.319,1.319,0,0,0,1.16-.7l1.909-3.6.715,1.944a1.3,1.3,0,0,0,1.22.872h1.613c-.314.383-.645.758-1,1.151Zm.305-3.748-1.412-3.836h0a1.308,1.308,0,0,0-2.38-.157l-2,3.775-2.127-4.97a1.264,1.264,0,0,0-1.229-.793,1.315,1.315,0,0,0-1.194.872l-1.979,5.153h-2.18a5.917,5.917,0,0,1-1.124-2.546,5.327,5.327,0,0,1,5.318-5.318,5.231,5.231,0,0,1,3.487,1.36,1.307,1.307,0,0,0,1.744,0,5.231,5.231,0,0,1,3.487-1.36,5.328,5.328,0,0,1,5.318,5.318,5.918,5.918,0,0,1-1.124,2.546Z" transform="translate(-244.974 -157.843)" fill="#ff6700" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.5"/>
  224. </svg>
  225. </div>
  226. <div>
  227. Quels sont les troubles que vous traitez le plus souvent ?
  228. </div>
  229. </div>
  230. {{ practitioner.partnerPage.troublesContent | raw }}
  231. </div>
  232. {% endif %}
  234. {% if practitioner.partnerPage.workingContent %}
  235. <div class="partner-fiche-card">
  236. <div class="partner-fiche-card-header">
  237. <div>
  238. <svg xmlns="http://www.w3.org/2000/svg" width="32.908" height="21.859" viewBox="0 0 32.908 21.859">
  239. <path id="Tracé_201" data-name="Tracé 201" d="M159.4,156.706a.458.458,0,0,0-.286.186l-5.048,6.864a.458.458,0,0,0,.072.615l5.134,4.347a2.278,2.278,0,0,0,.658,4.462,2.25,2.25,0,0,0,.944-.215,1.784,1.784,0,0,0,2.274,1.516c0,.024-.014.047-.014.072a1.838,1.838,0,0,0,1.83,1.831,1.794,1.794,0,0,0,.944-.272,1.821,1.821,0,0,0,1.8,1.645,1.8,1.8,0,0,0,1.216-.486,2.514,2.514,0,0,0,1.53.486,2.283,2.283,0,0,0,1.573-.715,2.308,2.308,0,0,0,.7-1.344,1.983,1.983,0,0,0,.93.229,2.065,2.065,0,0,0,1.973-1.53,1.962,1.962,0,0,0,.772.157,2.076,2.076,0,0,0,2.031-1.773c.031.024.081.064.114.086a2.167,2.167,0,0,0,1.187.314,2.061,2.061,0,0,0,2.16-2.2,2.415,2.415,0,0,0-1.087-1.816v-.014l-.029-.014-.386-.315,5.448-4.447a.458.458,0,0,0,.086-.615l-5.048-6.864a.458.458,0,0,0-.443-.186.445.445,0,0,0-.072.014c-2.78.951-4.42.9-7.622.9a4.883,4.883,0,0,0-2.746.815,4.851,4.851,0,0,0-2.746-.815c-3.2,0-4.842.05-7.622-.9a.456.456,0,0,0-.229-.014Zm.272.972a21.557,21.557,0,0,0,7.579.858,3.752,3.752,0,0,1,2.045.544l-3.761,4.176a.457.457,0,0,0-.086.458,2.383,2.383,0,0,0,1.344,1.5,2.968,2.968,0,0,0,1.416.171,2.9,2.9,0,0,0,1.144-.443c.409-.231.852-.53,1.258-.815.65-.457,1-.739,1.2-.9l8.423,6.65.028.014a1.8,1.8,0,0,1,.715,1.087s0,.011,0,.014a1.25,1.25,0,0,1-.358.958,1.272,1.272,0,0,1-.886.314,1.831,1.831,0,0,1-.687-.171c.044.028-.118-.087-.3-.229s-.44-.344-.729-.572c-.579-.457-1.319-1.042-2.059-1.63l-2.932-2.331a.458.458,0,1,0-.572.715l2.932,2.331c.741.589,1.493,1.187,2.074,1.645.075.059.117.089.186.143a.458.458,0,0,0-.1.286,1.162,1.162,0,0,1-1.144,1.187,1.1,1.1,0,0,1-.644-.215c.03.021-.077-.057-.2-.157s-.3-.24-.5-.4c-.394-.321-.9-.745-1.4-1.158-1.009-.827-2-1.63-2-1.63a.452.452,0,1,0-.572.7s.978.818,1.988,1.645c.5.414,1.021.836,1.416,1.158.127.1.217.167.315.243a1.162,1.162,0,0,1-1.144,1.187,1.1,1.1,0,0,1-.644-.215c-.064-.045-2.035-1.484-3.189-2.431a.452.452,0,1,0-.572.7c.876.719,1.908,1.495,2.574,1.988v.415a1.41,1.41,0,0,1-.443.93,1.452,1.452,0,0,1-.93.443,1.352,1.352,0,0,1-1.03-.314,1.8,1.8,0,0,0-1.716-2.431,1.8,1.8,0,0,0-.944.272,1.779,1.779,0,0,0-2.274-1.573c0-.024.014-.047.014-.072a1.786,1.786,0,0,0-2.288-1.759c0-.024,0-.047,0-.072a2.288,2.288,0,0,0-1.487-2.131.443.443,0,0,0-.043-.057l-5.62-4.762Zm20.65,0,4.6,6.278-5.263,4.29-7.551-5.963a.457.457,0,0,0-.572.014s-.675.536-1.459,1.087c-.392.275-.807.552-1.173.758a3.326,3.326,0,0,1-.787.343,2.2,2.2,0,0,1-.987-.129,1.376,1.376,0,0,1-.7-.715l3.832-4.276c.006,0,.009-.01.014-.014a3.847,3.847,0,0,1,2.46-.815,21.557,21.557,0,0,0,7.579-.858ZM159.931,169.52a1.373,1.373,0,1,1-1.373,1.373A1.366,1.366,0,0,1,159.931,169.52Zm2.746,2.288a.915.915,0,1,1-.915.915A.908.908,0,0,1,162.677,171.808Zm2.288,1.83a.915.915,0,1,1-.915.915A.909.909,0,0,1,164.965,173.638Zm2.746,1.373a.915.915,0,1,1-.915.915A.908.908,0,0,1,167.711,175.011Z" transform="translate(-153.543 -156.298)" fill="#ff6700" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="0.8"/>
  240. </svg>
  241. </div>
  242. <div>
  243. Comment se passe une séance ?
  244. </div>
  245. </div>
  246. {{ practitioner.partnerPage.workingContent | raw }}
  247. </div>
  248. {% endif %}
  250. {% if practitioner.partnerPage.publicTypeContent %}
  251. <div class="partner-fiche-card">
  252. <div class="partner-fiche-card-header">
  253. <div>
  254. <svg xmlns="http://www.w3.org/2000/svg" width="19.223" height="24.418" viewBox="0 0 19.223 24.418">
  255. <path id="Tracé_323" data-name="Tracé 323" d="M265.619,171a1.819,1.819,0,0,1-1.815,1.819H248.211A1.819,1.819,0,0,1,246.4,171a9.611,9.611,0,1,1,19.223,0Zm-9.611-7.014a7.015,7.015,0,0,0-6.971,6.235h13.941a7.015,7.015,0,0,0-6.971-6.235Zm0-3.637a5.975,5.975,0,1,1,5.974-5.974A5.974,5.974,0,0,1,256.008,160.348Zm0-2.6a3.377,3.377,0,1,0-3.377-3.377A3.377,3.377,0,0,0,256.008,157.751Z" transform="translate(-246.396 -148.399)" fill="#ff6700"/>
  256. </svg>
  257. </div>
  258. <div>
  259. Types de public
  260. </div>
  261. </div>
  262. {{ practitioner.partnerPage.publicTypeContent | raw }}
  263. </div>
  264. {% endif %}
  266. <div class="partner-fiche-card">
  267. <div class="d-flex justify-content-between gap-20 mobile-flex-column">
  268. <div class="flex-grow-1">
  269. <div class="partner-fiche-card-header">
  270. <div>
  271. <svg xmlns="http://www.w3.org/2000/svg" width="22.139" height="26.614" viewBox="0 0 22.139 26.614">
  272. <g id="Icon_feather-map-pin" data-name="Icon feather-map-pin" transform="translate(-3.5 -0.5)">
  273. <path id="Tracé_17" data-name="Tracé 17" d="M24.639,11.569c0,7.832-10.069,14.545-10.069,14.545S4.5,19.4,4.5,11.569a10.069,10.069,0,1,1,20.139,0Z" transform="translate(0 0)" fill="none" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  274. <path id="Tracé_18" data-name="Tracé 18" d="M20.213,13.856A3.356,3.356,0,1,1,16.856,10.5a3.356,3.356,0,0,1,3.356,3.356Z" transform="translate(-2.287 -2.287)" fill="none" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  275. </g>
  276. </svg>
  277. </div>
  278. <div>
  279. {% if practitioner.secondaryLocations and practitioner.secondaryLocations|length > 0 %}Lieux de consultation{% else %}Lieu de consultation{% endif %}
  280. </div>
  281. </div>
  282. {% if practitioner.address %}
  283. <div class="mt-5 text-primary">
  284. {% if practitioner.addressName %}{{ practitioner.addressName }}<br/>{% endif %}
  285. {{ practitioner.address }}<br/>
  286. {% if practitioner.address2 %}{{ practitioner.address2 }}<br/>{% endif %}
  287. {{ practitioner.zipCode }} {{ practitioner.city }}
  288. </div>
  289. {% endif %}
  290. {% if practitioner.secondaryLocations and practitioner.secondaryLocations|length > 0 %}
  291. {% for secondaryLocation in practitioner.secondaryLocations %}
  292. {% if secondaryLocation.active %}
  293. <div class="mt-5 text-primary">
  294. {% if secondaryLocation.name != secondaryLocation.address %}{{ secondaryLocation.name }}<br/>{% endif %}
  295. {{ secondaryLocation.address }}<br/>
  296. {% if secondaryLocation.address2 %}{{ secondaryLocation.address2 }}<br/>{% endif %}
  297. {{ secondaryLocation.zipCode }} {{ secondaryLocation.city }}
  298. </div>
  299. {% endif %}
  300. {% endfor %}
  301. {% endif %}
  302. </div>
  303. <div style="flex: 0 0 45%">
  304. <div class="border-radius10" id="zv-map" style="height: 300px;width: 100%;"></div>
  305. </div>
  306. </div>
  307. </div>
  309. <div class="partner-fiche-card">
  310. <div class="partner-fiche-card-header">
  311. <div>
  312. <svg xmlns="http://www.w3.org/2000/svg" width="21.624" height="23.805" viewBox="0 0 21.624 23.805">
  313. <g id="Icon_feather-home" data-name="Icon feather-home" transform="translate(-3.5 -2)">
  314. <path id="Tracé_271" data-name="Tracé 271" d="M4.5,10.632,14.312,3l9.812,7.632V22.624a2.18,2.18,0,0,1-2.18,2.18H6.68a2.18,2.18,0,0,1-2.18-2.18Z" transform="translate(0 0)" fill="none" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  315. <path id="Tracé_272" data-name="Tracé 272" d="M13.5,28.9V18h6.541V28.9" transform="translate(-2.459 -4.098)" fill="none" stroke="#ff6700" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
  316. </g>
  317. </svg>
  318. </div>
  319. <div>
  320. Le cadre du travail
  321. </div>
  322. </div>
  323. <div class="partner-fiche-mediatheque">
  324. {% if practitioner.partnerPage.image1 %}
  325. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image1 }}">
  326. <img src="/uploads/p-image/{{ practitioner.partnerPage.image1 }}" />
  327. </a>
  328. {% endif %}
  329. {% if practitioner.partnerPage.image2 %}
  330. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image2 }}">
  331. <img src="/uploads/p-image/{{ practitioner.partnerPage.image2 }}" />
  332. </a>
  333. {% endif %}
  334. {% if practitioner.partnerPage.image3 %}
  335. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image3 }}">
  336. <img src="/uploads/p-image/{{ practitioner.partnerPage.image3 }}" />
  337. </a>
  338. {% endif %}
  339. {% if practitioner.partnerPage.image4 %}
  340. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image4 }}">
  341. <img src="/uploads/p-image/{{ practitioner.partnerPage.image4 }}" />
  342. </a>
  343. {% endif %}
  344. {% if practitioner.partnerPage.image5 %}
  345. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image5 }}">
  346. <img src="/uploads/p-image/{{ practitioner.partnerPage.image5 }}" />
  347. </a>
  348. {% endif %}
  349. {% if practitioner.partnerPage.image6 %}
  350. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image6 }}">
  351. <img src="/uploads/p-image/{{ practitioner.partnerPage.image6 }}" />
  352. </a>
  353. {% endif %}
  354. {% if practitioner.partnerPage.image7 %}
  355. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image7 }}">
  356. <img src="/uploads/p-image/{{ practitioner.partnerPage.image7 }}" />
  357. </a>
  358. {% endif %}
  359. {% if practitioner.partnerPage.image8 %}
  360. <a data-fslightbox="lightbox-basic" href="/uploads/p-image/{{ practitioner.partnerPage.image8 }}">
  361. <img src="/uploads/p-image/{{ practitioner.partnerPage.image8 }}" />
  362. </a>
  363. {% endif %}
  364. {% if practitioner.partnerPage.videoPresentation %}
  365. <a data-fslightbox="lightbox-basic" href="https://www.youtube.com/watch?v={{ getYoutubeIdFromUrl(practitioner.partnerPage.videoPresentation) }}">
  366. <iframe class="border-radius10" width="224" height="126" src="https://www.youtube-nocookie.com/embed/{{ getYoutubeIdFromUrl(practitioner.partnerPage.videoPresentation) }}" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen></iframe>
  367. </a>
  368. {% endif %}
  369. </div>
  370. </div>
  372. {% if practitioner.partnerPage.diplomaContent %}
  373. <div class="partner-fiche-card">
  374. <div class="partner-fiche-card-header">
  375. <div>
  376. <svg xmlns="http://www.w3.org/2000/svg" width="28.666" height="21.5" viewBox="0 0 28.666 21.5">
  377. <path id="noun-graduate-4506276" d="M13.761,22.022a1.188,1.188,0,0,1,1.144,0l13.139,7.217a1.207,1.207,0,0,1,0,2.112l-4.155,2.282v6.284a1.2,1.2,0,0,1-.7,1.093,20.84,20.84,0,0,1-8.781,2.365,21.117,21.117,0,0,1-8.934-2.364,1.2,1.2,0,0,1-.7-1.095V33.633l-1.194-.656v6.94a1.194,1.194,0,1,1-2.389,0V31.664L.622,31.35a1.207,1.207,0,0,1,0-2.112ZM7.167,34.944v4.191A17.746,17.746,0,0,0,14.4,40.969a17.461,17.461,0,0,0,7.1-1.831V34.945l-6.595,3.622a1.188,1.188,0,0,1-1.144,0Zm-3.478-4.65,10.644,5.846,10.645-5.846L14.333,24.448Z" transform="translate(0 -21.875)" fill="#ff6700" fill-rule="evenodd"/>
  378. </svg>
  379. </div>
  380. <div>
  381. Diplômes et certifications
  382. </div>
  383. </div>
  384. {{ practitioner.partnerPage.diplomaContent | raw }}
  385. </div>
  386. {% endif %}
  388. {% if practitioner.partnerPage.otherFormationsContent %}
  389. <div class="partner-fiche-card">
  390. <div class="partner-fiche-card-header">
  391. <div>
  392. <svg xmlns="http://www.w3.org/2000/svg" width="28.666" height="21.5" viewBox="0 0 28.666 21.5">
  393. <path id="noun-graduate-4506276" d="M13.761,22.022a1.188,1.188,0,0,1,1.144,0l13.139,7.217a1.207,1.207,0,0,1,0,2.112l-4.155,2.282v6.284a1.2,1.2,0,0,1-.7,1.093,20.84,20.84,0,0,1-8.781,2.365,21.117,21.117,0,0,1-8.934-2.364,1.2,1.2,0,0,1-.7-1.095V33.633l-1.194-.656v6.94a1.194,1.194,0,1,1-2.389,0V31.664L.622,31.35a1.207,1.207,0,0,1,0-2.112ZM7.167,34.944v4.191A17.746,17.746,0,0,0,14.4,40.969a17.461,17.461,0,0,0,7.1-1.831V34.945l-6.595,3.622a1.188,1.188,0,0,1-1.144,0Zm-3.478-4.65,10.644,5.846,10.645-5.846L14.333,24.448Z" transform="translate(0 -21.875)" fill="#ff6700" fill-rule="evenodd"/>
  394. </svg>
  395. </div>
  396. <div>
  397. Autres formations
  398. </div>
  399. </div>
  400. {{ practitioner.partnerPage.otherFormationsContent | raw }}
  401. </div>
  402. {% endif %}
  404. {% if practitioner.partnerPage.website or practitioner.partnerPage.facebookLink or practitioner.partnerPage.youtubeLink or practitioner.partnerPage.instagramLink or practitioner.partnerPage.linkedinLink %}
  405. <div class="partner-fiche-card">
  406. <div class="partner-fiche-card-header">
  407. <div>
  408. Site et réseaux sociaux
  409. </div>
  410. </div>
  411. <div class="d-flex gap-5">
  412. {% if practitioner.partnerPage.website %}
  413. <a href="{{ practitioner.partnerPage.website }}" target="_blank" rel="noreferrer">
  414. <div class="social-icon bg-primary">
  415. <svg xmlns="http://www.w3.org/2000/svg" width="14.963" height="14.963" viewBox="0 0 14.963 14.963">
  416. <g id="Icon_feather-mouse-pointer" data-name="Icon feather-mouse-pointer" transform="translate(-3.75 -3.75)">
  417. <path id="Tracé_269" data-name="Tracé 269" d="M4.5,4.5l5.609,13.463L12.1,12.1l5.863-1.991Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  418. <path id="Tracé_270" data-name="Tracé 270" d="M19.5,19.5l4.76,4.76" transform="translate(-7.067 -7.067)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
  419. </g>
  420. </svg>
  421. </div>
  422. </a>
  423. {% endif %}
  424. {% if practitioner.partnerPage.facebookLink %}
  425. <a href="{{ practitioner.partnerPage.facebookLink }}" target="_blank" rel="noreferrer">
  426. <div class="social-icon bg-primary">
  427. <svg xmlns="http://www.w3.org/2000/svg" width="10.75" height="20.072" viewBox="0 0 10.75 20.072">
  428. <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M11.655,11.29l.557-3.633H8.727V5.3a1.816,1.816,0,0,1,2.048-1.963H12.36V.245A19.324,19.324,0,0,0,9.547,0C6.676,0,4.8,1.74,4.8,4.889V7.658H1.609V11.29H4.8v8.781H8.727V11.29Z" transform="translate(-1.609)" fill="#fff"/>
  429. </svg>
  430. </div>
  431. </a>
  432. {% endif %}
  433. {% if practitioner.partnerPage.youtubeLink %}
  434. <a href="{{ practitioner.partnerPage.youtubeLink }}" target="_blank" rel="noreferrer">
  435. <div class="social-icon bg-primary">
  436. <svg xmlns="http://www.w3.org/2000/svg" width="21.021" height="14.78" viewBox="0 0 21.021 14.78">
  437. <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M21.632,6.813a2.641,2.641,0,0,0-1.858-1.871C18.134,4.5,11.561,4.5,11.561,4.5s-6.573,0-8.213.442A2.641,2.641,0,0,0,1.489,6.813a27.708,27.708,0,0,0-.439,5.093A27.708,27.708,0,0,0,1.489,17a2.6,2.6,0,0,0,1.858,1.841c1.639.442,8.213.442,8.213.442s6.573,0,8.213-.442A2.6,2.6,0,0,0,21.632,17a27.708,27.708,0,0,0,.439-5.093,27.708,27.708,0,0,0-.439-5.093ZM9.411,15.031V8.78L14.9,11.905,9.411,15.031Z" transform="translate(-1.05 -4.5)" fill="#fff"/>
  438. </svg>
  439. </div>
  440. </a>
  441. {% endif %}
  442. {% if practitioner.partnerPage.instagramLink %}
  443. <a href="{{ practitioner.partnerPage.instagramLink }}" target="_blank" rel="noreferrer">
  444. <div class="social-icon bg-primary">
  445. <svg xmlns="http://www.w3.org/2000/svg" width="14.78" height="14.78" viewBox="0 0 14.78 14.78">
  446. <path id="Icon_simple-instagram" data-name="Icon simple-instagram" d="M7.39,0C5.382,0,5.132.009,4.344.044A5.449,5.449,0,0,0,2.55.388,3.619,3.619,0,0,0,1.24,1.24,3.606,3.606,0,0,0,.388,2.55,5.433,5.433,0,0,0,.044,4.344C.007,5.132,0,5.382,0,7.39s.009,2.258.044,3.047a5.453,5.453,0,0,0,.344,1.794A3.624,3.624,0,0,0,1.24,13.54a3.614,3.614,0,0,0,1.309.852,5.456,5.456,0,0,0,1.794.344c.788.037,1.039.044,3.047.044s2.258-.009,3.047-.044a5.469,5.469,0,0,0,1.794-.344,3.777,3.777,0,0,0,2.162-2.162,5.453,5.453,0,0,0,.344-1.794c.037-.788.044-1.039.044-3.047s-.009-2.258-.044-3.047a5.465,5.465,0,0,0-.344-1.794A3.627,3.627,0,0,0,13.54,1.24,3.6,3.6,0,0,0,12.231.388,5.437,5.437,0,0,0,10.437.044C9.648.007,9.4,0,7.39,0Zm0,1.33c1.973,0,2.208.01,2.987.044a4.072,4.072,0,0,1,1.371.256,2.432,2.432,0,0,1,1.4,1.4A4.08,4.08,0,0,1,13.406,4.4c.035.78.043,1.014.043,2.987S13.44,9.6,13.4,10.377a4.159,4.159,0,0,1-.259,1.371,2.347,2.347,0,0,1-.554.851,2.306,2.306,0,0,1-.85.552,4.11,4.11,0,0,1-1.376.254c-.785.035-1.016.043-2.992.043S5.163,13.44,4.379,13.4A4.19,4.19,0,0,1,3,13.144a2.289,2.289,0,0,1-.849-.554,2.244,2.244,0,0,1-.554-.85,4.194,4.194,0,0,1-.259-1.376C1.312,9.588,1.3,9.349,1.3,7.381s.01-2.208.038-2.994A4.189,4.189,0,0,1,1.6,3.011a2.191,2.191,0,0,1,.554-.85A2.186,2.186,0,0,1,3,1.608,4.09,4.09,0,0,1,4.37,1.349c.785-.028,1.016-.037,2.992-.037l.028.018Zm0,2.265A3.795,3.795,0,1,0,11.185,7.39,3.795,3.795,0,0,0,7.39,3.6Zm0,6.258A2.463,2.463,0,1,1,9.854,7.39,2.463,2.463,0,0,1,7.39,9.854Zm4.832-6.408a.887.887,0,1,1-.887-.886A.887.887,0,0,1,12.222,3.446Z" fill="#fff"/>
  447. </svg>
  448. </div>
  449. </a>
  450. {% endif %}
  451. {% if practitioner.partnerPage.linkedinLink %}
  452. <a href="{{ practitioner.partnerPage.linkedinLink }}" target="_blank" rel="noreferrer">
  453. <div class="social-icon bg-primary">
  454. <svg xmlns="http://www.w3.org/2000/svg" width="17.255" height="17.255" viewBox="0 0 17.255 17.255">
  455. <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M3.862,17.255H.285V5.735H3.862ZM2.072,4.164A2.082,2.082,0,1,1,4.144,2.072,2.089,2.089,0,0,1,2.072,4.164ZM17.251,17.255h-3.57V11.647c0-1.336-.027-3.05-1.86-3.05-1.86,0-2.145,1.452-2.145,2.954v5.7H6.1V5.735H9.534V7.307h.05a3.759,3.759,0,0,1,3.385-1.86c3.62,0,4.286,2.384,4.286,5.481v6.328Z" transform="translate(0 0)" fill="#fff"/>
  456. </svg>
  457. </div>
  458. </a>
  459. {% endif %}
  460. </div>
  461. </div>
  462. {% endif %}
  463. {% endif %}
  464. </div>
  465. <div style="flex: 0 0 30%; top: 25px; min-width: 100px;" class="position-sticky w-100 mobile-remove-sticky ms-sm-17 mb-10 mb-sm-0">
  466. <div class="bg-primary p-7 text-white w-100 border-radius10">
  467. {% if practitioner.allowTeleconsultation %}
  468. <div class="mt-2 d-flex gap-3">
  469. <div>
  470. <svg xmlns="http://www.w3.org/2000/svg" width="21.076" height="13.776" viewBox="0 0 21.076 13.776">
  471. <g id="Icon_feather-video" data-name="Icon feather-video" transform="translate(-1 -7)">
  472. <path id="Tracé_192" data-name="Tracé 192" d="M30.388,10.5,24,15.063l6.388,4.563Z" transform="translate(-8.812 -1.175)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  473. <path id="Tracé_193" data-name="Tracé 193" d="M3.325,7.5H13.363a1.825,1.825,0,0,1,1.825,1.825v9.126a1.825,1.825,0,0,1-1.825,1.825H3.325A1.825,1.825,0,0,1,1.5,18.451V9.325A1.825,1.825,0,0,1,3.325,7.5Z" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  474. </g>
  475. </svg>
  476. </div>
  477. <div>
  478. Téléconsultation disponible
  479. </div>
  480. </div>
  481. {% endif %}
  482. {% if practitioner.address %}
  483. <div class="mt-5 d-flex align-items-center gap-3">
  484. <div>
  485. <svg xmlns="http://www.w3.org/2000/svg" width="21.139" height="25.614" viewBox="0 0 21.139 25.614">
  486. <g id="Icon_feather-map-pin" data-name="Icon feather-map-pin" transform="translate(-4 -1)">
  487. <path id="Tracé_17" data-name="Tracé 17" d="M24.639,11.569c0,7.832-10.069,14.545-10.069,14.545S4.5,19.4,4.5,11.569a10.069,10.069,0,1,1,20.139,0Z" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  488. <path id="Tracé_18" data-name="Tracé 18" d="M20.213,13.856A3.356,3.356,0,1,1,16.856,10.5a3.356,3.356,0,0,1,3.356,3.356Z" transform="translate(-2.287 -2.287)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
  489. </g>
  490. </svg>
  491. </div>
  492. <div>
  493. {% if practitioner.addressName %}{{ practitioner.addressName }}<br/>{% endif %}
  494. {{ practitioner.address }}<br/>
  495. {% if practitioner.address2 %}{{ practitioner.address2 }}<br/>{% endif %}
  496. {{ practitioner.zipCode }} {{ practitioner.city }}
  497. </div>
  498. </div>
  499. {% endif %}
  500. <div class="mt-7">
  501. <a href="{{ path('default_checkout_identification', {'partner': practitioner.id}) }}">
  502. <button class="type-bordered w-100 bg-white text-primary">Prendre rendez-vous</button>
  503. </a>
  504. </div>
  505. </div>
  506. {% if practitioner.partnerPage.promotions and practitioner.partnerPage.promotions.count > 0 %}
  507. <div class="partner-fiche-card mt-5">
  508. <div class="partner-fiche-card-header">
  509. <div>
  510. <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 512 512"><path d="M345 39.1L472.8 168.4c52.4 53 52.4 138.2 0 191.2L360.8 472.9c-9.3 9.4-24.5 9.5-33.9 .2s-9.5-24.5-.2-33.9L438.6 325.9c33.9-34.3 33.9-89.4 0-123.7L310.9 72.9c-9.3-9.4-9.2-24.6 .2-33.9s24.6-9.2 33.9 .2zM0 229.5V80C0 53.5 21.5 32 48 32H197.5c17 0 33.3 6.7 45.3 18.7l168 168c25 25 25 65.5 0 90.5L277.3 442.7c-25 25-65.5 25-90.5 0l-168-168C6.7 262.7 0 246.5 0 229.5zM144 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z" fill="#ff6700"/></svg>
  511. </div>
  512. <div>
  513. Offres et promotions
  514. </div>
  515. </div>
  516. <div style="border-top: 1px solid #C1C1C1;">
  517. {% for promotion in practitioner.partnerPage.promotions %}
  518. {% if not promotion.maxDate or promotion.maxDate|date('U') > 'now'|date('U') %}
  519. <div class="text-primary py-3" style="border-bottom: 1px solid #C1C1C1; font-size: 12px;">
  520. <div class="text-right w-100 fs-8 fw-bold">{% if promotion.maxDate %}Date limite: {{ promotion.maxDate|date('d/m/Y à H:i') }}{% endif %}</div>
  521. <div>{{ promotion.content }}</div>
  522. </div>
  523. {% endif %}
  524. {% endfor %}
  525. </div>
  526. </div>
  527. {% endif %}
  528. {% if practitioner.partnerPage.events and practitioner.partnerPage.events.count > 0 %}
  529. <div style="padding-right: 1px;" class="mt-5">
  530. <div id="page_events">
  531. {% for event in practitioner.partnerPage.events %}
  532. <div>
  533. <div class="partner-fiche-card position-relative">
  534. <div class="position-absolute top-0 text-white fs-8 px-3 py-1 fw-semibold" style="right: 20px; background-color: #ff6700; border-radius: 0 0 4px 4px;">ÉVÉNEMENT{% if event.type %} - {{ event.type }}{% endif %}</div>
  535. <div class="d-flex align-items-center justify-content-between gap-10">
  536. <div>
  537. <div class="partner-fiche-card-header">
  538. <div>
  539. <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 448 512">
  540. <path d="M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H64C28.7 64 0 92.7 0 128v16 48V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V192 144 128c0-35.3-28.7-64-64-64H344V24c0-13.3-10.7-24-24-24s-24 10.7-24 24V64H152V24zM48 192H400V448c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192z" fill="#ff6700"/>
  541. </svg>
  542. </div>
  543. <div>
  544. {{ event.title }}
  545. </div>
  546. {% if event.file %}
  547. <a href="/uploads/p-image/{{ event.file }}" class="d-block" target="_blank" rel="noreferrer">
  548. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 384 512"><path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM216 232V334.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31V232c0-13.3 10.7-24 24-24s24 10.7 24 24z" fill="#336c7a"/></svg>
  549. </a>
  550. {% endif %}
  551. </div>
  552. {{ event.description }}
  553. {% if event.link %}
  554. <div class="fs-8 mt-2"><a href="{{ event.link }}" target="_blank" rel="nofollow"><i>En savoir plus</i></a></div>
  555. {% endif %}
  556. </div>
  557. <div class="text-secondary fw-bold fs-5 text-right" style="max-width: 100px;">
  558. {{ event.dates }}
  559. </div>
  560. </div>
  561. </div>
  562. </div>
  563. {% endfor %}
  564. </div>
  565. </div>
  566. {% endif %}
  567. </div>
  568. </div>
  569. </section>
  571. <div class="modal fade" tabindex="-1" id="zv_reviews_modal">
  572. <div class="modal-dialog">
  573. <div class="modal-content">
  574. <div class="modal-header">
  575. <h5 class="modal-title">Avis sur {{ practitioner.firstName }} {{ practitioner.lastName }}</h5>
  576. <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal">
  577. <svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" fill="#336c7a"/></svg>
  578. </div>
  579. </div>
  581. <div class="modal-body">
  582. <div>
  583. {% for review in practitioner.notes|reverse %}
  584. <div class="partner-fiche-card fs-8">
  585. {% if review.user %}
  586. <div class="d-flex align-items-center justify-content-start gap-1"><div><b>{{ review.user.firstName }} {{ review.user.lastName }}</b></div><div class="d-flex align-items-center">{% for i in 1..review.note %}<i class="bi bi-star fs-8 pb-1 d-block text-primary" style="margin-right: 2px;"></i>{% endfor %}</div></div>
  587. {% endif %}
  588. {{ review.opinion }}
  589. </div>
  590. {% endfor %}
  591. </div>
  592. <div>
  593. <div class="separator my-4"></div>
  594. {% if form is defined and form and app.user %}
  595. {{ form_start(form) }}
  596. <div class="fv-row mb-5">
  597. {{ form_label(form.note, null, {"label_attr": {"class": "fs-6 fw-bold form-label mt-3"}}) }}
  598. <div class="rating">
  599. <label class="rating-label me-1" for="partner_note_note_0">
  600. <i class="bi bi-star fs-1"></i>
  601. </label>
  602. <input class="rating-input" name="partner_note[note]" value="1" {% if partnerNote and partnerNote.note >= 1 %}checked{% endif%} type="radio" id="partner_note_note_0"/>
  604. <label class="rating-label me-1" for="partner_note_note_1">
  605. <i class="bi bi-star fs-1"></i>
  606. </label>
  607. <input class="rating-input" name="partner_note[note]" value="2" {% if partnerNote and partnerNote.note >= 2 %}checked{% endif%} type="radio" id="partner_note_note_1"/>
  609. <label class="rating-label me-1" for="partner_note_note_2">
  610. <i class="bi bi-star fs-1"></i>
  611. </label>
  612. <input class="rating-input" name="partner_note[note]" value="3" {% if partnerNote and partnerNote.note >= 3 %}checked{% endif%} type="radio" id="partner_note_note_2"/>
  614. <label class="rating-label me-1" for="partner_note_note_3">
  615. <i class="bi bi-star fs-1"></i>
  616. </label>
  617. <input class="rating-input" name="partner_note[note]" value="4" {% if partnerNote and partnerNote.note >= 4 %}checked{% endif%} type="radio" id="partner_note_note_3"/>
  619. <label class="rating-label me-1" for="partner_note_note_4">
  620. <i class="bi bi-star fs-1"></i>
  621. </label>
  622. <input class="rating-input" name="partner_note[note]" value="5" {% if partnerNote and partnerNote.note >= 5 %}checked{% endif%} type="radio" id="partner_note_note_4"/>
  623. </div>
  624. <div class="alert-danger">{{ form_errors(form.note) | striptags }}</div>
  625. </div>
  626. <div class="fv-row mb-5">
  627. {{ form_label(form.opinion, null, {"label_attr": {"class": "fs-6 fw-bold form-label mt-3"}}) }}
  628. {{ form_widget(form.opinion, {"attr": {"class": "form-control"}}) }}
  629. <div class="alert-danger">{{ form_errors(form.opinion) | striptags }}</div>
  630. </div>
  631. {{ form_widget(form._token) }}
  632. <div class="w-100 text-center mt-5"><button type="submit">{{ partnerNote and partnerNote.id ? 'Modifier' : 'Ajouter' }}</button></div>
  633. {{ form_end(form, {'render_rest': false}) }}
  634. {% else %}
  635. <div class="text-center fs-8">Vous devez être connecté pour laisser un avis</div>
  636. {% endif %}
  637. </div>
  638. </div>
  640. <div class="modal-footer">
  641. <button type="button" class="btn btn-light" data-bs-dismiss="modal">Fermer</button>
  642. </div>
  643. </div>
  644. </div>
  645. </div>
  646. {% endblock %}
  648. {% block javascripts %}
  649. {{ parent() }}
  650. <script src="{{ asset('assets/plugins/custom/fslightbox/fslightbox.bundle.js') }}"></script>
  651. <script src="{{ asset('lib/leaflet/leaflet.js') }}"></script>
  652. <script src="{{ asset('lib/leaflet/plugins/markercluster/dist/leaflet.markercluster.js') }}"></script>
  653. <script src="{{ asset('/assets/plugins/global/plugins.bundle.js') }}"></script>
  654. <script>
  655. {% if practitioner.addressCoordY and practitioner.addressCoordX %}
  656. var map = L.map('zv-map').setView({lon: 1.9, lat: 46.98}, 5);
  658. var bounds = [];
  659. bounds.push([{{ practitioner.addressCoordY }}, {{ practitioner.addressCoordX }}]);
  661. {% if practitioner.secondaryLocations and practitioner.secondaryLocations|length > 0 %}
  662. {% for secondaryLocation in practitioner.secondaryLocations %}
  663. {% if secondaryLocation.active %}
  664. bounds.push([{{ secondaryLocation.addressCoordY }}, {{ secondaryLocation.addressCoordX }}]);
  665. {% endif %}
  666. {% endfor %}
  667. {% endif %}
  669. map.fitBounds(bounds, {padding: [50, 50]});
  671. // add the OpenStreetMap tiles
  672. L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',{
  673. maxZoom: 19,
  674. attribution: 'OpenStreetMap'
  675. }).addTo(map);
  677. // show the scale bar on the lower left corner
  678. L.control.scale({imperial: true, metric: true}).addTo(map);
  680. // Icons
  681. var LeafIcon = L.Icon.extend({
  682. options: {
  683. iconSize: [19, 47],
  684. }
  685. });
  687. var marker = L.marker([{{ practitioner.addressCoordY }}, {{ practitioner.addressCoordX }}]);
  688. map.addLayer(marker);
  690. {% if practitioner.secondaryLocations and practitioner.secondaryLocations|length > 0 %}
  691. {% for secondaryLocation in practitioner.secondaryLocations %}
  692. {% if secondaryLocation.active %}
  693. var marker = L.marker([{{ secondaryLocation.addressCoordY }}, {{ secondaryLocation.addressCoordX }}]);
  694. map.addLayer(marker);
  695. {% endif %}
  696. {% endfor %}
  697. {% endif %}
  698. {% endif %}
  699. </script>
  700. {% if practitioner.partnerPage.events and practitioner.partnerPage.events.count > 1 %}
  701. <script src="{{ asset('assets/js/vendors/plugins/jquery-3.6.3.min.js') }}"></script>
  702. <script src="{{ asset('assets/js/vendors/plugins/slick.min.js') }}"></script>
  703. <script>
  704. $(document).ready(function(){
  705. $('#page_events').slick({
  706. slidesToShow: 1,
  707. slidesToScroll: 1,
  708. dots: false,
  709. arrows: false,
  710. autoplay: true,
  711. autoplaySpeed: 3500,
  712. infinite: true,
  713. swipe: true,
  714. fade: true,
  715. cssEase: 'linear'
  716. });
  717. });
  718. </script>
  719. {% endif %}
  720. {% endblock %}