var/cache/dev/twig/30/30deb9757f5704ec3ef8107fc211f896.php line 49

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Sandbox\SecurityNotAllowedTestError;
  14. use Twig\Source;
  15. use Twig\Template;
  16. use Twig\TemplateWrapper;
  18. /* application/whileresume/application/jobs/dashboard.html.twig */
  19. class __TwigTemplate_e306429a77277e7ea85b497d31a6c7ce extends Template
  20. {
  21. private Source $source;
  22. /**
  23. * @var array<string, Template>
  24. */
  25. private array $macros = [];
  27. public function __construct(Environment $env)
  28. {
  29. parent::__construct($env);
  31. $this->source = $this->getSourceContext();
  33. $this->blocks = [
  34. 'title' => [$this, 'block_title'],
  35. 'description' => [$this, 'block_description'],
  36. 'robots' => [$this, 'block_robots'],
  37. 'css' => [$this, 'block_css'],
  38. 'body' => [$this, 'block_body'],
  39. 'footerjs' => [$this, 'block_footerjs'],
  40. ];
  41. }
  43. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  44. {
  45. // line 1
  46. return "application/whileresume/application/jobs/layout-social.html.twig";
  47. }
  49. protected function doDisplay(array $context, array $blocks = []): iterable
  50. {
  51. $macros = $this->macros;
  52. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  53. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/application/jobs/dashboard.html.twig"));
  55. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  56. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/application/jobs/dashboard.html.twig"));
  58. // line 5
  59. $macros["promo"] = $this->macros["promo"] = $this->load("application/whileresume/_macros/promo_card.html.twig", 5)->unwrap();
  60. // line 1
  61. $this->parent = $this->load("application/whileresume/application/jobs/layout-social.html.twig", 1);
  62. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  64. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  67. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  69. }
  71. // line 7
  72. /**
  73. * @return iterable<null|scalar|\Stringable>
  74. */
  75. public function block_title(array $context, array $blocks = []): iterable
  76. {
  77. $macros = $this->macros;
  78. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  79. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  81. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  82. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  84. if ((((array_key_exists("currentSubKeyword", $context) && !(null === (isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 7, $this->source); })()))) && array_key_exists("currentCityFilter", $context)) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 7, $this->source); })())))) {
  85. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 7, $this->source); })()), "html", null, true);
  86. yield " ";
  87. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 7, $this->source); })()), "label", [], "any", false, false, false, 7), "html", null, true);
  88. } elseif ((array_key_exists("currentFilter", $context) && !(null === (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 7, $this->source); })())))) {
  89. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((CoreExtension::getAttribute($this->env, $this->source, ($context["currentFilter"] ?? null), "shortTitle", [], "any", true, true, false, 7)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 7, $this->source); })()), "shortTitle", [], "any", false, false, false, 7), CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 7, $this->source); })()), "label", [], "any", false, false, false, 7))) : (CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 7, $this->source); })()), "label", [], "any", false, false, false, 7))), "html", null, true);
  90. yield " — WhileResume";
  91. } else {
  92. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.title", [], "whr-public"), "html", null, true);
  93. }
  95. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  98. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  100. yield from [];
  101. }
  103. // line 8
  104. /**
  105. * @return iterable<null|scalar|\Stringable>
  106. */
  107. public function block_description(array $context, array $blocks = []): iterable
  108. {
  109. $macros = $this->macros;
  110. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  111. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  113. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  114. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  116. if ((((array_key_exists("currentSubKeyword", $context) && !(null === (isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 8, $this->source); })()))) && array_key_exists("currentCityFilter", $context)) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 8, $this->source); })())))) {
  117. yield "Découvrez les offres \"";
  118. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 8, $this->source); })()), "html", null, true);
  119. yield "\" à ";
  120. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 8, $this->source); })()), "label", [], "any", false, false, false, 8), "html", null, true);
  121. yield ".";
  122. } elseif (((array_key_exists("currentFilter", $context) && !(null === (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 8, $this->source); })()))) && !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 8, $this->source); })()), "shortDescription", [], "any", false, false, false, 8)))) {
  123. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 8, $this->source); })()), "shortDescription", [], "any", false, false, false, 8), "html", null, true);
  124. } else {
  125. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.description", [], "whr-public"), "html", null, true);
  126. }
  128. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  131. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  133. yield from [];
  134. }
  136. // line 9
  137. /**
  138. * @return iterable<null|scalar|\Stringable>
  139. */
  140. public function block_robots(array $context, array $blocks = []): iterable
  141. {
  142. $macros = $this->macros;
  143. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  144. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  146. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  147. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  149. yield "index,follow";
  151. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  154. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  156. yield from [];
  157. }
  159. // line 11
  160. /**
  161. * @return iterable<null|scalar|\Stringable>
  162. */
  163. public function block_css(array $context, array $blocks = []): iterable
  164. {
  165. $macros = $this->macros;
  166. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  167. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  169. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  170. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  172. // line 12
  173. yield " <style>
  174. /* ─── Page dashboard /jobs ─── */
  175. .jobs-dash{max-width:880px;margin:0 auto}
  176. .jobs-dash-header{margin-bottom:18px}
  177. .jobs-dash-title{font-size:24px;font-weight:800;color:#1E1B2E;line-height:1.2;letter-spacing:-0.02em;margin:0 0 6px}
  178. @media(min-width:768px){.jobs-dash-title{font-size:28px}}
  179. .jobs-dash-subtitle{font-size:14px;color:#6B7280;margin:0 0 18px}
  181. /* ─── Bandeau contexte ville (badge + bouton ALL) ─── */
  182. .city-context-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:10px 14px;background:#F5F3FF;border:1px solid rgba(108,58,237,.15);border-radius:12px}
  183. .city-context-label{font-size:11px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.06em}
  184. .city-context-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;background:#fff;color:var(--theme-color,#6C3AED);font-size:13px;font-weight:600;border:1px solid rgba(108,58,237,.2)}
  185. .city-context-badge-icon{font-size:14px;line-height:1}
  186. .city-context-clear-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:100px;background:transparent;color:var(--theme-color,#6C3AED);font-size:12px;font-weight:600;border:1px dashed rgba(108,58,237,.4);cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,border-style .15s,border-color .15s}
  187. .city-context-clear-btn:hover{background:#fff;border-style:solid;border-color:var(--theme-color,#6C3AED);color:var(--theme-color,#6C3AED)}
  188. .city-context-clear-btn svg{width:11px;height:11px}
  190. /* Widget recherche */
  191. .wr-search-widget{background:#fff;border-radius:14px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);padding:10px;margin-bottom:14px;position:relative;z-index:50}
  192. .wr-search-input-wrap{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#F9FAFB;border:1px solid #E5E7EB;transition:border-color .2s,background .2s}
  193. .wr-search-input-wrap:focus-within{border-color:rgba(108,58,237,.3);background:#fff}
  194. .wr-search-icon{color:#9CA3AF;display:flex;flex-shrink:0}
  195. .wr-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#1E1B2E;padding:4px 0;font-family:inherit;min-width:0}
  196. .wr-search-input::placeholder{color:#9CA3AF}
  197. .wr-search-clear{background:none;border:none;color:#9CA3AF;cursor:pointer;padding:4px;display:none;font-family:inherit}
  198. .wr-search-clear.visible{display:flex;align-items:center}
  199. .wr-search-clear:hover{color:#6B7280}
  200. .wr-search-clear svg{width:14px;height:14px}
  201. .wr-search-kbd-hint{display:none;align-items:center;padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:10.5px;font-weight:600;color:#6B7280;font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
  202. .wr-search-input-wrap:focus-within .wr-search-kbd-hint{display:inline-flex}
  204. /* Chips keywords */
  205. .search-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:0 4px 18px}
  206. .search-keyword-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;background:#F5F3FF;color:var(--theme-color,#6C3AED);font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s;font-family:inherit}
  207. .search-keyword-chip:hover{background:#EDE9FE;border-color:rgba(108,58,237,.2);transform:translateY(-1px);color:var(--theme-color,#6C3AED)}
  208. .search-keyword-chip.active{background:var(--theme-color,#6C3AED);color:#fff;border-color:var(--theme-color,#6C3AED)}
  209. .search-keyword-chip-icon{font-size:13px;line-height:1}
  210. .search-keywords-label{font-size:11px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;align-self:center}
  212. /* ─── Sections de filtres SEO (chips → liens directs vers /jobs/{slug}) ─── */
  213. .filter-section{margin:0 0 14px}
  214. .filter-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:0 4px;flex-wrap:wrap}
  215. @media(max-width:540px){
  216. .dash-filter-search{max-width:100%;width:100%}
  217. }
  218. .filter-section-title{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.06em;margin:0}
  219. .filter-section-title-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#F5F3FF;color:var(--theme-color,#6C3AED)}
  220. .filter-section-title-icon svg{width:11px;height:11px}
  221. .filter-section-toggle{background:none;border:none;font-size:11px;color:var(--theme-color,#6C3AED);font-weight:600;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:6px;transition:background .15s}
  222. .filter-section-toggle:hover{background:#F5F3FF}
  223. .filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}
  224. .filter-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:100px;background:#fff;color:#374151;font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid #E5E7EB;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,color .15s;font-family:inherit;white-space:nowrap}
  225. .filter-chip:hover{background:#F5F3FF;border-color:rgba(108,58,237,.3);color:var(--theme-color,#6C3AED);transform:translateY(-1px)}
  226. .filter-chip.active{background:var(--theme-color,#6C3AED);border-color:var(--theme-color,#6C3AED);color:#fff}
  227. .filter-chip.active:hover{background:#5B21B6;color:#fff}
  228. .filter-chip-icon{font-size:14px;line-height:1}
  229. .filter-chip-arrow{display:inline-flex;color:currentColor;opacity:.5;margin-left:2px}
  230. .filter-chip-arrow svg{width:10px;height:10px}
  232. /* Mode \"compact\" : sections initialement collapsées si > 6 items */
  233. .filter-chips.collapsed{max-height:80px;overflow:hidden;position:relative}
  234. .filter-chips.collapsed::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(to bottom,transparent,#FAFAFA);pointer-events:none}
  236. /* ─── Bouton \"Voir plus\" sous les chips villes/métiers ─── */
  237. .dash-filter-more-wrap{display:flex;justify-content:center;margin-top:10px;padding:0 4px}
  238. .dash-filter-more-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:transparent;color:var(--theme-color,#6C3AED);border:1px dashed rgba(108,58,237,.35);border-radius:100px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-style .15s,border-color .15s}
  239. .dash-filter-more-btn:hover{background:#F5F3FF;border-style:solid;border-color:var(--theme-color,#6C3AED)}
  240. .dash-filter-more-icon{display:inline-flex;align-items:center;color:currentColor;transition:transform .2s}
  241. .dash-filter-more-icon svg{width:12px;height:12px}
  242. .dash-filter-more-btn.is-expanded .dash-filter-more-icon{transform:rotate(180deg)}
  244. /* ─── Input de recherche dans le header (toujours visible) ─── */
  245. .dash-filter-search{display:block;position:relative;flex:1;max-width:240px}
  246. @keyframes dashFilterFadeIn{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
  247. .dash-filter-search-input{width:100%;padding:5px 10px 5px 28px;border:1px solid #E5E7EB;border-radius:100px;font-size:12px;color:#1E1B2E;background:#FAFAFA;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s,background .15s}
  248. .dash-filter-search-input:focus{border-color:rgba(108,58,237,.4);background:#fff}
  249. .dash-filter-search-input::placeholder{color:#9CA3AF}
  250. .dash-filter-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9CA3AF;pointer-events:none;display:flex}
  251. .dash-filter-search-icon svg{width:11px;height:11px}
  253. /* État \"aucun résultat\" sous le filtre live */
  254. .dash-filter-empty{display:none;padding:14px 12px;font-size:12.5px;color:#9CA3AF;font-style:italic;text-align:center;width:100%}
  255. .filter-chips.is-no-results .dash-filter-empty{display:block}
  257. /* Bandeau résultats */
  258. .jobs-results-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 14px;font-size:12px;color:#6B7280}
  259. .jobs-results-info strong{color:#1E1B2E;font-weight:700}
  261. /* Liste cards (style \"similar-card\" comme dans show.html.twig) */
  262. .jobs-list{display:flex;flex-direction:column;gap:10px}
  263. .jobs-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
  264. .jobs-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,58,237,.1);color:inherit}
  265. .jobs-card-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--theme-color,#6C3AED);flex-shrink:0;overflow:hidden}
  266. .jobs-card-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
  267. .jobs-card-logo svg{width:24px;height:24px;opacity:.85}
  268. .jobs-card-info{flex:1;min-width:0}
  269. .jobs-card-title{font-size:14px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  270. .jobs-card-meta{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  271. .jobs-card-salary{font-size:11px;font-weight:600;color:var(--theme-color,#6C3AED);background:#F5F3FF;padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0}
  272. .jobs-card-arrow{flex-shrink:0;color:#9CA3AF;transition:color .15s,transform .15s}
  273. .jobs-card:hover .jobs-card-arrow{color:var(--theme-color,#6C3AED);transform:translateX(2px)}
  274. .jobs-card-arrow svg{width:18px;height:18px}
  276. /* Skeleton (pendant chargement) */
  277. .jobs-skeleton{display:flex;flex-direction:column;gap:10px}
  278. .jobs-skel-card{background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04)}
  279. .jobs-skel-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(90deg,#F3F4F6 0%,#E5E7EB 50%,#F3F4F6 100%);background-size:200% 100%;animation:jobsSkelShim 1.4s ease-in-out infinite;flex-shrink:0}
  280. .jobs-skel-info{flex:1}
  281. .jobs-skel-line{height:14px;background:linear-gradient(90deg,#F3F4F6 0%,#E5E7EB 50%,#F3F4F6 100%);background-size:200% 100%;animation:jobsSkelShim 1.4s ease-in-out infinite;border-radius:4px;margin-bottom:6px}
  282. .jobs-skel-line.s1{width:60%}
  283. .jobs-skel-line.s2{width:40%;height:12px;margin-bottom:0}
  284. @keyframes jobsSkelShim{0%{background-position:200% 0}100%{background-position:-200% 0}}
  286. /* Bouton charger plus */
  287. .jobs-load-more{display:flex;width:100%;padding:14px;margin-top:16px;background:#fff;color:var(--theme-color,#6C3AED);border:1.5px dashed rgba(108,58,237,.35);border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}
  288. .jobs-load-more:hover{background:#F5F3FF;border-color:var(--theme-color,#6C3AED);border-style:solid;color:var(--theme-color,#6C3AED)}
  289. .jobs-load-more svg{width:14px;height:14px}
  290. .jobs-load-more:disabled{opacity:.6;cursor:not-allowed}
  291. .jobs-load-more.loading{cursor:wait}
  292. .jobs-load-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(108,58,237,.2);border-top-color:var(--theme-color,#6C3AED);border-radius:50%;animation:jobsLoadSpin .7s linear infinite}
  293. @keyframes jobsLoadSpin{to{transform:rotate(360deg)}}
  295. /* État vide */
  296. .jobs-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04)}
  297. .jobs-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#F5F3FF;color:var(--theme-color,#6C3AED);margin-bottom:14px}
  298. .jobs-empty-icon svg{width:24px;height:24px}
  299. .jobs-empty-title{font-size:16px;font-weight:700;color:#1E1B2E;margin:0 0 6px}
  300. .jobs-empty-text{font-size:13px;color:#6B7280;margin:0}
  301. </style>
  303. ";
  304. // line 143
  305. yield " ";
  306. yield (string) $macros["promo"]->getTemplateForMacro("macro_styles", $context, 143, $this->getSourceContext())->macro_styles(...[]);
  307. yield "
  308. ";
  310. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  313. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  315. yield from [];
  316. }
  318. // line 146
  319. /**
  320. * @return iterable<null|scalar|\Stringable>
  321. */
  322. public function block_body(array $context, array $blocks = []): iterable
  323. {
  324. $macros = $this->macros;
  325. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  326. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  328. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  329. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  331. // line 147
  332. yield " <div class=\"jobs-dash\">
  334. <div class=\"jobs-dash-header\">
  335. ";
  336. // line 150
  337. if ((((array_key_exists("currentSubKeyword", $context) && !(null === (isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 150, $this->source); })()))) && array_key_exists("currentCityFilter", $context)) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 150, $this->source); })())))) {
  338. // line 151
  339. yield " ";
  340. // line 152
  341. yield " <h1 class=\"jobs-dash-title\">
  342. ";
  343. // line 153
  344. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 153, $this->source); })()), "icon", [], "any", false, false, false, 153))) {
  345. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 153, $this->source); })()), "icon", [], "any", false, false, false, 153), "html", null, true);
  346. yield " ";
  347. }
  348. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 153, $this->source); })()), "html", null, true);
  349. yield " ";
  350. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.cityHeadingIn", [], "whr-public"), "html", null, true);
  351. yield " ";
  352. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 153, $this->source); })()), "label", [], "any", false, false, false, 153), "html", null, true);
  353. yield "
  354. </h1>
  355. <p class=\"jobs-dash-subtitle\">";
  356. // line 155
  357. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.cityKeywordSubtitle", ["%keyword%" => (isset($context["currentSubKeyword"]) || array_key_exists("currentSubKeyword", $context) ? $context["currentSubKeyword"] : (function () { throw new RuntimeError('Variable "currentSubKeyword" does not exist.', 155, $this->source); })()), "%city%" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 155, $this->source); })()), "label", [], "any", false, false, false, 155)], "whr-public"), "html", null, true);
  358. yield "</p>
  359. ";
  360. } elseif (( // line 156
  361. array_key_exists("currentFilter", $context) && !(null === (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 156, $this->source); })())))) {
  362. // line 157
  363. yield " <h1 class=\"jobs-dash-title\">
  364. ";
  365. // line 158
  366. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 158, $this->source); })()), "icon", [], "any", false, false, false, 158))) {
  367. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 158, $this->source); })()), "icon", [], "any", false, false, false, 158), "html", null, true);
  368. yield " ";
  369. }
  370. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((CoreExtension::getAttribute($this->env, $this->source, ($context["currentFilter"] ?? null), "shortTitle", [], "any", true, true, false, 158)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 158, $this->source); })()), "shortTitle", [], "any", false, false, false, 158), CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 158, $this->source); })()), "label", [], "any", false, false, false, 158))) : (CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 158, $this->source); })()), "label", [], "any", false, false, false, 158))), "html", null, true);
  371. yield "
  372. </h1>
  373. ";
  374. // line 160
  375. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 160, $this->source); })()), "shortDescription", [], "any", false, false, false, 160))) {
  376. // line 161
  377. yield " <p class=\"jobs-dash-subtitle\">";
  378. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 161, $this->source); })()), "shortDescription", [], "any", false, false, false, 161), "html", null, true);
  379. yield "</p>
  380. ";
  381. } else {
  382. // line 163
  383. yield " <p class=\"jobs-dash-subtitle\">";
  384. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.subtitle", [], "whr-public"), "html", null, true);
  385. yield "</p>
  386. ";
  387. }
  388. // line 165
  389. yield " ";
  390. } else {
  391. // line 166
  392. yield " <h1 class=\"jobs-dash-title\">";
  393. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.heading", [], "whr-public"), "html", null, true);
  394. yield "</h1>
  395. <p class=\"jobs-dash-subtitle\">";
  396. // line 167
  397. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.subtitle", [], "whr-public"), "html", null, true);
  398. yield "</p>
  399. ";
  400. }
  401. // line 169
  402. yield "
  403. ";
  404. // line 171
  405. yield " ";
  406. if ((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 171, $this->source); })())))) {
  407. // line 172
  408. yield " <div class=\"city-context-bar\">
  409. <span class=\"city-context-label\">";
  410. // line 173
  411. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.contextLabel", [], "whr-public"), "html", null, true);
  412. yield "</span>
  413. <span class=\"city-context-badge\">
  414. ";
  415. // line 175
  416. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 175, $this->source); })()), "icon", [], "any", false, false, false, 175))) {
  417. yield "<span class=\"city-context-badge-icon\">";
  418. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 175, $this->source); })()), "icon", [], "any", false, false, false, 175), "html", null, true);
  419. yield "</span>";
  420. }
  421. // line 176
  422. yield " <span>";
  423. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 176, $this->source); })()), "label", [], "any", false, false, false, 176), "html", null, true);
  424. yield "</span>
  425. </span>
  426. <a href=\"";
  427. // line 178
  428. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 178, $this->source); })()), "request", [], "any", false, false, false, 178), "locale", [], "any", false, false, false, 178) == "en")) {
  429. yield (string) $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
  430. } else {
  431. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 178, $this->source); })()), "request", [], "any", false, false, false, 178), "locale", [], "any", false, false, false, 178)]), "html", null, true);
  432. }
  433. yield "\"
  434. class=\"city-context-clear-btn\"
  435. title=\"";
  436. // line 180
  437. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.clearCity", [], "whr-public"), "html", null, true);
  438. yield "\">
  439. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"/></svg>
  440. ";
  441. // line 182
  442. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.allCities", [], "whr-public"), "html", null, true);
  443. yield "
  444. </a>
  445. </div>
  446. ";
  447. }
  448. // line 186
  449. yield " </div>
  451. ";
  452. // line 189
  453. yield " <div class=\"wr-search-widget\">
  454. <div class=\"wr-search-input-wrap\">
  455. <span class=\"wr-search-icon\">
  456. <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  457. </span>
  458. <input type=\"text\" id=\"dashSearchInput\" class=\"wr-search-input\"
  459. placeholder=\"";
  460. // line 195
  461. if ((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 195, $this->source); })())))) {
  462. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.searchInCity", ["%city%" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 195, $this->source); })()), "label", [], "any", false, false, false, 195)], "whr-public"), "html", null, true);
  463. } else {
  464. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.show.searchPlaceholder", [], "whr-public"), "html", null, true);
  465. }
  466. yield "\"
  467. value=\"";
  468. // line 196
  469. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("initialQuery", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["initialQuery"]) || array_key_exists("initialQuery", $context) ? $context["initialQuery"] : (function () { throw new RuntimeError('Variable "initialQuery" does not exist.', 196, $this->source); })()), "")) : ("")), "html", null, true);
  470. yield "\"
  471. autocomplete=\"off\">
  472. <span class=\"wr-search-kbd-hint\" id=\"dashSearchKbdHint\">";
  473. // line 198
  474. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.pressEnter", [], "whr-public"), "html", null, true);
  475. yield "</span>
  476. <button type=\"button\" id=\"dashSearchClear\" class=\"wr-search-clear\" aria-label=\"Clear\">
  477. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>
  478. </button>
  479. </div>
  480. </div>
  482. ";
  483. // line 206
  484. yield " ";
  485. if ((array_key_exists("searchKeywords", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["searchKeywords"]) || array_key_exists("searchKeywords", $context) ? $context["searchKeywords"] : (function () { throw new RuntimeError('Variable "searchKeywords" does not exist.', 206, $this->source); })())) > 0))) {
  486. // line 207
  487. yield " <div class=\"search-keywords\">
  488. <span class=\"search-keywords-label\">";
  489. // line 208
  490. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.show.keywordsLabel", [], "whr-public"), "html", null, true);
  491. yield "</span>
  492. ";
  493. // line 209
  494. $context['_parent'] = $context;
  495. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["searchKeywords"]) || array_key_exists("searchKeywords", $context) ? $context["searchKeywords"] : (function () { throw new RuntimeError('Variable "searchKeywords" does not exist.', 209, $this->source); })()));
  496. foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  497. // line 210
  498. yield " ";
  499. // line 211
  500. yield " ";
  501. $context["kwSlug"] = Twig\Extension\CoreExtension::trim(Twig\Extension\CoreExtension::replace(Twig\Extension\CoreExtension::lower($this->env->getCharset(), Twig\Extension\CoreExtension::replace(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 211), ["à" => "a", "â" => "a", "ä" => "a", "á" => "a", "ã" => "a", "å" => "a", "À" => "a", "Â" => "a", "Ä" => "a", "Á" => "a", "Ã" => "a", "Å" => "a", "é" => "e", "è" => "e", "ê" => "e", "ë" => "e", "ẽ" => "e", "É" => "e", "È" => "e", "Ê" => "e", "Ë" => "e", "î" => "i", "ï" => "i", "ì" => "i", "í" => "i", "Î" => "i", "Ï" => "i", "Ì" => "i", "Í" => "i", "ô" => "o", "ö" => "o", "ò" => "o", "ó" => "o", "õ" => "o", "ø" => "o", "Ô" => "o", "Ö" => "o", "Ò" => "o", "Ó" => "o", "Õ" => "o", "Ø" => "o", "û" => "u", "ü" => "u", "ù" => "u", "ú" => "u", "Û" => "u", "Ü" => "u", "Ù" => "u", "Ú" => "u", "ÿ" => "y", "ý" => "y", "Ÿ" => "y", "Ý" => "y", "ç" => "c", "Ç" => "c", "ñ" => "n", "Ñ" => "n", "œ" => "oe", "Œ" => "oe", "æ" => "ae", "Æ" => "ae", "\x27" => "-", " " => "-", "/" => "-", "_" => "-", "." => "-", "," => "-", "(" => "", "*" => "", ")" => "", "&" => "-and-", "+" => "-plus-", "#" => "", "?" => "", "!" => "", "\"" => "", "’" => "-", "`" => "-"])), ["--" => "-", "---" => "-"]), "-");
  502. // line 234
  503. yield "
  504. ";
  505. // line 235
  506. if ((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 235, $this->source); })())))) {
  507. // line 236
  508. yield " ";
  509. // line 237
  510. yield " <a href=\"";
  511. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 237, $this->source); })()), "request", [], "any", false, false, false, 237), "locale", [], "any", false, false, false, 237) == "en")) {
  512. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_filter_keyword", ["slug" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 237, $this->source); })()), "slug", [], "any", false, false, false, 237), "keyword" => (isset($context["kwSlug"]) || array_key_exists("kwSlug", $context) ? $context["kwSlug"] : (function () { throw new RuntimeError('Variable "kwSlug" does not exist.', 237, $this->source); })())]), "html", null, true);
  513. } else {
  514. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_filter_keyword", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 237, $this->source); })()), "request", [], "any", false, false, false, 237), "locale", [], "any", false, false, false, 237), "slug" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 237, $this->source); })()), "slug", [], "any", false, false, false, 237), "keyword" => (isset($context["kwSlug"]) || array_key_exists("kwSlug", $context) ? $context["kwSlug"] : (function () { throw new RuntimeError('Variable "kwSlug" does not exist.', 237, $this->source); })())]), "html", null, true);
  515. }
  516. yield "\"
  517. class=\"search-keyword-chip";
  518. // line 238
  519. if ((array_key_exists("currentSubKeywordSlug", $context) && ((isset($context["currentSubKeywordSlug"]) || array_key_exists("currentSubKeywordSlug", $context) ? $context["currentSubKeywordSlug"] : (function () { throw new RuntimeError('Variable "currentSubKeywordSlug" does not exist.', 238, $this->source); })()) == (isset($context["kwSlug"]) || array_key_exists("kwSlug", $context) ? $context["kwSlug"] : (function () { throw new RuntimeError('Variable "kwSlug" does not exist.', 238, $this->source); })())))) {
  520. yield " active";
  521. }
  522. yield "\">
  523. ";
  524. // line 239
  525. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 239))) {
  526. yield "<span class=\"search-keyword-chip-icon\">";
  527. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 239), "html", null, true);
  528. yield "</span>";
  529. }
  530. // line 240
  531. yield " <span>";
  532. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 240), "html", null, true);
  533. yield "</span>
  534. </a>
  535. ";
  536. } else {
  537. // line 243
  538. yield " ";
  539. // line 244
  540. yield " <button type=\"button\"
  541. class=\"search-keyword-chip\"
  542. data-keyword=\"";
  543. // line 246
  544. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "searchKeyword", [], "any", true, true, false, 246)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "searchKeyword", [], "any", false, false, false, 246), CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 246))) : (CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 246))), "html", null, true);
  545. yield "\">
  546. ";
  547. // line 247
  548. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 247))) {
  549. yield "<span class=\"search-keyword-chip-icon\">";
  550. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "icon", [], "any", false, false, false, 247), "html", null, true);
  551. yield "</span>";
  552. }
  553. // line 248
  554. yield " <span>";
  555. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 248), "html", null, true);
  556. yield "</span>
  557. </button>
  558. ";
  559. }
  560. // line 251
  561. yield " ";
  562. }
  563. $_parent = $context['_parent'];
  564. unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent']);
  565. $context = array_intersect_key($context, $_parent);
  566. $context += $_parent;
  567. // line 252
  568. yield " </div>
  569. ";
  570. }
  571. // line 254
  572. yield "
  573. ";
  574. // line 256
  575. yield " ";
  576. if ((array_key_exists("sidebarFiltersCities", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 256, $this->source); })())) > 0))) {
  577. // line 257
  578. yield " ";
  579. $context["citiesInitial"] = 14;
  580. // line 258
  581. yield " <div class=\"filter-section\" id=\"filterSectionCities\">
  582. <div class=\"filter-section-head\">
  583. <h3 class=\"filter-section-title\">
  584. <span class=\"filter-section-title-icon\">
  585. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>
  586. </span>
  587. ";
  588. // line 264
  589. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.popularCities", [], "whr-public"), "html", null, true);
  590. yield "
  591. </h3>
  592. ";
  593. // line 267
  594. yield " ";
  595. if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 267, $this->source); })())) > (isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 267, $this->source); })()))) {
  596. // line 268
  597. yield " <div class=\"dash-filter-search\">
  598. <span class=\"dash-filter-search-icon\">
  599. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  600. </span>
  601. <input type=\"text\"
  602. class=\"dash-filter-search-input\"
  603. data-search-target=\"filterChipsCities\"
  604. placeholder=\"";
  605. // line 275
  606. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.filterSearchCity", [], "whr-public"), "html", null, true);
  607. yield "\"
  608. autocomplete=\"off\">
  609. </div>
  610. ";
  611. }
  612. // line 279
  613. yield " </div>
  614. <div class=\"filter-chips dash-filter-chips\" id=\"filterChipsCities\" data-initial=\"";
  615. // line 280
  616. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 280, $this->source); })()), "html", null, true);
  617. yield "\">
  618. ";
  619. // line 281
  620. $context['_parent'] = $context;
  621. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 281, $this->source); })()));
  622. $context['loop'] = [
  623. 'parent' => $context['_parent'],
  624. 'index0' => 0,
  625. 'index' => 1,
  626. 'first' => true,
  627. ];
  628. if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  629. $length = count($context['_seq']);
  630. $context['loop']['revindex0'] = $length - 1;
  631. $context['loop']['revindex'] = $length;
  632. $context['loop']['length'] = $length;
  633. $context['loop']['last'] = 1 === $length;
  634. }
  635. foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
  636. // line 282
  637. yield " <a href=\"";
  638. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 282, $this->source); })()), "request", [], "any", false, false, false, 282), "locale", [], "any", false, false, false, 282) == "en")) {
  639. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_filter", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 282)]), "html", null, true);
  640. } else {
  641. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_filter", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 282, $this->source); })()), "request", [], "any", false, false, false, 282), "locale", [], "any", false, false, false, 282), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 282)]), "html", null, true);
  642. }
  643. yield "\"
  644. class=\"filter-chip dash-filter-item";
  645. // line 283
  646. if (((array_key_exists("currentFilter", $context) && !(null === (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 283, $this->source); })()))) && (CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 283, $this->source); })()), "slug", [], "any", false, false, false, 283) == CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 283)))) {
  647. yield " active";
  648. }
  649. yield "\"
  650. data-filter-slug=\"";
  651. // line 284
  652. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 284), "html", null, true);
  653. yield "\"
  654. data-filter-label=\"";
  655. // line 285
  656. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "label", [], "any", false, false, false, 285), "html", null, true);
  657. yield "\"
  658. data-index=\"";
  659. // line 286
  660. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 286), "html", null, true);
  661. yield "\"";
  662. if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 286) >= (isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 286, $this->source); })()))) {
  663. yield " style=\"display:none\"";
  664. }
  665. yield ">
  666. ";
  667. // line 287
  668. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "icon", [], "any", false, false, false, 287))) {
  669. yield "<span class=\"filter-chip-icon\">";
  670. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "icon", [], "any", false, false, false, 287), "html", null, true);
  671. yield "</span>";
  672. }
  673. // line 288
  674. yield " <span>";
  675. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "label", [], "any", false, false, false, 288), "html", null, true);
  676. yield "</span>
  677. <span class=\"filter-chip-arrow\">
  678. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  679. </span>
  680. </a>
  681. ";
  682. ++$context['loop']['index0'];
  683. ++$context['loop']['index'];
  684. $context['loop']['first'] = false;
  685. if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  686. --$context['loop']['revindex0'];
  687. --$context['loop']['revindex'];
  688. $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  689. }
  690. }
  691. $_parent = $context['_parent'];
  692. unset($context['_seq'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
  693. $context = array_intersect_key($context, $_parent);
  694. $context += $_parent;
  695. // line 294
  696. yield " <div class=\"dash-filter-empty\">";
  697. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.filterNoResults", [], "whr-public"), "html", null, true);
  698. yield "</div>
  699. </div>
  700. ";
  701. // line 296
  702. if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 296, $this->source); })())) > (isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 296, $this->source); })()))) {
  703. // line 297
  704. yield " <div class=\"dash-filter-more-wrap\">
  705. <button type=\"button\" class=\"dash-filter-more-btn\" data-target=\"filterChipsCities\" data-section=\"filterSectionCities\">
  706. <span class=\"dash-filter-more-icon\">
  707. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  708. </span>
  709. <span class=\"dash-filter-more-label\" data-more=\"";
  710. // line 302
  711. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showMoreCities", ["%n%" => (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 302, $this->source); })())) - (isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 302, $this->source); })()))], "whr-public"), "html", null, true);
  712. yield "\" data-less=\"";
  713. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showLessCities", [], "whr-public"), "html", null, true);
  714. yield "\">";
  715. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showMoreCities", ["%n%" => (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCities"]) || array_key_exists("sidebarFiltersCities", $context) ? $context["sidebarFiltersCities"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCities" does not exist.', 302, $this->source); })())) - (isset($context["citiesInitial"]) || array_key_exists("citiesInitial", $context) ? $context["citiesInitial"] : (function () { throw new RuntimeError('Variable "citiesInitial" does not exist.', 302, $this->source); })()))], "whr-public"), "html", null, true);
  716. yield "</span>
  717. </button>
  718. </div>
  719. ";
  720. }
  721. // line 306
  722. yield " </div>
  723. ";
  724. }
  725. // line 308
  726. yield "
  727. ";
  728. // line 310
  729. yield " ";
  730. if ((array_key_exists("sidebarFiltersCategories", $context) && (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 310, $this->source); })())) > 0))) {
  731. // line 311
  732. yield " ";
  733. $context["categoriesInitial"] = 8;
  734. // line 312
  735. yield " <div class=\"filter-section\" id=\"filterSectionCategories\">
  736. <div class=\"filter-section-head\">
  737. <h3 class=\"filter-section-title\">
  738. <span class=\"filter-section-title-icon\">
  739. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M16 7V5a4 4 0 00-8 0v2\"/></svg>
  740. </span>
  741. ";
  742. // line 318
  743. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.popularCategories", [], "whr-public"), "html", null, true);
  744. yield "
  745. </h3>
  746. ";
  747. // line 321
  748. yield " ";
  749. if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 321, $this->source); })())) > (isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 321, $this->source); })()))) {
  750. // line 322
  751. yield " <div class=\"dash-filter-search\">
  752. <span class=\"dash-filter-search-icon\">
  753. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  754. </span>
  755. <input type=\"text\"
  756. class=\"dash-filter-search-input\"
  757. data-search-target=\"filterChipsCategories\"
  758. placeholder=\"";
  759. // line 329
  760. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.filterSearchCategory", [], "whr-public"), "html", null, true);
  761. yield "\"
  762. autocomplete=\"off\">
  763. </div>
  764. ";
  765. }
  766. // line 333
  767. yield " </div>
  768. <div class=\"filter-chips dash-filter-chips\" id=\"filterChipsCategories\" data-initial=\"";
  769. // line 334
  770. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 334, $this->source); })()), "html", null, true);
  771. yield "\">
  772. ";
  773. // line 335
  774. $context['_parent'] = $context;
  775. $context['_seq'] = CoreExtension::ensureTraversable((isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 335, $this->source); })()));
  776. $context['loop'] = [
  777. 'parent' => $context['_parent'],
  778. 'index0' => 0,
  779. 'index' => 1,
  780. 'first' => true,
  781. ];
  782. if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  783. $length = count($context['_seq']);
  784. $context['loop']['revindex0'] = $length - 1;
  785. $context['loop']['revindex'] = $length;
  786. $context['loop']['length'] = $length;
  787. $context['loop']['last'] = 1 === $length;
  788. }
  789. foreach ($context['_seq'] as $context["_key"] => $context["f"]) {
  790. // line 336
  791. yield " <a href=\"";
  792. if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 336, $this->source); })()), "request", [], "any", false, false, false, 336), "locale", [], "any", false, false, false, 336) == "en")) {
  793. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_filter", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 336)]), "html", null, true);
  794. } else {
  795. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_filter", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 336, $this->source); })()), "request", [], "any", false, false, false, 336), "locale", [], "any", false, false, false, 336), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 336)]), "html", null, true);
  796. }
  797. yield "\"
  798. class=\"filter-chip dash-filter-item";
  799. // line 337
  800. if (((array_key_exists("currentFilter", $context) && !(null === (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 337, $this->source); })()))) && (CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentFilter"]) || array_key_exists("currentFilter", $context) ? $context["currentFilter"] : (function () { throw new RuntimeError('Variable "currentFilter" does not exist.', 337, $this->source); })()), "slug", [], "any", false, false, false, 337) == CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 337)))) {
  801. yield " active";
  802. }
  803. yield "\"
  804. data-filter-slug=\"";
  805. // line 338
  806. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "slug", [], "any", false, false, false, 338), "html", null, true);
  807. yield "\"
  808. data-filter-label=\"";
  809. // line 339
  810. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "label", [], "any", false, false, false, 339), "html", null, true);
  811. yield "\"
  812. data-index=\"";
  813. // line 340
  814. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 340), "html", null, true);
  815. yield "\"";
  816. if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 340) >= (isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 340, $this->source); })()))) {
  817. yield " style=\"display:none\"";
  818. }
  819. yield ">
  820. ";
  821. // line 341
  822. if ( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "icon", [], "any", false, false, false, 341))) {
  823. yield "<span class=\"filter-chip-icon\">";
  824. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "icon", [], "any", false, false, false, 341), "html", null, true);
  825. yield "</span>";
  826. }
  827. // line 342
  828. yield " <span>";
  829. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["f"], "label", [], "any", false, false, false, 342), "html", null, true);
  830. yield "</span>
  831. <span class=\"filter-chip-arrow\">
  832. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  833. </span>
  834. </a>
  835. ";
  836. ++$context['loop']['index0'];
  837. ++$context['loop']['index'];
  838. $context['loop']['first'] = false;
  839. if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  840. --$context['loop']['revindex0'];
  841. --$context['loop']['revindex'];
  842. $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  843. }
  844. }
  845. $_parent = $context['_parent'];
  846. unset($context['_seq'], $context['_key'], $context['f'], $context['_parent'], $context['loop']);
  847. $context = array_intersect_key($context, $_parent);
  848. $context += $_parent;
  849. // line 348
  850. yield " <div class=\"dash-filter-empty\">";
  851. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.filterNoResults", [], "whr-public"), "html", null, true);
  852. yield "</div>
  853. </div>
  854. ";
  855. // line 350
  856. if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 350, $this->source); })())) > (isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 350, $this->source); })()))) {
  857. // line 351
  858. yield " <div class=\"dash-filter-more-wrap\">
  859. <button type=\"button\" class=\"dash-filter-more-btn\" data-target=\"filterChipsCategories\" data-section=\"filterSectionCategories\">
  860. <span class=\"dash-filter-more-icon\">
  861. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  862. </span>
  863. <span class=\"dash-filter-more-label\" data-more=\"";
  864. // line 356
  865. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showMoreCategories", ["%n%" => (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 356, $this->source); })())) - (isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 356, $this->source); })()))], "whr-public"), "html", null, true);
  866. yield "\" data-less=\"";
  867. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showLessCategories", [], "whr-public"), "html", null, true);
  868. yield "\">";
  869. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.showMoreCategories", ["%n%" => (Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["sidebarFiltersCategories"]) || array_key_exists("sidebarFiltersCategories", $context) ? $context["sidebarFiltersCategories"] : (function () { throw new RuntimeError('Variable "sidebarFiltersCategories" does not exist.', 356, $this->source); })())) - (isset($context["categoriesInitial"]) || array_key_exists("categoriesInitial", $context) ? $context["categoriesInitial"] : (function () { throw new RuntimeError('Variable "categoriesInitial" does not exist.', 356, $this->source); })()))], "whr-public"), "html", null, true);
  870. yield "</span>
  871. </button>
  872. </div>
  873. ";
  874. }
  875. // line 360
  876. yield " </div>
  877. ";
  878. }
  879. // line 362
  880. yield "
  881. ";
  882. // line 364
  883. yield " <div class=\"jobs-results-info\" id=\"jobsResultsInfo\">
  884. <span id=\"jobsResultsCount\">";
  885. // line 365
  886. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.loading", [], "whr-public"), "html", null, true);
  887. yield "</span>
  888. </div>
  890. ";
  891. // line 369
  892. yield " <div class=\"jobs-list\" id=\"jobsList\">
  893. <div class=\"jobs-skeleton\">
  894. ";
  895. // line 371
  896. $context['_parent'] = $context;
  897. $context['_seq'] = CoreExtension::ensureTraversable(range(1, 5));
  898. foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  899. // line 372
  900. yield " <div class=\"jobs-skel-card\">
  901. <div class=\"jobs-skel-logo\"></div>
  902. <div class=\"jobs-skel-info\">
  903. <div class=\"jobs-skel-line s1\"></div>
  904. <div class=\"jobs-skel-line s2\"></div>
  905. </div>
  906. </div>
  907. ";
  908. }
  909. $_parent = $context['_parent'];
  910. unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
  911. $context = array_intersect_key($context, $_parent);
  912. $context += $_parent;
  913. // line 380
  914. yield " </div>
  915. </div>
  917. ";
  918. // line 384
  919. yield " <button type=\"button\" class=\"jobs-load-more\" id=\"jobsLoadMore\" style=\"display:none;\">
  920. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  921. <span id=\"jobsLoadMoreLabel\">";
  922. // line 386
  923. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.loadMore", [], "whr-public"), "html", null, true);
  924. yield "</span>
  925. </button>
  927. ";
  928. // line 392
  929. yield " ";
  930. if ((null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 392, $this->source); })()), "user", [], "any", false, false, false, 392))) {
  931. // line 393
  932. yield " ";
  933. yield (string) $macros["promo"]->getTemplateForMacro("macro_card_template", $context, 393, $this->getSourceContext())->macro_card_template(...[["template_id" => "jobs-promo-card-template", "login_url" => (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 395
  934. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 395, $this->source); })()), "request", [], "any", false, false, false, 395), "locale", [], "any", false, false, false, 395) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_gestion_candidates_dashboard")) : ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_gestion_candidates_dashboard", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 397
  935. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 397, $this->source); })()), "request", [], "any", false, false, false, 397), "locale", [], "any", false, false, false, 397)])))]]);
  936. // line 398
  937. yield "
  938. ";
  939. }
  940. // line 400
  941. yield "
  942. </div>
  943. ";
  945. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  948. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  950. yield from [];
  951. }
  953. // line 404
  954. /**
  955. * @return iterable<null|scalar|\Stringable>
  956. */
  957. public function block_footerjs(array $context, array $blocks = []): iterable
  958. {
  959. $macros = $this->macros;
  960. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  961. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  963. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  964. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  966. // line 405
  967. yield " <script>
  968. (function(){
  969. \x27use strict\x27;
  970. try {
  972. var LOCALE = \x27";
  973. // line 410
  974. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 410, $this->source); })()), "request", [], "any", false, false, false, 410), "locale", [], "any", false, false, false, 410), "html", null, true);
  975. yield "\x27;
  976. var IS_AUTHENTICATED = ";
  977. // line 411
  978. yield (string) (((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 411, $this->source); })()), "user", [], "any", false, false, false, 411)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("true") : ("false"));
  979. yield ";
  981. var SEARCH_API_URL = \x27";
  982. // line 413
  983. yield (string) (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 413, $this->source); })()), "request", [], "any", false, false, false, 413), "locale", [], "any", false, false, false, 413) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_api_search")) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_api_search", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 413, $this->source); })()), "request", [], "any", false, false, false, 413), "locale", [], "any", false, false, false, 413)]), "html", null, true)));
  984. yield "\x27;
  985. var JOB_SHOW_URL_TEMPLATE = \x27";
  986. // line 414
  987. yield (string) (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 414, $this->source); })()), "request", [], "any", false, false, false, 414), "locale", [], "any", false, false, false, 414) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_api_search", ["slug" => "__SLUG__"])) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_job_show", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 414, $this->source); })()), "request", [], "any", false, false, false, 414), "locale", [], "any", false, false, false, 414), "slug" => "__SLUG__"]), "html", null, true)));
  988. yield "\x27;
  990. var PAGE_SIZE = 10;
  991. var currentQuery = ";
  992. // line 417
  993. yield (string) json_encode(((array_key_exists("initialQuery", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["initialQuery"]) || array_key_exists("initialQuery", $context) ? $context["initialQuery"] : (function () { throw new RuntimeError('Variable "initialQuery" does not exist.', 417, $this->source); })()), "")) : ("")));
  994. yield ";
  995. var currentOffset = 0;
  996. var currentTotal = 0;
  997. var isFetching = false;
  999. // Contexte ville (vient du serveur si on est sur /jobs/paris/... sinon vide)
  1000. var CITY_KEYWORD = ";
  1001. // line 423
  1002. yield (string) json_encode(((array_key_exists("currentCityKeyword", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["currentCityKeyword"]) || array_key_exists("currentCityKeyword", $context) ? $context["currentCityKeyword"] : (function () { throw new RuntimeError('Variable "currentCityKeyword" does not exist.', 423, $this->source); })()), "")) : ("")));
  1003. yield ";
  1005. // Slug ville pour générer les URLs de redirection au submit
  1006. var CITY_SLUG = ";
  1007. // line 426
  1008. yield (string) (((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 426, $this->source); })())))) ? (json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 426, $this->source); })()), "slug", [], "any", false, false, false, 426))) : ("null"));
  1009. yield ";
  1011. // URL pour le dashboard global (sans ville)
  1012. var DASHBOARD_URL = \x27";
  1013. // line 429
  1014. yield (string) (((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 429, $this->source); })()), "request", [], "any", false, false, false, 429), "locale", [], "any", false, false, false, 429) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list")) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 429, $this->source); })()), "request", [], "any", false, false, false, 429), "locale", [], "any", false, false, false, 429)]), "html", null, true)));
  1015. yield "\x27;
  1017. // Templates URL pour /jobs/{citySlug} et /jobs/{citySlug}/{keyword}
  1018. var CITY_LANDING_URL_TEMPLATE = ";
  1019. // line 432
  1020. yield (string) (((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 432, $this->source); })())))) ? (json_encode((((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 433
  1021. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 433, $this->source); })()), "request", [], "any", false, false, false, 433), "locale", [], "any", false, false, false, 433) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_filter", ["slug" => CoreExtension::getAttribute($this->env, $this->source, // line 434
  1022. (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 434, $this->source); })()), "slug", [], "any", false, false, false, 434)])) : ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_filter", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 435
  1023. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 435, $this->source); })()), "request", [], "any", false, false, false, 435), "locale", [], "any", false, false, false, 435), "slug" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 435, $this->source); })()), "slug", [], "any", false, false, false, 435)]))))) : ("null"));
  1024. // line 436
  1025. yield ";
  1026. var CITY_KEYWORD_URL_TEMPLATE = ";
  1027. // line 437
  1028. yield (string) (((array_key_exists("currentCityFilter", $context) && !(null === (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 437, $this->source); })())))) ? (json_encode((((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 438
  1029. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 438, $this->source); })()), "request", [], "any", false, false, false, 438), "locale", [], "any", false, false, false, 438) == "en")) ? ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_jobs_filter_keyword", ["slug" => CoreExtension::getAttribute($this->env, $this->source, // line 439
  1030. (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 439, $this->source); })()), "slug", [], "any", false, false, false, 439), "keyword" => "kwplaceholder"])) : ($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_jobs_filter_keyword", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, // line 440
  1031. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 440, $this->source); })()), "request", [], "any", false, false, false, 440), "locale", [], "any", false, false, false, 440), "slug" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["currentCityFilter"]) || array_key_exists("currentCityFilter", $context) ? $context["currentCityFilter"] : (function () { throw new RuntimeError('Variable "currentCityFilter" does not exist.', 440, $this->source); })()), "slug", [], "any", false, false, false, 440), "keyword" => "kwplaceholder"]))))) : ("null"));
  1032. // line 441
  1033. yield ";
  1035. // Liste des keywords BDD avec leur slug (pour le matching côté client au submit)
  1036. var KEYWORDS_DATA = [
  1037. ";
  1038. // line 445
  1039. $context['_parent'] = $context;
  1040. $context['_seq'] = CoreExtension::ensureTraversable(((array_key_exists("searchKeywords", $context)) ? (Twig\Extension\CoreExtension::default((isset($context["searchKeywords"]) || array_key_exists("searchKeywords", $context) ? $context["searchKeywords"] : (function () { throw new RuntimeError('Variable "searchKeywords" does not exist.', 445, $this->source); })()), [])) : ([])));
  1041. $context['loop'] = [
  1042. 'parent' => $context['_parent'],
  1043. 'index0' => 0,
  1044. 'index' => 1,
  1045. 'first' => true,
  1046. ];
  1047. if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1048. $length = count($context['_seq']);
  1049. $context['loop']['revindex0'] = $length - 1;
  1050. $context['loop']['revindex'] = $length;
  1051. $context['loop']['length'] = $length;
  1052. $context['loop']['last'] = 1 === $length;
  1053. }
  1054. foreach ($context['_seq'] as $context["_key"] => $context["kw"]) {
  1055. // line 446
  1056. yield " ";
  1057. $context["kwSlugForJs"] = Twig\Extension\CoreExtension::trim(Twig\Extension\CoreExtension::replace(Twig\Extension\CoreExtension::lower($this->env->getCharset(), Twig\Extension\CoreExtension::replace(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 446), ["à" => "a", "â" => "a", "ä" => "a", "á" => "a", "ã" => "a", "å" => "a", "À" => "a", "Â" => "a", "Ä" => "a", "Á" => "a", "Ã" => "a", "Å" => "a", "é" => "e", "è" => "e", "ê" => "e", "ë" => "e", "ẽ" => "e", "É" => "e", "È" => "e", "Ê" => "e", "Ë" => "e", "î" => "i", "ï" => "i", "ì" => "i", "í" => "i", "Î" => "i", "Ï" => "i", "Ì" => "i", "Í" => "i", "ô" => "o", "ö" => "o", "ò" => "o", "ó" => "o", "õ" => "o", "ø" => "o", "Ô" => "o", "Ö" => "o", "Ò" => "o", "Ó" => "o", "Õ" => "o", "Ø" => "o", "û" => "u", "ü" => "u", "ù" => "u", "ú" => "u", "Û" => "u", "Ü" => "u", "Ù" => "u", "Ú" => "u", "ÿ" => "y", "ý" => "y", "Ÿ" => "y", "Ý" => "y", "ç" => "c", "Ç" => "c", "ñ" => "n", "Ñ" => "n", "œ" => "oe", "Œ" => "oe", "æ" => "ae", "Æ" => "ae", "\x27" => "-", " " => "-", "/" => "-", "_" => "-", "." => "-", "," => "-", "(" => "", "*" => "", ")" => "", "&" => "-and-", "+" => "-plus-", "#" => "", "?" => "", "!" => "", "\"" => "", "’" => "-", "`" => "-"])), ["--" => "-", "---" => "-"]), "-");
  1058. // line 468
  1059. yield " { label: ";
  1060. yield (string) json_encode(CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 468));
  1061. yield ", searchKeyword: ";
  1062. yield (string) json_encode((((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "searchKeyword", [], "any", false, false, false, 468)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? (CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "searchKeyword", [], "any", false, false, false, 468)) : (CoreExtension::getAttribute($this->env, $this->source, $context["kw"], "label", [], "any", false, false, false, 468))));
  1063. yield ", slug: ";
  1064. yield (string) json_encode((isset($context["kwSlugForJs"]) || array_key_exists("kwSlugForJs", $context) ? $context["kwSlugForJs"] : (function () { throw new RuntimeError('Variable "kwSlugForJs" does not exist.', 468, $this->source); })()));
  1065. yield " }";
  1066. if ( !(($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 468)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1067. yield ",";
  1068. }
  1069. // line 469
  1070. yield " ";
  1071. ++$context['loop']['index0'];
  1072. ++$context['loop']['index'];
  1073. $context['loop']['first'] = false;
  1074. if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  1075. --$context['loop']['revindex0'];
  1076. --$context['loop']['revindex'];
  1077. $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1078. }
  1079. }
  1080. $_parent = $context['_parent'];
  1081. unset($context['_seq'], $context['_key'], $context['kw'], $context['_parent'], $context['loop']);
  1082. $context = array_intersect_key($context, $_parent);
  1083. $context += $_parent;
  1084. // line 470
  1085. yield " ];
  1087. var input = document.getElementById(\x27dashSearchInput\x27);
  1088. var clearBtn = document.getElementById(\x27dashSearchClear\x27);
  1089. var listEl = document.getElementById(\x27jobsList\x27);
  1090. var infoEl = document.getElementById(\x27jobsResultsCount\x27);
  1091. var loadMoreBtn = document.getElementById(\x27jobsLoadMore\x27);
  1092. var loadMoreLabel = document.getElementById(\x27jobsLoadMoreLabel\x27);
  1094. function escapeHtml(s){
  1095. if(s == null) return \x27\x27;
  1096. return String(s).replace(/[&<>\"\x27]/g, function(c){
  1097. return {\x27&\x27:\x27&amp;\x27,\x27<\x27:\x27&lt;\x27,\x27>\x27:\x27&gt;\x27,\x27\"\x27:\x27&quot;\x27,\"\x27\":\x27&#39;\x27}[c];
  1098. });
  1099. }
  1101. function buildJobCard(item){
  1102. // Fallback logo : icône \"immeuble\" stylisée si pas de logo entreprise
  1103. var fallbackLogo =
  1104. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\x27 +
  1105. \x27<path d=\"M3 21h18\"/>\x27 +
  1106. \x27<path d=\"M5 21V7l8-4v18\"/>\x27 +
  1107. \x27<path d=\"M19 21V11l-6-4\"/>\x27 +
  1108. \x27<path d=\"M9 9h.01\"/>\x27 +
  1109. \x27<path d=\"M9 13h.01\"/>\x27 +
  1110. \x27<path d=\"M9 17h.01\"/>\x27 +
  1111. \x27</svg>\x27;
  1112. var logoHtml = item.logo
  1113. ? \x27<img src=\"\x27 + escapeHtml(item.logo) + \x27\" alt=\"\" onerror=\"this.parentNode.innerHTML=\\\x27\x27 + fallbackLogo.replace(/\x27/g, \"\\\\\x27\") + \x27\\\x27;\">\x27
  1114. : fallbackLogo;
  1115. var meta = [];
  1116. if(item.companyName) meta.push(escapeHtml(item.companyName));
  1117. if(item.city) meta.push(escapeHtml(item.city));
  1118. if(item.employmentType) meta.push(escapeHtml(item.employmentType));
  1120. var salaryHtml = (item.salaryMin && item.salaryMax)
  1121. ? \x27<span class=\"jobs-card-salary\">\x27 + item.salaryMin + \x27–\x27 + item.salaryMax + \x27 \x27 + escapeHtml(item.devise || \x27\x27) + \x27</span>\x27
  1122. : \x27\x27;
  1124. var url = item.url || JOB_SHOW_URL_TEMPLATE.replace(\x27__SLUG__\x27, encodeURIComponent(item.slug));
  1126. var a = document.createElement(\x27a\x27);
  1127. a.href = url;
  1128. a.className = \x27jobs-card\x27;
  1129. a.innerHTML =
  1130. \x27<div class=\"jobs-card-logo\">\x27 + logoHtml + \x27</div>\x27 +
  1131. \x27<div class=\"jobs-card-info\">\x27 +
  1132. \x27<div class=\"jobs-card-title\">\x27 + escapeHtml(item.title || \x27\x27) + \x27</div>\x27 +
  1133. \x27<div class=\"jobs-card-meta\">\x27 + meta.join(\x27 · \x27) + \x27</div>\x27 +
  1134. \x27</div>\x27 +
  1135. salaryHtml +
  1136. \x27<span class=\"jobs-card-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg></span>\x27;
  1137. return a;
  1138. }
  1140. /**
  1141. * Clone la promo card depuis le <template> rendu par la macro Twig.
  1142. * Le HTML est défini une seule fois dans _macros/promo_card.html.twig.
  1143. * Retourne null si le template n\x27est pas présent (ex: user connecté).
  1144. */
  1145. function buildPromoCard(){
  1146. var tpl = document.getElementById(\x27jobs-promo-card-template\x27);
  1147. if(!tpl || !tpl.content) return null;
  1148. var node = tpl.content.firstElementChild;
  1149. return node ? node.cloneNode(true) : null;
  1150. }
  1152. function renderEmpty(){
  1153. listEl.innerHTML =
  1154. \x27<div class=\"jobs-empty\">\x27 +
  1155. \x27<div class=\"jobs-empty-icon\">\x27 +
  1156. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>\x27 +
  1157. \x27</div>\x27 +
  1158. \x27<div class=\"jobs-empty-title\">";
  1159. // line 543
  1160. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.emptyTitle", [], "whr-public"), "js"), "html", null, true);
  1161. yield "</div>\x27 +
  1162. \x27<div class=\"jobs-empty-text\">";
  1163. // line 544
  1164. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.emptyText", [], "whr-public"), "js"), "html", null, true);
  1165. yield "</div>\x27 +
  1166. \x27</div>\x27;
  1167. }
  1169. function setLoadMoreState(state){
  1170. if(!loadMoreBtn) return;
  1171. if(state === \x27loading\x27){
  1172. loadMoreBtn.classList.add(\x27loading\x27);
  1173. loadMoreBtn.disabled = true;
  1174. loadMoreLabel.innerHTML = \x27<span class=\"jobs-load-spinner\"></span> ";
  1175. // line 553
  1176. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.loadingMore", [], "whr-public"), "js"), "html", null, true);
  1177. yield "\x27;
  1178. } else {
  1179. loadMoreBtn.classList.remove(\x27loading\x27);
  1180. loadMoreBtn.disabled = false;
  1181. loadMoreLabel.textContent = \x27";
  1182. // line 557
  1183. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.loadMore", [], "whr-public"), "js"), "html", null, true);
  1184. yield "\x27;
  1185. }
  1186. }
  1188. function fetchJobs(query, offset, append){
  1189. if(isFetching) return;
  1190. isFetching = true;
  1192. if(!append){
  1193. // Nouvelle recherche : on remet à zéro et affiche skeleton
  1194. listEl.innerHTML =
  1195. \x27<div class=\"jobs-skeleton\">\x27 +
  1196. Array(5).fill(0).map(function(){
  1197. return \x27<div class=\"jobs-skel-card\"><div class=\"jobs-skel-logo\"></div><div class=\"jobs-skel-info\"><div class=\"jobs-skel-line s1\"></div><div class=\"jobs-skel-line s2\"></div></div></div>\x27;
  1198. }).join(\x27\x27) +
  1199. \x27</div>\x27;
  1200. if(infoEl) infoEl.textContent = \x27";
  1201. // line 573
  1202. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.loading", [], "whr-public"), "js"), "html", null, true);
  1203. yield "\x27;
  1204. if(loadMoreBtn) loadMoreBtn.style.display = \x27none\x27;
  1205. } else {
  1206. setLoadMoreState(\x27loading\x27);
  1207. }
  1209. var url = SEARCH_API_URL + \x27?q=\x27 + encodeURIComponent(query || \x27\x27) + \x27&locale=\x27 + LOCALE + \x27&limit=\x27 + PAGE_SIZE + \x27&offset=\x27 + offset;
  1210. if(CITY_KEYWORD){ url += \x27&city=\x27 + encodeURIComponent(CITY_KEYWORD); }
  1211. // Dashboard sans filtre : on demande explicitement les dernières offres
  1212. if(!query && !CITY_KEYWORD){ url += \x27&all=1\x27; }
  1213. fetch(url, {headers:{\x27Accept\x27:\x27application/json\x27}})
  1214. .then(function(r){ return r.ok ? r.json() : null; })
  1215. .then(function(data){
  1216. isFetching = false;
  1217. if(!data){
  1218. if(!append) renderEmpty();
  1219. setLoadMoreState(\x27idle\x27);
  1220. return;
  1221. }
  1223. var items = data.items || [];
  1224. currentTotal = data.total || 0;
  1226. if(!append){
  1227. listEl.innerHTML = \x27\x27;
  1228. if(items.length === 0){
  1229. renderEmpty();
  1230. if(infoEl) infoEl.innerHTML = \x27<strong>0</strong> ";
  1231. // line 600
  1232. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.resultsCount", [], "whr-public"), "js"), "html", null, true);
  1233. yield "\x27;
  1234. if(loadMoreBtn) loadMoreBtn.style.display = \x27none\x27;
  1235. return;
  1236. }
  1237. }
  1239. // Insérer la promo card après la 5ème offre (uniquement au 1er chargement,
  1240. // si user non connecté et qu\x27on a au moins 5 offres)
  1241. var insertPromoAt = (!append && !IS_AUTHENTICATED && items.length >= 5) ? 5 : -1;
  1243. items.forEach(function(item, idx){
  1244. listEl.appendChild(buildJobCard(item));
  1245. if(idx === insertPromoAt - 1){
  1246. var promoNode = buildPromoCard();
  1247. if(promoNode) listEl.appendChild(promoNode);
  1248. }
  1249. });
  1251. currentOffset = offset + items.length;
  1253. if(infoEl){
  1254. infoEl.innerHTML = \x27<strong>\x27 + currentTotal + \x27</strong> ";
  1255. // line 621
  1256. yield (string) $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("job.dashboard.resultsCount", [], "whr-public"), "js"), "html", null, true);
  1257. yield "\x27;
  1258. }
  1260. // Afficher / cacher \"Charger plus\"
  1261. if(loadMoreBtn){
  1262. if(currentOffset < currentTotal){
  1263. loadMoreBtn.style.display = \x27flex\x27;
  1264. } else {
  1265. loadMoreBtn.style.display = \x27none\x27;
  1266. }
  1267. setLoadMoreState(\x27idle\x27);
  1268. }
  1269. })
  1270. .catch(function(err){
  1271. isFetching = false;
  1272. console.error(\x27[whr-dash] fetch error\x27, err);
  1273. setLoadMoreState(\x27idle\x27);
  1274. });
  1275. }
  1277. /**
  1278. * Slugifie un texte côté client. DOIT produire EXACTEMENT le même slug
  1279. * que la méthode PHP slugify() du JobsController et que le filtre Twig
  1280. * utilisé pour rendre les chips.
  1281. */
  1282. function slugify(text){
  1283. if(!text) return \x27\x27;
  1284. var t = String(text);
  1285. // Pré-remplacements sémantiques
  1286. t = t.replace(/&/g, \x27-and-\x27).replace(/\\+/g, \x27-plus-\x27)
  1287. .replace(/[œŒ]/g, \x27oe\x27).replace(/[æÆ]/g, \x27ae\x27);
  1288. // Translitération accents → ASCII via NFD + strip diacritics
  1289. t = t.normalize ? t.normalize(\x27NFD\x27).replace(/[\\u0300-\\u036f]/g, \x27\x27) : t;
  1290. t = t.toLowerCase();
  1291. // Tout ce qui n\x27est pas a-z 0-9 → tiret
  1292. t = t.replace(/[^a-z0-9]+/g, \x27-\x27);
  1293. return t.replace(/^-+|-+\$/g, \x27\x27);
  1294. }
  1296. /**
  1297. * Tente de matcher un texte tapé avec un keyword en BDD (par slug ou label).
  1298. * Retourne l\x27objet keyword si trouvé, null sinon.
  1299. */
  1300. function findMatchingKeyword(text){
  1301. if(!text || !KEYWORDS_DATA || !KEYWORDS_DATA.length) return null;
  1302. var slug = slugify(text);
  1303. if(!slug) return null;
  1304. for(var i = 0; i < KEYWORDS_DATA.length; i++){
  1305. var kw = KEYWORDS_DATA[i];
  1306. // Match sur slug exact OU label/searchKeyword exact (case insensitive)
  1307. if(kw.slug === slug) return kw;
  1308. if(slugify(kw.searchKeyword) === slug) return kw;
  1309. }
  1310. return null;
  1311. }
  1313. /**
  1314. * Au submit : décide où rediriger l\x27utilisateur en fonction du contexte.
  1315. * - Si on est sur une ville et le texte matche un keyword BDD → /jobs/{ville}/{slug-kw}
  1316. * - Sinon si on est sur une ville → /jobs/{ville}?search={texte}
  1317. * - Sinon (pas de ville) → /jobs?q={texte}
  1318. * - Si texte vide ET ville définie → /jobs/{ville} (reset)
  1319. * - Si texte vide ET pas de ville → /jobs (reset)
  1320. */
  1321. function submitSearch(query){
  1322. query = (query || \x27\x27).trim();
  1324. // Reset (recherche vide)
  1325. if(!query){
  1326. if(CITY_SLUG && CITY_LANDING_URL_TEMPLATE){
  1327. window.location.href = CITY_LANDING_URL_TEMPLATE;
  1328. } else {
  1329. window.location.href = DASHBOARD_URL;
  1330. }
  1331. return;
  1332. }
  1334. // Cas 1 : on est sur une ville
  1335. if(CITY_SLUG && CITY_KEYWORD_URL_TEMPLATE){
  1336. var matched = findMatchingKeyword(query);
  1337. if(matched && matched.slug){
  1338. // Match BDD → URL slug propre /jobs/paris/developpeur
  1339. window.location.href = CITY_KEYWORD_URL_TEMPLATE.replace(\x27kwplaceholder\x27, encodeURIComponent(matched.slug));
  1340. return;
  1341. }
  1342. // Pas de match → fallback ?search=texte
  1343. window.location.href = CITY_LANDING_URL_TEMPLATE + \x27?search=\x27 + encodeURIComponent(query);
  1344. return;
  1345. }
  1347. // Cas 2 : pas de ville → dashboard global avec ?q=
  1348. window.location.href = DASHBOARD_URL + \x27?q=\x27 + encodeURIComponent(query);
  1349. }
  1351. /**
  1352. * Lance la search côté UI (sans redirection — utilisée pour les chips et
  1353. * pour la \"Charger plus\").
  1354. */
  1355. function startSearch(query){
  1356. currentQuery = query;
  1357. currentOffset = 0;
  1358. currentTotal = 0;
  1359. fetchJobs(query, 0, false);
  1360. // Update clear button
  1361. if(clearBtn){
  1362. if(query) clearBtn.classList.add(\x27visible\x27);
  1363. else clearBtn.classList.remove(\x27visible\x27);
  1364. }
  1365. // Update active chip (uniquement les chips qui sont des <button>, pas les <a>)
  1366. document.querySelectorAll(\x27button.search-keyword-chip\x27).forEach(function(c){
  1367. if(c.getAttribute(\x27data-keyword\x27) === query) c.classList.add(\x27active\x27);
  1368. else c.classList.remove(\x27active\x27);
  1369. });
  1370. }
  1372. // ═══ Submit-only : Entrée déclenche la search ET change l\x27URL ═══
  1373. if(input){
  1374. input.addEventListener(\x27keydown\x27, function(e){
  1375. if(e.key === \x27Enter\x27 || e.keyCode === 13){
  1376. e.preventDefault();
  1377. submitSearch(input.value);
  1378. }
  1379. });
  1380. // Affiche bouton clear si query initiale
  1381. if(input.value.trim()){
  1382. if(clearBtn) clearBtn.classList.add(\x27visible\x27);
  1383. }
  1384. }
  1386. // Bouton clear : reset complet → redirection vers /jobs ou /jobs/{ville}
  1387. if(clearBtn){
  1388. clearBtn.addEventListener(\x27click\x27, function(){
  1389. submitSearch(\x27\x27);
  1390. });
  1391. }
  1393. // Chips keywords (cas dashboard global, sans contexte ville → comportement local)
  1394. // En contexte ville, les chips sont des <a href> directs gérés par le navigateur.
  1395. document.querySelectorAll(\x27button.search-keyword-chip\x27).forEach(function(chip){
  1396. chip.addEventListener(\x27click\x27, function(){
  1397. var kw = chip.getAttribute(\x27data-keyword\x27);
  1398. if(!kw) return;
  1399. // Sur dashboard global : on submit (redirige vers /jobs?q=kw)
  1400. submitSearch(kw);
  1401. });
  1402. });
  1404. // Bouton \"Charger plus\"
  1405. if(loadMoreBtn){
  1406. loadMoreBtn.addEventListener(\x27click\x27, function(){
  1407. if(isFetching) return;
  1408. fetchJobs(currentQuery, currentOffset, true);
  1409. });
  1410. }
  1412. // ═══ Bouton \"Voir plus\" + Recherche live des chips ═══
  1413. /**
  1414. * Slugify simple côté UI pour matching tolérant aux accents
  1415. * (ex: \"developpeur\" matche \"Développeur\")
  1416. */
  1417. function dashSlug(str){
  1418. if(!str) return \x27\x27;
  1419. var t = String(str);
  1420. t = t.normalize ? t.normalize(\x27NFD\x27).replace(/[\\u0300-\\u036f]/g, \x27\x27) : t;
  1421. return t.toLowerCase().trim();
  1422. }
  1424. document.querySelectorAll(\x27.dash-filter-more-btn\x27).forEach(function(btn){
  1425. var targetId = btn.getAttribute(\x27data-target\x27);
  1426. var sectionId = btn.getAttribute(\x27data-section\x27);
  1427. var container = document.getElementById(targetId);
  1428. var section = sectionId ? document.getElementById(sectionId) : null;
  1429. if(!container) return;
  1430. var label = btn.querySelector(\x27.dash-filter-more-label\x27);
  1431. if(!label) return;
  1433. var initial = parseInt(container.getAttribute(\x27data-initial\x27), 10) || 14;
  1434. var items = container.querySelectorAll(\x27.dash-filter-item\x27);
  1435. var searchInput = section ? section.querySelector(\x27.dash-filter-search-input\x27) : null;
  1437. // 2 états indépendants :
  1438. // - userExpanded : l\x27utilisateur a cliqué sur \"Voir plus\"
  1439. // - searchActive : l\x27input contient du texte (auto-expand temporaire)
  1440. // Mode développé = userExpanded || searchActive
  1441. var userExpanded = false;
  1443. function isEffectivelyExpanded(){
  1444. var hasSearch = searchInput && searchInput.value.trim().length > 0;
  1445. return userExpanded || hasSearch;
  1446. }
  1448. function applyDisplay(){
  1449. var filterText = searchInput ? searchInput.value : \x27\x27;
  1450. var query = dashSlug(filterText || \x27\x27);
  1451. var expanded = isEffectivelyExpanded();
  1452. var visibleCount = 0;
  1454. items.forEach(function(it, i){
  1455. var label = it.getAttribute(\x27data-filter-label\x27) || \x27\x27;
  1456. var matches = !query || dashSlug(label).indexOf(query) !== -1;
  1458. if(expanded){
  1459. // Mode développé : on affiche tous les items qui matchent la recherche
  1460. it.style.display = matches ? \x27\x27 : \x27none\x27;
  1461. if(matches) visibleCount++;
  1462. } else {
  1463. // Mode collapsé : on affiche les N premiers (pas de filtrage)
  1464. it.style.display = (i < initial) ? \x27\x27 : \x27none\x27;
  1465. if(i < initial) visibleCount++;
  1466. }
  1467. });
  1469. // Toggle \"aucun résultat\" (uniquement quand recherche active)
  1470. if(query && visibleCount === 0){
  1471. container.classList.add(\x27is-no-results\x27);
  1472. } else {
  1473. container.classList.remove(\x27is-no-results\x27);
  1474. }
  1476. // Synchroniser le bouton \"Voir plus/moins\" avec l\x27état effectif
  1477. if(expanded){
  1478. btn.classList.add(\x27is-expanded\x27);
  1479. label.textContent = label.getAttribute(\x27data-less\x27);
  1480. } else {
  1481. btn.classList.remove(\x27is-expanded\x27);
  1482. label.textContent = label.getAttribute(\x27data-more\x27);
  1483. }
  1484. }
  1486. btn.addEventListener(\x27click\x27, function(){
  1487. userExpanded = !userExpanded;
  1488. if(!userExpanded){
  1489. // Reset input quand l\x27utilisateur collapse manuellement
  1490. if(searchInput){ searchInput.value = \x27\x27; }
  1491. // Scroll vers le bouton
  1492. btn.scrollIntoView({behavior:\x27smooth\x27, block:\x27nearest\x27});
  1493. }
  1494. applyDisplay();
  1495. });
  1497. // Recherche live dans les chips quand on tape dans l\x27input
  1498. // → auto-expand pendant la recherche, retour à l\x27état userExpanded quand on vide
  1499. if(searchInput){
  1500. searchInput.addEventListener(\x27input\x27, function(){
  1501. applyDisplay();
  1502. });
  1503. }
  1504. });
  1506. // Premier chargement (vide ou avec query initiale)
  1507. fetchJobs(currentQuery, 0, false);
  1509. } catch(err){
  1510. console.error(\x27[whr-dash] init error\x27, err);
  1511. }
  1512. })();
  1513. </script>
  1514. ";
  1516. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1519. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1521. yield from [];
  1522. }
  1524. /**
  1525. * @codeCoverageIgnore
  1526. */
  1527. public function getTemplateName(): string
  1528. {
  1529. return "application/whileresume/application/jobs/dashboard.html.twig";
  1530. }
  1532. /**
  1533. * @codeCoverageIgnore
  1534. */
  1535. public function isTraitable(): bool
  1536. {
  1537. return false;
  1538. }
  1540. /**
  1541. * @codeCoverageIgnore
  1542. */
  1543. public function getDebugInfo(): array
  1544. {
  1545. return array ( 1256 => 621, 1232 => 600, 1202 => 573, 1183 => 557, 1176 => 553, 1164 => 544, 1160 => 543, 1085 => 470, 1070 => 469, 1059 => 468, 1056 => 446, 1039 => 445, 1033 => 441, 1031 => 440, 1030 => 439, 1029 => 438, 1028 => 437, 1025 => 436, 1023 => 435, 1022 => 434, 1021 => 433, 1020 => 432, 1014 => 429, 1008 => 426, 1002 => 423, 993 => 417, 987 => 414, 983 => 413, 978 => 411, 974 => 410, 967 => 405, 954 => 404, 941 => 400, 937 => 398, 935 => 397, 934 => 395, 932 => 393, 929 => 392, 923 => 386, 919 => 384, 914 => 380, 900 => 372, 896 => 371, 892 => 369, 886 => 365, 883 => 364, 880 => 362, 876 => 360, 865 => 356, 858 => 351, 856 => 350, 850 => 348, 828 => 342, 822 => 341, 814 => 340, 810 => 339, 806 => 338, 800 => 337, 791 => 336, 774 => 335, 770 => 334, 767 => 333, 760 => 329, 751 => 322, 748 => 321, 743 => 318, 735 => 312, 732 => 311, 729 => 310, 726 => 308, 722 => 306, 711 => 302, 704 => 297, 702 => 296, 696 => 294, 674 => 288, 668 => 287, 660 => 286, 656 => 285, 652 => 284, 646 => 283, 637 => 282, 620 => 281, 616 => 280, 613 => 279, 606 => 275, 597 => 268, 594 => 267, 589 => 264, 581 => 258, 578 => 257, 575 => 256, 572 => 254, 568 => 252, 561 => 251, 554 => 248, 548 => 247, 544 => 246, 540 => 244, 538 => 243, 531 => 240, 525 => 239, 519 => 238, 510 => 237, 508 => 236, 506 => 235, 503 => 234, 500 => 211, 498 => 210, 494 => 209, 490 => 208, 487 => 207, 484 => 206, 474 => 198, 469 => 196, 461 => 195, 453 => 189, 449 => 186, 442 => 182, 437 => 180, 428 => 178, 422 => 176, 416 => 175, 411 => 173, 408 => 172, 405 => 171, 402 => 169, 397 => 167, 392 => 166, 389 => 165, 383 => 163, 377 => 161, 375 => 160, 366 => 158, 363 => 157, 361 => 156, 357 => 155, 344 => 153, 341 => 152, 339 => 151, 337 => 150, 332 => 147, 319 => 146, 305 => 143, 173 => 12, 160 => 11, 137 => 9, 104 => 8, 72 => 7, 61 => 1, 59 => 5, 46 => 1,);
  1546. }
  1548. public function getSourceContext(): Source
  1549. {
  1550. return new Source("{% extends \x27application/whileresume/application/jobs/layout-social.html.twig\x27 %}
  1552. {% trans_default_domain \x27whr-public\x27 %}
  1554. {% import \x27application/whileresume/_macros/promo_card.html.twig\x27 as promo %}
  1556. {% block title %}{% if currentSubKeyword is defined and currentSubKeyword is not null and currentCityFilter is defined and currentCityFilter is not null %}{{ currentSubKeyword }} {{ currentCityFilter.label }}{% elseif currentFilter is defined and currentFilter is not null %}{{ currentFilter.shortTitle|default(currentFilter.label) }} — WhileResume{% else %}{{ \x27job.dashboard.title\x27|trans }}{% endif %}{% endblock title %}
  1557. {% block description %}{% if currentSubKeyword is defined and currentSubKeyword is not null and currentCityFilter is defined and currentCityFilter is not null %}Découvrez les offres \"{{ currentSubKeyword }}\" à {{ currentCityFilter.label }}.{% elseif currentFilter is defined and currentFilter is not null and currentFilter.shortDescription is not empty %}{{ currentFilter.shortDescription }}{% else %}{{ \x27job.dashboard.description\x27|trans }}{% endif %}{% endblock description %}
  1558. {% block robots %}index,follow{% endblock robots %}
  1560. {% block css %}
  1561. <style>
  1562. /* ─── Page dashboard /jobs ─── */
  1563. .jobs-dash{max-width:880px;margin:0 auto}
  1564. .jobs-dash-header{margin-bottom:18px}
  1565. .jobs-dash-title{font-size:24px;font-weight:800;color:#1E1B2E;line-height:1.2;letter-spacing:-0.02em;margin:0 0 6px}
  1566. @media(min-width:768px){.jobs-dash-title{font-size:28px}}
  1567. .jobs-dash-subtitle{font-size:14px;color:#6B7280;margin:0 0 18px}
  1569. /* ─── Bandeau contexte ville (badge + bouton ALL) ─── */
  1570. .city-context-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:10px 14px;background:#F5F3FF;border:1px solid rgba(108,58,237,.15);border-radius:12px}
  1571. .city-context-label{font-size:11px;font-weight:600;color:#6B7280;text-transform:uppercase;letter-spacing:.06em}
  1572. .city-context-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;background:#fff;color:var(--theme-color,#6C3AED);font-size:13px;font-weight:600;border:1px solid rgba(108,58,237,.2)}
  1573. .city-context-badge-icon{font-size:14px;line-height:1}
  1574. .city-context-clear-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:100px;background:transparent;color:var(--theme-color,#6C3AED);font-size:12px;font-weight:600;border:1px dashed rgba(108,58,237,.4);cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,border-style .15s,border-color .15s}
  1575. .city-context-clear-btn:hover{background:#fff;border-style:solid;border-color:var(--theme-color,#6C3AED);color:var(--theme-color,#6C3AED)}
  1576. .city-context-clear-btn svg{width:11px;height:11px}
  1578. /* Widget recherche */
  1579. .wr-search-widget{background:#fff;border-radius:14px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);padding:10px;margin-bottom:14px;position:relative;z-index:50}
  1580. .wr-search-input-wrap{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:#F9FAFB;border:1px solid #E5E7EB;transition:border-color .2s,background .2s}
  1581. .wr-search-input-wrap:focus-within{border-color:rgba(108,58,237,.3);background:#fff}
  1582. .wr-search-icon{color:#9CA3AF;display:flex;flex-shrink:0}
  1583. .wr-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#1E1B2E;padding:4px 0;font-family:inherit;min-width:0}
  1584. .wr-search-input::placeholder{color:#9CA3AF}
  1585. .wr-search-clear{background:none;border:none;color:#9CA3AF;cursor:pointer;padding:4px;display:none;font-family:inherit}
  1586. .wr-search-clear.visible{display:flex;align-items:center}
  1587. .wr-search-clear:hover{color:#6B7280}
  1588. .wr-search-clear svg{width:14px;height:14px}
  1589. .wr-search-kbd-hint{display:none;align-items:center;padding:3px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:10.5px;font-weight:600;color:#6B7280;font-family:inherit;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
  1590. .wr-search-input-wrap:focus-within .wr-search-kbd-hint{display:inline-flex}
  1592. /* Chips keywords */
  1593. .search-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:0 4px 18px}
  1594. .search-keyword-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:100px;background:#F5F3FF;color:var(--theme-color,#6C3AED);font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s;font-family:inherit}
  1595. .search-keyword-chip:hover{background:#EDE9FE;border-color:rgba(108,58,237,.2);transform:translateY(-1px);color:var(--theme-color,#6C3AED)}
  1596. .search-keyword-chip.active{background:var(--theme-color,#6C3AED);color:#fff;border-color:var(--theme-color,#6C3AED)}
  1597. .search-keyword-chip-icon{font-size:13px;line-height:1}
  1598. .search-keywords-label{font-size:11px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;align-self:center}
  1600. /* ─── Sections de filtres SEO (chips → liens directs vers /jobs/{slug}) ─── */
  1601. .filter-section{margin:0 0 14px}
  1602. .filter-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding:0 4px;flex-wrap:wrap}
  1603. @media(max-width:540px){
  1604. .dash-filter-search{max-width:100%;width:100%}
  1605. }
  1606. .filter-section-title{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.06em;margin:0}
  1607. .filter-section-title-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#F5F3FF;color:var(--theme-color,#6C3AED)}
  1608. .filter-section-title-icon svg{width:11px;height:11px}
  1609. .filter-section-toggle{background:none;border:none;font-size:11px;color:var(--theme-color,#6C3AED);font-weight:600;cursor:pointer;font-family:inherit;padding:4px 8px;border-radius:6px;transition:background .15s}
  1610. .filter-section-toggle:hover{background:#F5F3FF}
  1611. .filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}
  1612. .filter-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:100px;background:#fff;color:#374151;font-size:12.5px;font-weight:500;cursor:pointer;border:1px solid #E5E7EB;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,color .15s;font-family:inherit;white-space:nowrap}
  1613. .filter-chip:hover{background:#F5F3FF;border-color:rgba(108,58,237,.3);color:var(--theme-color,#6C3AED);transform:translateY(-1px)}
  1614. .filter-chip.active{background:var(--theme-color,#6C3AED);border-color:var(--theme-color,#6C3AED);color:#fff}
  1615. .filter-chip.active:hover{background:#5B21B6;color:#fff}
  1616. .filter-chip-icon{font-size:14px;line-height:1}
  1617. .filter-chip-arrow{display:inline-flex;color:currentColor;opacity:.5;margin-left:2px}
  1618. .filter-chip-arrow svg{width:10px;height:10px}
  1620. /* Mode \"compact\" : sections initialement collapsées si > 6 items */
  1621. .filter-chips.collapsed{max-height:80px;overflow:hidden;position:relative}
  1622. .filter-chips.collapsed::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(to bottom,transparent,#FAFAFA);pointer-events:none}
  1624. /* ─── Bouton \"Voir plus\" sous les chips villes/métiers ─── */
  1625. .dash-filter-more-wrap{display:flex;justify-content:center;margin-top:10px;padding:0 4px}
  1626. .dash-filter-more-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:transparent;color:var(--theme-color,#6C3AED);border:1px dashed rgba(108,58,237,.35);border-radius:100px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-style .15s,border-color .15s}
  1627. .dash-filter-more-btn:hover{background:#F5F3FF;border-style:solid;border-color:var(--theme-color,#6C3AED)}
  1628. .dash-filter-more-icon{display:inline-flex;align-items:center;color:currentColor;transition:transform .2s}
  1629. .dash-filter-more-icon svg{width:12px;height:12px}
  1630. .dash-filter-more-btn.is-expanded .dash-filter-more-icon{transform:rotate(180deg)}
  1632. /* ─── Input de recherche dans le header (toujours visible) ─── */
  1633. .dash-filter-search{display:block;position:relative;flex:1;max-width:240px}
  1634. @keyframes dashFilterFadeIn{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
  1635. .dash-filter-search-input{width:100%;padding:5px 10px 5px 28px;border:1px solid #E5E7EB;border-radius:100px;font-size:12px;color:#1E1B2E;background:#FAFAFA;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s,background .15s}
  1636. .dash-filter-search-input:focus{border-color:rgba(108,58,237,.4);background:#fff}
  1637. .dash-filter-search-input::placeholder{color:#9CA3AF}
  1638. .dash-filter-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9CA3AF;pointer-events:none;display:flex}
  1639. .dash-filter-search-icon svg{width:11px;height:11px}
  1641. /* État \"aucun résultat\" sous le filtre live */
  1642. .dash-filter-empty{display:none;padding:14px 12px;font-size:12.5px;color:#9CA3AF;font-style:italic;text-align:center;width:100%}
  1643. .filter-chips.is-no-results .dash-filter-empty{display:block}
  1645. /* Bandeau résultats */
  1646. .jobs-results-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 14px;font-size:12px;color:#6B7280}
  1647. .jobs-results-info strong{color:#1E1B2E;font-weight:700}
  1649. /* Liste cards (style \"similar-card\" comme dans show.html.twig) */
  1650. .jobs-list{display:flex;flex-direction:column;gap:10px}
  1651. .jobs-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
  1652. .jobs-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,58,237,.1);color:inherit}
  1653. .jobs-card-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:var(--theme-color,#6C3AED);flex-shrink:0;overflow:hidden}
  1654. .jobs-card-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
  1655. .jobs-card-logo svg{width:24px;height:24px;opacity:.85}
  1656. .jobs-card-info{flex:1;min-width:0}
  1657. .jobs-card-title{font-size:14px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1658. .jobs-card-meta{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1659. .jobs-card-salary{font-size:11px;font-weight:600;color:var(--theme-color,#6C3AED);background:#F5F3FF;padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0}
  1660. .jobs-card-arrow{flex-shrink:0;color:#9CA3AF;transition:color .15s,transform .15s}
  1661. .jobs-card:hover .jobs-card-arrow{color:var(--theme-color,#6C3AED);transform:translateX(2px)}
  1662. .jobs-card-arrow svg{width:18px;height:18px}
  1664. /* Skeleton (pendant chargement) */
  1665. .jobs-skeleton{display:flex;flex-direction:column;gap:10px}
  1666. .jobs-skel-card{background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04)}
  1667. .jobs-skel-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(90deg,#F3F4F6 0%,#E5E7EB 50%,#F3F4F6 100%);background-size:200% 100%;animation:jobsSkelShim 1.4s ease-in-out infinite;flex-shrink:0}
  1668. .jobs-skel-info{flex:1}
  1669. .jobs-skel-line{height:14px;background:linear-gradient(90deg,#F3F4F6 0%,#E5E7EB 50%,#F3F4F6 100%);background-size:200% 100%;animation:jobsSkelShim 1.4s ease-in-out infinite;border-radius:4px;margin-bottom:6px}
  1670. .jobs-skel-line.s1{width:60%}
  1671. .jobs-skel-line.s2{width:40%;height:12px;margin-bottom:0}
  1672. @keyframes jobsSkelShim{0%{background-position:200% 0}100%{background-position:-200% 0}}
  1674. /* Bouton charger plus */
  1675. .jobs-load-more{display:flex;width:100%;padding:14px;margin-top:16px;background:#fff;color:var(--theme-color,#6C3AED);border:1.5px dashed rgba(108,58,237,.35);border-radius:12px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}
  1676. .jobs-load-more:hover{background:#F5F3FF;border-color:var(--theme-color,#6C3AED);border-style:solid;color:var(--theme-color,#6C3AED)}
  1677. .jobs-load-more svg{width:14px;height:14px}
  1678. .jobs-load-more:disabled{opacity:.6;cursor:not-allowed}
  1679. .jobs-load-more.loading{cursor:wait}
  1680. .jobs-load-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(108,58,237,.2);border-top-color:var(--theme-color,#6C3AED);border-radius:50%;animation:jobsLoadSpin .7s linear infinite}
  1681. @keyframes jobsLoadSpin{to{transform:rotate(360deg)}}
  1683. /* État vide */
  1684. .jobs-empty{text-align:center;padding:40px 20px;background:#fff;border-radius:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04)}
  1685. .jobs-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#F5F3FF;color:var(--theme-color,#6C3AED);margin-bottom:14px}
  1686. .jobs-empty-icon svg{width:24px;height:24px}
  1687. .jobs-empty-title{font-size:16px;font-weight:700;color:#1E1B2E;margin:0 0 6px}
  1688. .jobs-empty-text{font-size:13px;color:#6B7280;margin:0}
  1689. </style>
  1691. {# Styles partagés de la promo card (définis dans la macro) #}
  1692. {{ promo.styles() }}
  1693. {% endblock css %}
  1695. {% block body %}
  1696. <div class=\"jobs-dash\">
  1698. <div class=\"jobs-dash-header\">
  1699. {% if currentSubKeyword is defined and currentSubKeyword is not null and currentCityFilter is defined and currentCityFilter is not null %}
  1700. {# Cas combiné : ville + keyword #}
  1701. <h1 class=\"jobs-dash-title\">
  1702. {% if currentCityFilter.icon is not empty %}{{ currentCityFilter.icon }} {% endif %}{{ currentSubKeyword }} {{ \x27job.dashboard.cityHeadingIn\x27|trans }} {{ currentCityFilter.label }}
  1703. </h1>
  1704. <p class=\"jobs-dash-subtitle\">{{ \x27job.dashboard.cityKeywordSubtitle\x27|trans({\x27%keyword%\x27: currentSubKeyword, \x27%city%\x27: currentCityFilter.label}) }}</p>
  1705. {% elseif currentFilter is defined and currentFilter is not null %}
  1706. <h1 class=\"jobs-dash-title\">
  1707. {% if currentFilter.icon is not empty %}{{ currentFilter.icon }} {% endif %}{{ currentFilter.shortTitle|default(currentFilter.label) }}
  1708. </h1>
  1709. {% if currentFilter.shortDescription is not empty %}
  1710. <p class=\"jobs-dash-subtitle\">{{ currentFilter.shortDescription }}</p>
  1711. {% else %}
  1712. <p class=\"jobs-dash-subtitle\">{{ \x27job.dashboard.subtitle\x27|trans }}</p>
  1713. {% endif %}
  1714. {% else %}
  1715. <h1 class=\"jobs-dash-title\">{{ \x27job.dashboard.heading\x27|trans }}</h1>
  1716. <p class=\"jobs-dash-subtitle\">{{ \x27job.dashboard.subtitle\x27|trans }}</p>
  1717. {% endif %}
  1719. {# Badge \"Ville active\" + bouton \"Tout voir\" / ALL pour reset #}
  1720. {% if currentCityFilter is defined and currentCityFilter is not null %}
  1721. <div class=\"city-context-bar\">
  1722. <span class=\"city-context-label\">{{ \x27job.dashboard.contextLabel\x27|trans }}</span>
  1723. <span class=\"city-context-badge\">
  1724. {% if currentCityFilter.icon is not empty %}<span class=\"city-context-badge-icon\">{{ currentCityFilter.icon }}</span>{% endif %}
  1725. <span>{{ currentCityFilter.label }}</span>
  1726. </span>
  1727. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27whileresume_jobs_list\x27) }}{% else %}{{ path(\x27locale_whileresume_jobs_list\x27,{\x27_locale\x27:app.request.locale}) }}{% endif %}\"
  1728. class=\"city-context-clear-btn\"
  1729. title=\"{{ \x27job.dashboard.clearCity\x27|trans }}\">
  1730. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\" transform=\"rotate(180 12 12)\"/></svg>
  1731. {{ \x27job.dashboard.allCities\x27|trans }}
  1732. </a>
  1733. </div>
  1734. {% endif %}
  1735. </div>
  1737. {# ═══ Widget recherche ═══ #}
  1738. <div class=\"wr-search-widget\">
  1739. <div class=\"wr-search-input-wrap\">
  1740. <span class=\"wr-search-icon\">
  1741. <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  1742. </span>
  1743. <input type=\"text\" id=\"dashSearchInput\" class=\"wr-search-input\"
  1744. placeholder=\"{% if currentCityFilter is defined and currentCityFilter is not null %}{{ \x27job.dashboard.searchInCity\x27|trans({\x27%city%\x27: currentCityFilter.label}) }}{% else %}{{ \x27job.show.searchPlaceholder\x27|trans }}{% endif %}\"
  1745. value=\"{{ initialQuery|default(\x27\x27) }}\"
  1746. autocomplete=\"off\">
  1747. <span class=\"wr-search-kbd-hint\" id=\"dashSearchKbdHint\">{{ \x27job.dashboard.pressEnter\x27|trans }}</span>
  1748. <button type=\"button\" id=\"dashSearchClear\" class=\"wr-search-clear\" aria-label=\"Clear\">
  1749. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>
  1750. </button>
  1751. </div>
  1752. </div>
  1754. {# Chips keywords cliquables #}
  1755. {% if searchKeywords is defined and searchKeywords|length > 0 %}
  1756. <div class=\"search-keywords\">
  1757. <span class=\"search-keywords-label\">{{ \x27job.show.keywordsLabel\x27|trans }}</span>
  1758. {% for kw in searchKeywords %}
  1759. {# Slug pour l\x27URL : translitération des accents FR + lowercase + remplacement caractères spéciaux #}
  1760. {% set kwSlug = kw.label
  1761. |replace({
  1762. \x27à\x27:\x27a\x27,\x27â\x27:\x27a\x27,\x27ä\x27:\x27a\x27,\x27á\x27:\x27a\x27,\x27ã\x27:\x27a\x27,\x27å\x27:\x27a\x27,
  1763. \x27À\x27:\x27a\x27,\x27Â\x27:\x27a\x27,\x27Ä\x27:\x27a\x27,\x27Á\x27:\x27a\x27,\x27Ã\x27:\x27a\x27,\x27Å\x27:\x27a\x27,
  1764. \x27é\x27:\x27e\x27,\x27è\x27:\x27e\x27,\x27ê\x27:\x27e\x27,\x27ë\x27:\x27e\x27,\x27ẽ\x27:\x27e\x27,
  1765. \x27É\x27:\x27e\x27,\x27È\x27:\x27e\x27,\x27Ê\x27:\x27e\x27,\x27Ë\x27:\x27e\x27,
  1766. \x27î\x27:\x27i\x27,\x27ï\x27:\x27i\x27,\x27ì\x27:\x27i\x27,\x27í\x27:\x27i\x27,
  1767. \x27Î\x27:\x27i\x27,\x27Ï\x27:\x27i\x27,\x27Ì\x27:\x27i\x27,\x27Í\x27:\x27i\x27,
  1768. \x27ô\x27:\x27o\x27,\x27ö\x27:\x27o\x27,\x27ò\x27:\x27o\x27,\x27ó\x27:\x27o\x27,\x27õ\x27:\x27o\x27,\x27ø\x27:\x27o\x27,
  1769. \x27Ô\x27:\x27o\x27,\x27Ö\x27:\x27o\x27,\x27Ò\x27:\x27o\x27,\x27Ó\x27:\x27o\x27,\x27Õ\x27:\x27o\x27,\x27Ø\x27:\x27o\x27,
  1770. \x27û\x27:\x27u\x27,\x27ü\x27:\x27u\x27,\x27ù\x27:\x27u\x27,\x27ú\x27:\x27u\x27,
  1771. \x27Û\x27:\x27u\x27,\x27Ü\x27:\x27u\x27,\x27Ù\x27:\x27u\x27,\x27Ú\x27:\x27u\x27,
  1772. \x27ÿ\x27:\x27y\x27,\x27ý\x27:\x27y\x27,\x27Ÿ\x27:\x27y\x27,\x27Ý\x27:\x27y\x27,
  1773. \x27ç\x27:\x27c\x27,\x27Ç\x27:\x27c\x27,
  1774. \x27ñ\x27:\x27n\x27,\x27Ñ\x27:\x27n\x27,
  1775. \x27œ\x27:\x27oe\x27,\x27Œ\x27:\x27oe\x27,\x27æ\x27:\x27ae\x27,\x27Æ\x27:\x27ae\x27,
  1776. \"\x27\":\x27-\x27,\x27 \x27:\x27-\x27,\x27/\x27:\x27-\x27,\x27_\x27:\x27-\x27,\x27.\x27:\x27-\x27,\x27,\x27:\x27-\x27,
  1777. \x27(\x27:\x27\x27,\x27*\x27:\x27\x27,\x27)\x27:\x27\x27,\x27&\x27:\x27-and-\x27,\x27+\x27:\x27-plus-\x27,
  1778. \x27#\x27:\x27\x27,\x27?\x27:\x27\x27,\x27!\x27:\x27\x27,\x27\"\x27:\x27\x27,\x27’\x27:\x27-\x27,\x27`\x27:\x27-\x27
  1779. })
  1780. |lower
  1781. |replace({\x27--\x27:\x27-\x27,\x27---\x27:\x27-\x27})
  1782. |trim(\x27-\x27) %}
  1784. {% if currentCityFilter is defined and currentCityFilter is not null %}
  1785. {# Contexte ville : chip = lien vers /jobs/ville/keyword #}
  1786. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27cvs_application_jobs_filter_keyword\x27,{\x27slug\x27:currentCityFilter.slug,\x27keyword\x27:kwSlug}) }}{% else %}{{ path(\x27locale_cvs_application_jobs_filter_keyword\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:currentCityFilter.slug,\x27keyword\x27:kwSlug}) }}{% endif %}\"
  1787. class=\"search-keyword-chip{% if currentSubKeywordSlug is defined and currentSubKeywordSlug == kwSlug %} active{% endif %}\">
  1788. {% if kw.icon is not empty %}<span class=\"search-keyword-chip-icon\">{{ kw.icon }}</span>{% endif %}
  1789. <span>{{ kw.label }}</span>
  1790. </a>
  1791. {% else %}
  1792. {# Pas de contexte ville : chip pré-remplit la search (comportement existant) #}
  1793. <button type=\"button\"
  1794. class=\"search-keyword-chip\"
  1795. data-keyword=\"{{ kw.searchKeyword|default(kw.label) }}\">
  1796. {% if kw.icon is not empty %}<span class=\"search-keyword-chip-icon\">{{ kw.icon }}</span>{% endif %}
  1797. <span>{{ kw.label }}</span>
  1798. </button>
  1799. {% endif %}
  1800. {% endfor %}
  1801. </div>
  1802. {% endif %}
  1804. {# ═══ Filtres SEO : Villes (chips → /jobs/{slug}) — 14 visibles + reste cliqué pour révéler ═══ #}
  1805. {% if sidebarFiltersCities is defined and sidebarFiltersCities|length > 0 %}
  1806. {% set citiesInitial = 14 %}
  1807. <div class=\"filter-section\" id=\"filterSectionCities\">
  1808. <div class=\"filter-section-head\">
  1809. <h3 class=\"filter-section-title\">
  1810. <span class=\"filter-section-title-icon\">
  1811. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"/><circle cx=\"12\" cy=\"10\" r=\"3\"/></svg>
  1812. </span>
  1813. {{ \x27job.dashboard.popularCities\x27|trans }}
  1814. </h3>
  1815. {# Input de recherche (visible uniquement quand expanded) #}
  1816. {% if sidebarFiltersCities|length > citiesInitial %}
  1817. <div class=\"dash-filter-search\">
  1818. <span class=\"dash-filter-search-icon\">
  1819. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  1820. </span>
  1821. <input type=\"text\"
  1822. class=\"dash-filter-search-input\"
  1823. data-search-target=\"filterChipsCities\"
  1824. placeholder=\"{{ \x27job.dashboard.filterSearchCity\x27|trans }}\"
  1825. autocomplete=\"off\">
  1826. </div>
  1827. {% endif %}
  1828. </div>
  1829. <div class=\"filter-chips dash-filter-chips\" id=\"filterChipsCities\" data-initial=\"{{ citiesInitial }}\">
  1830. {% for f in sidebarFiltersCities %}
  1831. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27cvs_application_jobs_filter\x27,{\x27slug\x27:f.slug}) }}{% else %}{{ path(\x27locale_cvs_application_jobs_filter\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:f.slug}) }}{% endif %}\"
  1832. class=\"filter-chip dash-filter-item{% if currentFilter is defined and currentFilter is not null and currentFilter.slug == f.slug %} active{% endif %}\"
  1833. data-filter-slug=\"{{ f.slug }}\"
  1834. data-filter-label=\"{{ f.label }}\"
  1835. data-index=\"{{ loop.index0 }}\"{% if loop.index0 >= citiesInitial %} style=\"display:none\"{% endif %}>
  1836. {% if f.icon is not empty %}<span class=\"filter-chip-icon\">{{ f.icon }}</span>{% endif %}
  1837. <span>{{ f.label }}</span>
  1838. <span class=\"filter-chip-arrow\">
  1839. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  1840. </span>
  1841. </a>
  1842. {% endfor %}
  1843. <div class=\"dash-filter-empty\">{{ \x27job.dashboard.filterNoResults\x27|trans }}</div>
  1844. </div>
  1845. {% if sidebarFiltersCities|length > citiesInitial %}
  1846. <div class=\"dash-filter-more-wrap\">
  1847. <button type=\"button\" class=\"dash-filter-more-btn\" data-target=\"filterChipsCities\" data-section=\"filterSectionCities\">
  1848. <span class=\"dash-filter-more-icon\">
  1849. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  1850. </span>
  1851. <span class=\"dash-filter-more-label\" data-more=\"{{ \x27job.dashboard.showMoreCities\x27|trans({\x27%n%\x27: sidebarFiltersCities|length - citiesInitial}) }}\" data-less=\"{{ \x27job.dashboard.showLessCities\x27|trans }}\">{{ \x27job.dashboard.showMoreCities\x27|trans({\x27%n%\x27: sidebarFiltersCities|length - citiesInitial}) }}</span>
  1852. </button>
  1853. </div>
  1854. {% endif %}
  1855. </div>
  1856. {% endif %}
  1858. {# ═══ Filtres SEO : Métiers (chips → /jobs/{slug}) — 8 visibles + reste cliqué pour révéler ═══ #}
  1859. {% if sidebarFiltersCategories is defined and sidebarFiltersCategories|length > 0 %}
  1860. {% set categoriesInitial = 8 %}
  1861. <div class=\"filter-section\" id=\"filterSectionCategories\">
  1862. <div class=\"filter-section-head\">
  1863. <h3 class=\"filter-section-title\">
  1864. <span class=\"filter-section-title-icon\">
  1865. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M16 7V5a4 4 0 00-8 0v2\"/></svg>
  1866. </span>
  1867. {{ \x27job.dashboard.popularCategories\x27|trans }}
  1868. </h3>
  1869. {# Input de recherche (visible uniquement quand expanded) #}
  1870. {% if sidebarFiltersCategories|length > categoriesInitial %}
  1871. <div class=\"dash-filter-search\">
  1872. <span class=\"dash-filter-search-icon\">
  1873. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  1874. </span>
  1875. <input type=\"text\"
  1876. class=\"dash-filter-search-input\"
  1877. data-search-target=\"filterChipsCategories\"
  1878. placeholder=\"{{ \x27job.dashboard.filterSearchCategory\x27|trans }}\"
  1879. autocomplete=\"off\">
  1880. </div>
  1881. {% endif %}
  1882. </div>
  1883. <div class=\"filter-chips dash-filter-chips\" id=\"filterChipsCategories\" data-initial=\"{{ categoriesInitial }}\">
  1884. {% for f in sidebarFiltersCategories %}
  1885. <a href=\"{% if app.request.locale == \x27en\x27 %}{{ path(\x27cvs_application_jobs_filter\x27,{\x27slug\x27:f.slug}) }}{% else %}{{ path(\x27locale_cvs_application_jobs_filter\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:f.slug}) }}{% endif %}\"
  1886. class=\"filter-chip dash-filter-item{% if currentFilter is defined and currentFilter is not null and currentFilter.slug == f.slug %} active{% endif %}\"
  1887. data-filter-slug=\"{{ f.slug }}\"
  1888. data-filter-label=\"{{ f.label }}\"
  1889. data-index=\"{{ loop.index0 }}\"{% if loop.index0 >= categoriesInitial %} style=\"display:none\"{% endif %}>
  1890. {% if f.icon is not empty %}<span class=\"filter-chip-icon\">{{ f.icon }}</span>{% endif %}
  1891. <span>{{ f.label }}</span>
  1892. <span class=\"filter-chip-arrow\">
  1893. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"9 18 15 12 9 6\"/></svg>
  1894. </span>
  1895. </a>
  1896. {% endfor %}
  1897. <div class=\"dash-filter-empty\">{{ \x27job.dashboard.filterNoResults\x27|trans }}</div>
  1898. </div>
  1899. {% if sidebarFiltersCategories|length > categoriesInitial %}
  1900. <div class=\"dash-filter-more-wrap\">
  1901. <button type=\"button\" class=\"dash-filter-more-btn\" data-target=\"filterChipsCategories\" data-section=\"filterSectionCategories\">
  1902. <span class=\"dash-filter-more-icon\">
  1903. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  1904. </span>
  1905. <span class=\"dash-filter-more-label\" data-more=\"{{ \x27job.dashboard.showMoreCategories\x27|trans({\x27%n%\x27: sidebarFiltersCategories|length - categoriesInitial}) }}\" data-less=\"{{ \x27job.dashboard.showLessCategories\x27|trans }}\">{{ \x27job.dashboard.showMoreCategories\x27|trans({\x27%n%\x27: sidebarFiltersCategories|length - categoriesInitial}) }}</span>
  1906. </button>
  1907. </div>
  1908. {% endif %}
  1909. </div>
  1910. {% endif %}
  1912. {# Bandeau d\x27info (compteur de résultats) #}
  1913. <div class=\"jobs-results-info\" id=\"jobsResultsInfo\">
  1914. <span id=\"jobsResultsCount\">{{ \x27job.dashboard.loading\x27|trans }}</span>
  1915. </div>
  1917. {# Liste des offres (peuplée en JS) #}
  1918. <div class=\"jobs-list\" id=\"jobsList\">
  1919. <div class=\"jobs-skeleton\">
  1920. {% for i in 1..5 %}
  1921. <div class=\"jobs-skel-card\">
  1922. <div class=\"jobs-skel-logo\"></div>
  1923. <div class=\"jobs-skel-info\">
  1924. <div class=\"jobs-skel-line s1\"></div>
  1925. <div class=\"jobs-skel-line s2\"></div>
  1926. </div>
  1927. </div>
  1928. {% endfor %}
  1929. </div>
  1930. </div>
  1932. {# Bouton \"Charger plus\" #}
  1933. <button type=\"button\" class=\"jobs-load-more\" id=\"jobsLoadMore\" style=\"display:none;\">
  1934. <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"/></svg>
  1935. <span id=\"jobsLoadMoreLabel\">{{ \x27job.dashboard.loadMore\x27|trans }}</span>
  1936. </button>
  1938. {# Template HTML invisible cloné par le JS pour intercaler la promo card.
  1939. Affiché uniquement aux utilisateurs non connectés via la logique JS.
  1940. Les textes/bullets viennent automatiquement des clés job.show.promo* du YAML. #}
  1941. {% if app.user is null %}
  1942. {{ promo.card_template({
  1943. template_id: \x27jobs-promo-card-template\x27,
  1944. login_url: app.request.locale == \x27en\x27
  1945. ? path(\x27cvs_gestion_candidates_dashboard\x27)
  1946. : path(\x27locale_cvs_gestion_candidates_dashboard\x27,{\x27_locale\x27:app.request.locale})
  1947. }) }}
  1948. {% endif %}
  1950. </div>
  1951. {% endblock body %}
  1953. {% block footerjs %}
  1954. <script>
  1955. (function(){
  1956. \x27use strict\x27;
  1957. try {
  1959. var LOCALE = \x27{{ app.request.locale }}\x27;
  1960. var IS_AUTHENTICATED = {{ app.user ? \x27true\x27 : \x27false\x27 }};
  1962. var SEARCH_API_URL = \x27{{ app.request.locale == \"en\" ? path(\"cvs_application_jobs_api_search\") : path(\"locale_cvs_application_jobs_api_search\",{\"_locale\":app.request.locale}) }}\x27;
  1963. var JOB_SHOW_URL_TEMPLATE = \x27{{ app.request.locale == \"en\" ? path(\"cvs_application_jobs_api_search\",{\"slug\":\"__SLUG__\"}) : path(\"locale_cvs_application_job_show\",{\"_locale\":app.request.locale,\"slug\":\"__SLUG__\"}) }}\x27;
  1965. var PAGE_SIZE = 10;
  1966. var currentQuery = {{ initialQuery|default(\x27\x27)|json_encode|raw }};
  1967. var currentOffset = 0;
  1968. var currentTotal = 0;
  1969. var isFetching = false;
  1971. // Contexte ville (vient du serveur si on est sur /jobs/paris/... sinon vide)
  1972. var CITY_KEYWORD = {{ currentCityKeyword|default(\x27\x27)|json_encode|raw }};
  1974. // Slug ville pour générer les URLs de redirection au submit
  1975. var CITY_SLUG = {{ currentCityFilter is defined and currentCityFilter is not null ? currentCityFilter.slug|json_encode|raw : \x27null\x27 }};
  1977. // URL pour le dashboard global (sans ville)
  1978. var DASHBOARD_URL = \x27{{ app.request.locale == \"en\" ? path(\"whileresume_jobs_list\") : path(\"locale_whileresume_jobs_list\",{\"_locale\":app.request.locale}) }}\x27;
  1980. // Templates URL pour /jobs/{citySlug} et /jobs/{citySlug}/{keyword}
  1981. var CITY_LANDING_URL_TEMPLATE = {{ currentCityFilter is defined and currentCityFilter is not null
  1982. ? (app.request.locale == \x27en\x27
  1983. ? path(\x27cvs_application_jobs_filter\x27,{\x27slug\x27:currentCityFilter.slug})
  1984. : path(\x27locale_cvs_application_jobs_filter\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:currentCityFilter.slug}))|json_encode|raw
  1985. : \x27null\x27 }};
  1986. var CITY_KEYWORD_URL_TEMPLATE = {{ currentCityFilter is defined and currentCityFilter is not null
  1987. ? (app.request.locale == \x27en\x27
  1988. ? path(\x27cvs_application_jobs_filter_keyword\x27,{\x27slug\x27:currentCityFilter.slug,\x27keyword\x27:\x27kwplaceholder\x27})
  1989. : path(\x27locale_cvs_application_jobs_filter_keyword\x27,{\x27_locale\x27:app.request.locale,\x27slug\x27:currentCityFilter.slug,\x27keyword\x27:\x27kwplaceholder\x27}))|json_encode|raw
  1990. : \x27null\x27 }};
  1992. // Liste des keywords BDD avec leur slug (pour le matching côté client au submit)
  1993. var KEYWORDS_DATA = [
  1994. {% for kw in searchKeywords|default([]) %}
  1995. {% set kwSlugForJs = kw.label
  1996. |replace({
  1997. \x27à\x27:\x27a\x27,\x27â\x27:\x27a\x27,\x27ä\x27:\x27a\x27,\x27á\x27:\x27a\x27,\x27ã\x27:\x27a\x27,\x27å\x27:\x27a\x27,
  1998. \x27À\x27:\x27a\x27,\x27Â\x27:\x27a\x27,\x27Ä\x27:\x27a\x27,\x27Á\x27:\x27a\x27,\x27Ã\x27:\x27a\x27,\x27Å\x27:\x27a\x27,
  1999. \x27é\x27:\x27e\x27,\x27è\x27:\x27e\x27,\x27ê\x27:\x27e\x27,\x27ë\x27:\x27e\x27,\x27ẽ\x27:\x27e\x27,
  2000. \x27É\x27:\x27e\x27,\x27È\x27:\x27e\x27,\x27Ê\x27:\x27e\x27,\x27Ë\x27:\x27e\x27,
  2001. \x27î\x27:\x27i\x27,\x27ï\x27:\x27i\x27,\x27ì\x27:\x27i\x27,\x27í\x27:\x27i\x27,
  2002. \x27Î\x27:\x27i\x27,\x27Ï\x27:\x27i\x27,\x27Ì\x27:\x27i\x27,\x27Í\x27:\x27i\x27,
  2003. \x27ô\x27:\x27o\x27,\x27ö\x27:\x27o\x27,\x27ò\x27:\x27o\x27,\x27ó\x27:\x27o\x27,\x27õ\x27:\x27o\x27,\x27ø\x27:\x27o\x27,
  2004. \x27Ô\x27:\x27o\x27,\x27Ö\x27:\x27o\x27,\x27Ò\x27:\x27o\x27,\x27Ó\x27:\x27o\x27,\x27Õ\x27:\x27o\x27,\x27Ø\x27:\x27o\x27,
  2005. \x27û\x27:\x27u\x27,\x27ü\x27:\x27u\x27,\x27ù\x27:\x27u\x27,\x27ú\x27:\x27u\x27,
  2006. \x27Û\x27:\x27u\x27,\x27Ü\x27:\x27u\x27,\x27Ù\x27:\x27u\x27,\x27Ú\x27:\x27u\x27,
  2007. \x27ÿ\x27:\x27y\x27,\x27ý\x27:\x27y\x27,\x27Ÿ\x27:\x27y\x27,\x27Ý\x27:\x27y\x27,
  2008. \x27ç\x27:\x27c\x27,\x27Ç\x27:\x27c\x27,\x27ñ\x27:\x27n\x27,\x27Ñ\x27:\x27n\x27,
  2009. \x27œ\x27:\x27oe\x27,\x27Œ\x27:\x27oe\x27,\x27æ\x27:\x27ae\x27,\x27Æ\x27:\x27ae\x27,
  2010. \"\x27\":\x27-\x27,\x27 \x27:\x27-\x27,\x27/\x27:\x27-\x27,\x27_\x27:\x27-\x27,\x27.\x27:\x27-\x27,\x27,\x27:\x27-\x27,
  2011. \x27(\x27:\x27\x27,\x27*\x27:\x27\x27,\x27)\x27:\x27\x27,\x27&\x27:\x27-and-\x27,\x27+\x27:\x27-plus-\x27,
  2012. \x27#\x27:\x27\x27,\x27?\x27:\x27\x27,\x27!\x27:\x27\x27,\x27\"\x27:\x27\x27,\x27’\x27:\x27-\x27,\x27`\x27:\x27-\x27
  2013. })
  2014. |lower
  2015. |replace({\x27--\x27:\x27-\x27,\x27---\x27:\x27-\x27})
  2016. |trim(\x27-\x27) %}
  2017. { label: {{ kw.label|json_encode|raw }}, searchKeyword: {{ (kw.searchKeyword ?: kw.label)|json_encode|raw }}, slug: {{ kwSlugForJs|json_encode|raw }} }{% if not loop.last %},{% endif %}
  2018. {% endfor %}
  2019. ];
  2021. var input = document.getElementById(\x27dashSearchInput\x27);
  2022. var clearBtn = document.getElementById(\x27dashSearchClear\x27);
  2023. var listEl = document.getElementById(\x27jobsList\x27);
  2024. var infoEl = document.getElementById(\x27jobsResultsCount\x27);
  2025. var loadMoreBtn = document.getElementById(\x27jobsLoadMore\x27);
  2026. var loadMoreLabel = document.getElementById(\x27jobsLoadMoreLabel\x27);
  2028. function escapeHtml(s){
  2029. if(s == null) return \x27\x27;
  2030. return String(s).replace(/[&<>\"\x27]/g, function(c){
  2031. return {\x27&\x27:\x27&amp;\x27,\x27<\x27:\x27&lt;\x27,\x27>\x27:\x27&gt;\x27,\x27\"\x27:\x27&quot;\x27,\"\x27\":\x27&#39;\x27}[c];
  2032. });
  2033. }
  2035. function buildJobCard(item){
  2036. // Fallback logo : icône \"immeuble\" stylisée si pas de logo entreprise
  2037. var fallbackLogo =
  2038. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\x27 +
  2039. \x27<path d=\"M3 21h18\"/>\x27 +
  2040. \x27<path d=\"M5 21V7l8-4v18\"/>\x27 +
  2041. \x27<path d=\"M19 21V11l-6-4\"/>\x27 +
  2042. \x27<path d=\"M9 9h.01\"/>\x27 +
  2043. \x27<path d=\"M9 13h.01\"/>\x27 +
  2044. \x27<path d=\"M9 17h.01\"/>\x27 +
  2045. \x27</svg>\x27;
  2046. var logoHtml = item.logo
  2047. ? \x27<img src=\"\x27 + escapeHtml(item.logo) + \x27\" alt=\"\" onerror=\"this.parentNode.innerHTML=\\\x27\x27 + fallbackLogo.replace(/\x27/g, \"\\\\\x27\") + \x27\\\x27;\">\x27
  2048. : fallbackLogo;
  2049. var meta = [];
  2050. if(item.companyName) meta.push(escapeHtml(item.companyName));
  2051. if(item.city) meta.push(escapeHtml(item.city));
  2052. if(item.employmentType) meta.push(escapeHtml(item.employmentType));
  2054. var salaryHtml = (item.salaryMin && item.salaryMax)
  2055. ? \x27<span class=\"jobs-card-salary\">\x27 + item.salaryMin + \x27–\x27 + item.salaryMax + \x27 \x27 + escapeHtml(item.devise || \x27\x27) + \x27</span>\x27
  2056. : \x27\x27;
  2058. var url = item.url || JOB_SHOW_URL_TEMPLATE.replace(\x27__SLUG__\x27, encodeURIComponent(item.slug));
  2060. var a = document.createElement(\x27a\x27);
  2061. a.href = url;
  2062. a.className = \x27jobs-card\x27;
  2063. a.innerHTML =
  2064. \x27<div class=\"jobs-card-logo\">\x27 + logoHtml + \x27</div>\x27 +
  2065. \x27<div class=\"jobs-card-info\">\x27 +
  2066. \x27<div class=\"jobs-card-title\">\x27 + escapeHtml(item.title || \x27\x27) + \x27</div>\x27 +
  2067. \x27<div class=\"jobs-card-meta\">\x27 + meta.join(\x27 · \x27) + \x27</div>\x27 +
  2068. \x27</div>\x27 +
  2069. salaryHtml +
  2070. \x27<span class=\"jobs-card-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"/></svg></span>\x27;
  2071. return a;
  2072. }
  2074. /**
  2075. * Clone la promo card depuis le <template> rendu par la macro Twig.
  2076. * Le HTML est défini une seule fois dans _macros/promo_card.html.twig.
  2077. * Retourne null si le template n\x27est pas présent (ex: user connecté).
  2078. */
  2079. function buildPromoCard(){
  2080. var tpl = document.getElementById(\x27jobs-promo-card-template\x27);
  2081. if(!tpl || !tpl.content) return null;
  2082. var node = tpl.content.firstElementChild;
  2083. return node ? node.cloneNode(true) : null;
  2084. }
  2086. function renderEmpty(){
  2087. listEl.innerHTML =
  2088. \x27<div class=\"jobs-empty\">\x27 +
  2089. \x27<div class=\"jobs-empty-icon\">\x27 +
  2090. \x27<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>\x27 +
  2091. \x27</div>\x27 +
  2092. \x27<div class=\"jobs-empty-title\">{{ \x27job.dashboard.emptyTitle\x27|trans|escape(\x27js\x27) }}</div>\x27 +
  2093. \x27<div class=\"jobs-empty-text\">{{ \x27job.dashboard.emptyText\x27|trans|escape(\x27js\x27) }}</div>\x27 +
  2094. \x27</div>\x27;
  2095. }
  2097. function setLoadMoreState(state){
  2098. if(!loadMoreBtn) return;
  2099. if(state === \x27loading\x27){
  2100. loadMoreBtn.classList.add(\x27loading\x27);
  2101. loadMoreBtn.disabled = true;
  2102. loadMoreLabel.innerHTML = \x27<span class=\"jobs-load-spinner\"></span> {{ \x27job.dashboard.loadingMore\x27|trans|escape(\x27js\x27) }}\x27;
  2103. } else {
  2104. loadMoreBtn.classList.remove(\x27loading\x27);
  2105. loadMoreBtn.disabled = false;
  2106. loadMoreLabel.textContent = \x27{{ \x27job.dashboard.loadMore\x27|trans|escape(\x27js\x27) }}\x27;
  2107. }
  2108. }
  2110. function fetchJobs(query, offset, append){
  2111. if(isFetching) return;
  2112. isFetching = true;
  2114. if(!append){
  2115. // Nouvelle recherche : on remet à zéro et affiche skeleton
  2116. listEl.innerHTML =
  2117. \x27<div class=\"jobs-skeleton\">\x27 +
  2118. Array(5).fill(0).map(function(){
  2119. return \x27<div class=\"jobs-skel-card\"><div class=\"jobs-skel-logo\"></div><div class=\"jobs-skel-info\"><div class=\"jobs-skel-line s1\"></div><div class=\"jobs-skel-line s2\"></div></div></div>\x27;
  2120. }).join(\x27\x27) +
  2121. \x27</div>\x27;
  2122. if(infoEl) infoEl.textContent = \x27{{ \x27job.dashboard.loading\x27|trans|escape(\x27js\x27) }}\x27;
  2123. if(loadMoreBtn) loadMoreBtn.style.display = \x27none\x27;
  2124. } else {
  2125. setLoadMoreState(\x27loading\x27);
  2126. }
  2128. var url = SEARCH_API_URL + \x27?q=\x27 + encodeURIComponent(query || \x27\x27) + \x27&locale=\x27 + LOCALE + \x27&limit=\x27 + PAGE_SIZE + \x27&offset=\x27 + offset;
  2129. if(CITY_KEYWORD){ url += \x27&city=\x27 + encodeURIComponent(CITY_KEYWORD); }
  2130. // Dashboard sans filtre : on demande explicitement les dernières offres
  2131. if(!query && !CITY_KEYWORD){ url += \x27&all=1\x27; }
  2132. fetch(url, {headers:{\x27Accept\x27:\x27application/json\x27}})
  2133. .then(function(r){ return r.ok ? r.json() : null; })
  2134. .then(function(data){
  2135. isFetching = false;
  2136. if(!data){
  2137. if(!append) renderEmpty();
  2138. setLoadMoreState(\x27idle\x27);
  2139. return;
  2140. }
  2142. var items = data.items || [];
  2143. currentTotal = data.total || 0;
  2145. if(!append){
  2146. listEl.innerHTML = \x27\x27;
  2147. if(items.length === 0){
  2148. renderEmpty();
  2149. if(infoEl) infoEl.innerHTML = \x27<strong>0</strong> {{ \x27job.dashboard.resultsCount\x27|trans|escape(\x27js\x27) }}\x27;
  2150. if(loadMoreBtn) loadMoreBtn.style.display = \x27none\x27;
  2151. return;
  2152. }
  2153. }
  2155. // Insérer la promo card après la 5ème offre (uniquement au 1er chargement,
  2156. // si user non connecté et qu\x27on a au moins 5 offres)
  2157. var insertPromoAt = (!append && !IS_AUTHENTICATED && items.length >= 5) ? 5 : -1;
  2159. items.forEach(function(item, idx){
  2160. listEl.appendChild(buildJobCard(item));
  2161. if(idx === insertPromoAt - 1){
  2162. var promoNode = buildPromoCard();
  2163. if(promoNode) listEl.appendChild(promoNode);
  2164. }
  2165. });
  2167. currentOffset = offset + items.length;
  2169. if(infoEl){
  2170. infoEl.innerHTML = \x27<strong>\x27 + currentTotal + \x27</strong> {{ \x27job.dashboard.resultsCount\x27|trans|escape(\x27js\x27) }}\x27;
  2171. }
  2173. // Afficher / cacher \"Charger plus\"
  2174. if(loadMoreBtn){
  2175. if(currentOffset < currentTotal){
  2176. loadMoreBtn.style.display = \x27flex\x27;
  2177. } else {
  2178. loadMoreBtn.style.display = \x27none\x27;
  2179. }
  2180. setLoadMoreState(\x27idle\x27);
  2181. }
  2182. })
  2183. .catch(function(err){
  2184. isFetching = false;
  2185. console.error(\x27[whr-dash] fetch error\x27, err);
  2186. setLoadMoreState(\x27idle\x27);
  2187. });
  2188. }
  2190. /**
  2191. * Slugifie un texte côté client. DOIT produire EXACTEMENT le même slug
  2192. * que la méthode PHP slugify() du JobsController et que le filtre Twig
  2193. * utilisé pour rendre les chips.
  2194. */
  2195. function slugify(text){
  2196. if(!text) return \x27\x27;
  2197. var t = String(text);
  2198. // Pré-remplacements sémantiques
  2199. t = t.replace(/&/g, \x27-and-\x27).replace(/\\+/g, \x27-plus-\x27)
  2200. .replace(/[œŒ]/g, \x27oe\x27).replace(/[æÆ]/g, \x27ae\x27);
  2201. // Translitération accents → ASCII via NFD + strip diacritics
  2202. t = t.normalize ? t.normalize(\x27NFD\x27).replace(/[\\u0300-\\u036f]/g, \x27\x27) : t;
  2203. t = t.toLowerCase();
  2204. // Tout ce qui n\x27est pas a-z 0-9 → tiret
  2205. t = t.replace(/[^a-z0-9]+/g, \x27-\x27);
  2206. return t.replace(/^-+|-+\$/g, \x27\x27);
  2207. }
  2209. /**
  2210. * Tente de matcher un texte tapé avec un keyword en BDD (par slug ou label).
  2211. * Retourne l\x27objet keyword si trouvé, null sinon.
  2212. */
  2213. function findMatchingKeyword(text){
  2214. if(!text || !KEYWORDS_DATA || !KEYWORDS_DATA.length) return null;
  2215. var slug = slugify(text);
  2216. if(!slug) return null;
  2217. for(var i = 0; i < KEYWORDS_DATA.length; i++){
  2218. var kw = KEYWORDS_DATA[i];
  2219. // Match sur slug exact OU label/searchKeyword exact (case insensitive)
  2220. if(kw.slug === slug) return kw;
  2221. if(slugify(kw.searchKeyword) === slug) return kw;
  2222. }
  2223. return null;
  2224. }
  2226. /**
  2227. * Au submit : décide où rediriger l\x27utilisateur en fonction du contexte.
  2228. * - Si on est sur une ville et le texte matche un keyword BDD → /jobs/{ville}/{slug-kw}
  2229. * - Sinon si on est sur une ville → /jobs/{ville}?search={texte}
  2230. * - Sinon (pas de ville) → /jobs?q={texte}
  2231. * - Si texte vide ET ville définie → /jobs/{ville} (reset)
  2232. * - Si texte vide ET pas de ville → /jobs (reset)
  2233. */
  2234. function submitSearch(query){
  2235. query = (query || \x27\x27).trim();
  2237. // Reset (recherche vide)
  2238. if(!query){
  2239. if(CITY_SLUG && CITY_LANDING_URL_TEMPLATE){
  2240. window.location.href = CITY_LANDING_URL_TEMPLATE;
  2241. } else {
  2242. window.location.href = DASHBOARD_URL;
  2243. }
  2244. return;
  2245. }
  2247. // Cas 1 : on est sur une ville
  2248. if(CITY_SLUG && CITY_KEYWORD_URL_TEMPLATE){
  2249. var matched = findMatchingKeyword(query);
  2250. if(matched && matched.slug){
  2251. // Match BDD → URL slug propre /jobs/paris/developpeur
  2252. window.location.href = CITY_KEYWORD_URL_TEMPLATE.replace(\x27kwplaceholder\x27, encodeURIComponent(matched.slug));
  2253. return;
  2254. }
  2255. // Pas de match → fallback ?search=texte
  2256. window.location.href = CITY_LANDING_URL_TEMPLATE + \x27?search=\x27 + encodeURIComponent(query);
  2257. return;
  2258. }
  2260. // Cas 2 : pas de ville → dashboard global avec ?q=
  2261. window.location.href = DASHBOARD_URL + \x27?q=\x27 + encodeURIComponent(query);
  2262. }
  2264. /**
  2265. * Lance la search côté UI (sans redirection — utilisée pour les chips et
  2266. * pour la \"Charger plus\").
  2267. */
  2268. function startSearch(query){
  2269. currentQuery = query;
  2270. currentOffset = 0;
  2271. currentTotal = 0;
  2272. fetchJobs(query, 0, false);
  2273. // Update clear button
  2274. if(clearBtn){
  2275. if(query) clearBtn.classList.add(\x27visible\x27);
  2276. else clearBtn.classList.remove(\x27visible\x27);
  2277. }
  2278. // Update active chip (uniquement les chips qui sont des <button>, pas les <a>)
  2279. document.querySelectorAll(\x27button.search-keyword-chip\x27).forEach(function(c){
  2280. if(c.getAttribute(\x27data-keyword\x27) === query) c.classList.add(\x27active\x27);
  2281. else c.classList.remove(\x27active\x27);
  2282. });
  2283. }
  2285. // ═══ Submit-only : Entrée déclenche la search ET change l\x27URL ═══
  2286. if(input){
  2287. input.addEventListener(\x27keydown\x27, function(e){
  2288. if(e.key === \x27Enter\x27 || e.keyCode === 13){
  2289. e.preventDefault();
  2290. submitSearch(input.value);
  2291. }
  2292. });
  2293. // Affiche bouton clear si query initiale
  2294. if(input.value.trim()){
  2295. if(clearBtn) clearBtn.classList.add(\x27visible\x27);
  2296. }
  2297. }
  2299. // Bouton clear : reset complet → redirection vers /jobs ou /jobs/{ville}
  2300. if(clearBtn){
  2301. clearBtn.addEventListener(\x27click\x27, function(){
  2302. submitSearch(\x27\x27);
  2303. });
  2304. }
  2306. // Chips keywords (cas dashboard global, sans contexte ville → comportement local)
  2307. // En contexte ville, les chips sont des <a href> directs gérés par le navigateur.
  2308. document.querySelectorAll(\x27button.search-keyword-chip\x27).forEach(function(chip){
  2309. chip.addEventListener(\x27click\x27, function(){
  2310. var kw = chip.getAttribute(\x27data-keyword\x27);
  2311. if(!kw) return;
  2312. // Sur dashboard global : on submit (redirige vers /jobs?q=kw)
  2313. submitSearch(kw);
  2314. });
  2315. });
  2317. // Bouton \"Charger plus\"
  2318. if(loadMoreBtn){
  2319. loadMoreBtn.addEventListener(\x27click\x27, function(){
  2320. if(isFetching) return;
  2321. fetchJobs(currentQuery, currentOffset, true);
  2322. });
  2323. }
  2325. // ═══ Bouton \"Voir plus\" + Recherche live des chips ═══
  2326. /**
  2327. * Slugify simple côté UI pour matching tolérant aux accents
  2328. * (ex: \"developpeur\" matche \"Développeur\")
  2329. */
  2330. function dashSlug(str){
  2331. if(!str) return \x27\x27;
  2332. var t = String(str);
  2333. t = t.normalize ? t.normalize(\x27NFD\x27).replace(/[\\u0300-\\u036f]/g, \x27\x27) : t;
  2334. return t.toLowerCase().trim();
  2335. }
  2337. document.querySelectorAll(\x27.dash-filter-more-btn\x27).forEach(function(btn){
  2338. var targetId = btn.getAttribute(\x27data-target\x27);
  2339. var sectionId = btn.getAttribute(\x27data-section\x27);
  2340. var container = document.getElementById(targetId);
  2341. var section = sectionId ? document.getElementById(sectionId) : null;
  2342. if(!container) return;
  2343. var label = btn.querySelector(\x27.dash-filter-more-label\x27);
  2344. if(!label) return;
  2346. var initial = parseInt(container.getAttribute(\x27data-initial\x27), 10) || 14;
  2347. var items = container.querySelectorAll(\x27.dash-filter-item\x27);
  2348. var searchInput = section ? section.querySelector(\x27.dash-filter-search-input\x27) : null;
  2350. // 2 états indépendants :
  2351. // - userExpanded : l\x27utilisateur a cliqué sur \"Voir plus\"
  2352. // - searchActive : l\x27input contient du texte (auto-expand temporaire)
  2353. // Mode développé = userExpanded || searchActive
  2354. var userExpanded = false;
  2356. function isEffectivelyExpanded(){
  2357. var hasSearch = searchInput && searchInput.value.trim().length > 0;
  2358. return userExpanded || hasSearch;
  2359. }
  2361. function applyDisplay(){
  2362. var filterText = searchInput ? searchInput.value : \x27\x27;
  2363. var query = dashSlug(filterText || \x27\x27);
  2364. var expanded = isEffectivelyExpanded();
  2365. var visibleCount = 0;
  2367. items.forEach(function(it, i){
  2368. var label = it.getAttribute(\x27data-filter-label\x27) || \x27\x27;
  2369. var matches = !query || dashSlug(label).indexOf(query) !== -1;
  2371. if(expanded){
  2372. // Mode développé : on affiche tous les items qui matchent la recherche
  2373. it.style.display = matches ? \x27\x27 : \x27none\x27;
  2374. if(matches) visibleCount++;
  2375. } else {
  2376. // Mode collapsé : on affiche les N premiers (pas de filtrage)
  2377. it.style.display = (i < initial) ? \x27\x27 : \x27none\x27;
  2378. if(i < initial) visibleCount++;
  2379. }
  2380. });
  2382. // Toggle \"aucun résultat\" (uniquement quand recherche active)
  2383. if(query && visibleCount === 0){
  2384. container.classList.add(\x27is-no-results\x27);
  2385. } else {
  2386. container.classList.remove(\x27is-no-results\x27);
  2387. }
  2389. // Synchroniser le bouton \"Voir plus/moins\" avec l\x27état effectif
  2390. if(expanded){
  2391. btn.classList.add(\x27is-expanded\x27);
  2392. label.textContent = label.getAttribute(\x27data-less\x27);
  2393. } else {
  2394. btn.classList.remove(\x27is-expanded\x27);
  2395. label.textContent = label.getAttribute(\x27data-more\x27);
  2396. }
  2397. }
  2399. btn.addEventListener(\x27click\x27, function(){
  2400. userExpanded = !userExpanded;
  2401. if(!userExpanded){
  2402. // Reset input quand l\x27utilisateur collapse manuellement
  2403. if(searchInput){ searchInput.value = \x27\x27; }
  2404. // Scroll vers le bouton
  2405. btn.scrollIntoView({behavior:\x27smooth\x27, block:\x27nearest\x27});
  2406. }
  2407. applyDisplay();
  2408. });
  2410. // Recherche live dans les chips quand on tape dans l\x27input
  2411. // → auto-expand pendant la recherche, retour à l\x27état userExpanded quand on vide
  2412. if(searchInput){
  2413. searchInput.addEventListener(\x27input\x27, function(){
  2414. applyDisplay();
  2415. });
  2416. }
  2417. });
  2419. // Premier chargement (vide ou avec query initiale)
  2420. fetchJobs(currentQuery, 0, false);
  2422. } catch(err){
  2423. console.error(\x27[whr-dash] init error\x27, err);
  2424. }
  2425. })();
  2426. </script>
  2427. {% endblock footerjs %}
  2428. ", "application/whileresume/application/jobs/dashboard.html.twig", "/var/www/vhosts/whileresume.com/b.whileresume.app/templates/application/whileresume/application/jobs/dashboard.html.twig");
  2429. }
  2430. }