var/cache/dev/twig/08/0831a3b8c6883f31c20cc6b4093f03b5.php line 58

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\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* application/whileresume/application/jobs/show_en.html.twig */
  18. class __TwigTemplate_4ba3adcc16cbde8b23780a72aa4561a0 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'description' => [$this, 'block_description'],
  35.             'robots' => [$this, 'block_robots'],
  36.             'css' => [$this, 'block_css'],
  37.             'body' => [$this, 'block_body'],
  38.             'footerjs' => [$this, 'block_footerjs'],
  39.         ];
  40.     }
  42.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  43.     {
  44.         // line 1
  45.         return "vitrine/lexend/layout.html.twig";
  46.     }
  48.     protected function doDisplay(array $context, array $blocks = []): iterable
  49.     {
  50.         $macros = $this->macros;
  51.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/application/jobs/show_en.html.twig"));
  54.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/application/jobs/show_en.html.twig"));
  57.         $this->parent = $this->load("vitrine/lexend/layout.html.twig", 1);
  58.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  59.         
  60.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  62.         
  63.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  65.     }
  67.     // line 3
  68.     /**
  69.      * @return iterable<null|scalar|\Stringable>
  70.      */
  71.     public function block_title(array $context, array $blocks = []): iterable
  72.     {
  73.         $macros = $this->macros;
  74.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  75.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  77.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  78.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  80.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 3, $this->source); })()), "shortTitle", [], "any", false, false, false, 3), "html", null, true);
  81.         
  82.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  84.         
  85.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  87.         yield from [];
  88.     }
  90.     // line 4
  91.     /**
  92.      * @return iterable<null|scalar|\Stringable>
  93.      */
  94.     public function block_description(array $context, array $blocks = []): iterable
  95.     {
  96.         $macros = $this->macros;
  97.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  100.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  103.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 4, $this->source); })()), "shortDescription", [], "any", false, false, false, 4), "html", null, true);
  104.         
  105.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  107.         
  108.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  110.         yield from [];
  111.     }
  113.     // line 5
  114.     /**
  115.      * @return iterable<null|scalar|\Stringable>
  116.      */
  117.     public function block_robots(array $context, array $blocks = []): iterable
  118.     {
  119.         $macros = $this->macros;
  120.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  121.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  123.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  124.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  126.         yield "index,follow";
  127.         
  128.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  130.         
  131.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  133.         yield from [];
  134.     }
  136.     // line 11
  137.     /**
  138.      * @return iterable<null|scalar|\Stringable>
  139.      */
  140.     public function block_css(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", "css"));
  146.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  147.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  149.         // line 12
  150.         yield "    <style>
  151.         .wr-search-section{position:relative;z-index:2;width:100%;max-width:720px;margin:0 auto}
  152.         .wr-search-bar{display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px 24px rgba(108,58,237,.08),0 1px 3px rgba(0,0,0,.04);border:2px solid transparent;transition:border-color .3s,box-shadow .3s;cursor:pointer}
  153.         .wr-search-bar:hover,.wr-search-bar.active{border-color:rgba(108,58,237,.2);box-shadow:0 8px 32px rgba(108,58,237,.12),0 2px 6px rgba(0,0,0,.04)}
  154.         .wr-search-icon{padding:12px 14px;color:#9CA3AF;display:flex;align-items:center;flex-shrink:0}
  155.         .wr-search-input-wrapper{flex:1;position:relative;height:48px;display:flex;align-items:center;overflow:hidden}
  156.         .wr-search-real-input{width:100%;border:none;outline:none;font-size:16px;color:#1E1B2E;background:transparent;font-family:inherit}
  157.         .wr-search-real-input::placeholder{color:#9CA3AF}
  158.         .wr-search-btn{background:var(--color-primary,#6C3AED);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s,transform .15s;flex-shrink:0;font-family:inherit}
  159.         .wr-search-btn:hover{filter:brightness(1.1);transform:scale(1.02)}
  160.         @media(max-width:640px){.wr-search-btn span{display:none}.wr-search-btn{padding:12px 14px}}
  161.         .wr-search-results{position:relative;background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04);padding:0;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease,margin .5s ease,opacity .4s ease;z-index:10;opacity:0;margin-top:0}
  162.         .wr-search-results.visible{max-height:2000px;padding:8px;margin-top:12px;opacity:1}
  163.         .wr-result-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:background .2s,opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(8px);text-decoration:none;color:inherit}
  164.         .wr-result-item.show{opacity:1;transform:translateY(0)}
  165.         .wr-result-item:hover{background:#F5F3FF}
  166.         .wr-result-item+.wr-result-item{border-top:1px solid rgba(0,0,0,.04)}
  167.         .wr-result-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;font-weight:700}
  168.         .wr-result-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}
  169.         .wr-result-info{flex:1;text-align:left;min-width:0}
  170.         .wr-result-title{font-size:14px;font-weight:600;color:#1E1B2E;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  171.         .wr-result-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#9CA3AF;flex-wrap:wrap}
  172.         .wr-result-company{color:#4B5563;font-weight:500}
  173.         .wr-result-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}
  174.         .wr-badge-new{background:#DCFCE7;color:#16A34A}
  175.         .wr-result-salary{font-size:13px;font-weight:600;color:var(--color-primary,#6C3AED);white-space:nowrap}
  176.         .wr-result-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
  177.         .wr-loading{text-align:center;padding:30px 20px}
  178.         .wr-spinner{display:inline-block;width:28px;height:28px;border:3px solid rgba(108,58,237,.15);border-top-color:var(--color-primary,#6C3AED);border-radius:50%;animation:wrSpin .7s linear infinite}
  179.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  180.         .wr-empty-state{text-align:center;padding:40px 20px}
  181.         .wr-empty-icon{font-size:40px;margin-bottom:12px}
  182.         .wr-empty-title{font-size:16px;font-weight:600;color:#1E1B2E;margin:0 0 6px}
  183.         .wr-empty-text{font-size:14px;color:#9CA3AF;margin:0}
  184.         .wr-load-more{display:flex;justify-content:center;padding:12px 8px 4px}
  185.         .wr-load-more-btn{background:none;border:2px solid var(--color-primary,#6C3AED);color:var(--color-primary,#6C3AED);padding:8px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
  186.         .wr-load-more-btn:hover{background:var(--color-primary,#6C3AED);color:#fff}
  187.         .wr-load-more-btn:disabled{opacity:.5;cursor:not-allowed}
  188.         .wr-results-count{text-align:center;padding:10px;font-size:13px;color:#9CA3AF;border-top:1px solid rgba(0,0,0,.04);margin-top:4px}
  189.         .wr-results-count strong{color:var(--color-primary,#6C3AED)}
  190.         .wr-search-close-wrap{text-align:right;padding:4px 8px 0}
  191.         .wr-search-close-btn{background:none;border:1px solid rgba(0,0,0,.1);color:#9CA3AF;padding:4px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}
  192.         .wr-search-close-btn:hover{background:#F5F3FF;color:var(--color-primary,#6C3AED);border-color:rgba(108,58,237,.2)}
  194.         ";
  195.         // line 57
  196.         yield "        .job-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  197.         .job-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;background:#fff;border:1px solid rgba(0,0,0,.08);color:#4B5563}
  198.         .job-tag i,.job-tag svg{font-size:13px;color:var(--color-primary,#6C3AED);width:14px;height:14px}
  199.         .job-tag-salary{background:linear-gradient(135deg,#EDE9FE,#F5F3FF);border-color:rgba(108,58,237,.15);color:var(--color-primary,#6C3AED);font-weight:600}
  200.         .job-tag-external{background:#FFFBEB;border-color:rgba(245,158,11,.2);color:#92400E;font-size:12px}
  201.         .job-body-card{background:#fff;border-radius:20px;box-shadow:0 4px 32px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);padding:32px;max-width:780px;margin:0 auto}
  202.         @media(max-width:640px){.job-body-card{padding:20px;border-radius:16px}}
  203.         .job-section-title{font-size:15px;font-weight:700;color:var(--color-primary,#6C3AED);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;display:flex;align-items:center;gap:8px}
  204.         .job-section-title::before{content:'';display:inline-block;width:4px;height:18px;border-radius:2px;background:var(--color-primary,#6C3AED)}
  205.         .job-section-text{font-size:16px;line-height:1.75;color:#374151;margin:0}
  206.         .job-section-divider{border:none;border-top:1px solid rgba(0,0,0,.06);margin:24px 0}
  207.         .job-cta-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:24px 0 0}
  208.         .job-cta-main{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:14px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  209.         .job-cta-main.active{background:var(--color-primary,#6C3AED);color:#fff;box-shadow:0 4px 16px rgba(108,58,237,.25)}
  210.         .job-cta-main.active:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px rgba(108,58,237,.3)}
  211.         .job-cta-main.disabled{background:#E5E7EB;color:#9CA3AF;cursor:default;box-shadow:none;pointer-events:none}
  212.         .job-cta-company{display:inline-flex;align-items:center;gap:6px;padding:14px 24px;border-radius:14px;font-size:15px;font-weight:600;border:2px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  213.         .job-cta-company:hover{border-color:rgba(108,58,237,.2);color:var(--color-primary,#6C3AED)}
  214.         .job-locked-overlay{position:relative;margin-top:24px}
  215.         .job-locked-blur{filter:blur(6px);opacity:.4;pointer-events:none;user-select:none}
  216.         .job-locked-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.7);backdrop-filter:blur(3px);border-radius:16px;padding:20px}
  217.         .job-locked-title{font-size:18px;font-weight:700;color:#1E1B2E;text-align:center}
  218.         .job-locked-text{font-size:14px;color:#6B7280;text-align:center;max-width:360px}
  219.         .job-locked-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:var(--color-primary,#6C3AED);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  220.         .job-locked-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
  221.         .job-locked-login{font-size:13px;color:#6B7280}
  222.         .job-locked-login a{color:var(--color-primary,#6C3AED);font-weight:600;text-decoration:none}
  223.         .job-locked-login a:hover{text-decoration:underline}
  224.     </style>
  225. ";
  226.         
  227.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  229.         
  230.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  232.         yield from [];
  233.     }
  235.     // line 88
  236.     /**
  237.      * @return iterable<null|scalar|\Stringable>
  238.      */
  239.     public function block_body(array $context, array $blocks = []): iterable
  240.     {
  241.         $macros = $this->macros;
  242.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  243.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  245.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  246.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  248.         // line 89
  249.         yield "
  250.     <div id=\"hero_header\" class=\"hero-header section panel overflow-hidden\">
  251.         <div class=\"position-absolute top-0 start-0 end-0 h-screen dark:bg-gray-300 dark:bg-opacity-15 rounded-bottom-2 lg:rounded-bottom-5\"></div>
  252.         <div class=\"section-outer panel py-8 lg:py-9 xl:py-10\">
  253.             <div class=\"container\">
  254.                 <div class=\"section-inner panel\">
  255.                     <div class=\"d-none xl:d-block\">
  256.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 5%; left: 5%\" data-anime=\"translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  257.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 20%; left: 10%\" data-anime=\"translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  258.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 35%; left: 0%\" data-anime=\"translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  259.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 5%; right: 5%\" data-anime=\"translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  260.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 20%; right: 10%\" data-anime=\"translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  261.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 35%; right: 0%\" data-anime=\"translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  262.                     </div>
  263.                     <div class=\"row child-cols-12 justify-center items-center g-8\">
  264.                         <div class=\"lg:col-12\">
  265.                             <div class=\"panel vstack gap-4 lg:gap-6\">
  266.                                 <div class=\"panel vstack justify-center items-center gap-2 px-2 pt-4 text-center\">
  267.                                     <span class=\"fs-6 fw-bold text-uppercase text-primary\">";
  268.         // line 107
  269.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 107, $this->source); })()), "companyName", [], "any", false, false, false, 107), "html", null, true);
  270.         yield " is hiring</span>
  271.                                     <h1 class=\"h3 md:h2 lg:display-4 m-0\">";
  272.         // line 108
  273.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 108, $this->source); })()), "jobtitle", [], "any", false, false, false, 108), "html", null, true);
  274.         yield "</h1>
  275.                                 </div>
  277.                                 <div class=\"wr-search-section\" id=\"wrSearchSection\">
  278.                                     <div class=\"wr-search-bar\" id=\"wrSearchBar\">
  279.                                         <div class=\"wr-search-icon\">
  280.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  281.                                         </div>
  282.                                         <div class=\"wr-search-input-wrapper\">
  283.                                             <input type=\"text\" id=\"wrSearchInput\" class=\"wr-search-real-input\" placeholder=\"Search for a job, company, or city...\" autocomplete=\"off\">
  284.                                         </div>
  285.                                         <button class=\"wr-search-btn\" id=\"wrSearchBtn\">
  286.                                             <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  287.                                             <span>Search</span>
  288.                                         </button>
  289.                                     </div>
  290.                                 </div>
  292.                                 <div class=\"wr-search-results\" id=\"wrSearchResults\">
  293.                                     <div class=\"wr-search-close-wrap\">
  294.                                         <button class=\"wr-search-close-btn\" id=\"wrSearchClose\">✕ Close</button>
  295.                                     </div>
  296.                                     <div id=\"wrJobsList\"></div>
  297.                                     <div id=\"wrLoading\" class=\"wr-loading\" style=\"display:none;\">
  298.                                         <div class=\"wr-spinner\"></div>
  299.                                     </div>
  300.                                     <div id=\"wrEmptyState\" class=\"wr-empty-state\" style=\"display:none;\">
  301.                                         <div class=\"wr-empty-icon\">🔍</div>
  302.                                         <p class=\"wr-empty-title\">No jobs match your search</p>
  303.                                         <p class=\"wr-empty-text\">Try different keywords</p>
  304.                                     </div>
  305.                                     <div id=\"wrLoadMore\" class=\"wr-load-more\" style=\"display:none;\">
  306.                                         <button class=\"wr-load-more-btn\" id=\"wrLoadMoreBtn\">Show more jobs</button>
  307.                                     </div>
  308.                                     <div class=\"wr-results-count\" id=\"wrResultsCount\" style=\"display:none;\">
  309.                                         <strong id=\"wrTotalCount\">0</strong> jobs found
  310.                                     </div>
  311.                                 </div>
  313.                             </div>
  314.                         </div>
  315.                     </div>
  316.                 </div>
  317.             </div>
  318.         </div>
  319.     </div>
  321.     ";
  322.         // line 158
  323.         yield "    <div id=\"job_details\" class=\"job-details section panel pb-6 xl:pb-9\">
  324.         <div class=\"section-outer panel\">
  325.             <div class=\"container max-w-lg\">
  326.                 <div class=\"section-inner panel\">
  328.                     ";
  329.         // line 164
  330.         yield "                    <div class=\"job-tags mb-4\" style=\"margin-top:-10px;\">
  331.                         ";
  332.         // line 165
  333.         if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 165, $this->source); })()), "companyName", [], "any", false, false, false, 165))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  334.             // line 166
  335.             yield "                            <span class=\"job-tag\">
  336.                                 <svg width=\"14\" height=\"14\" 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>
  337.                                 ";
  338.             // line 168
  339.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 168, $this->source); })()), "companyName", [], "any", false, false, false, 168), "html", null, true);
  340.             yield "
  341.                             </span>
  342.                         ";
  343.         }
  344.         // line 171
  345.         yield "                        ";
  346.         if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 171, $this->source); })()), "employmentType", [], "any", false, false, false, 171))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  347.             // line 172
  348.             yield "                            <span class=\"job-tag\">
  349.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\"/></svg>
  350.                                 ";
  351.             // line 174
  352.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 174, $this->source); })()), "employmentType", [], "any", false, false, false, 174), "html", null, true);
  353.             yield "
  354.                             </span>
  355.                         ";
  356.         }
  357.         // line 177
  358.         yield "                        ";
  359.         if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 177, $this->source); })()), "city", [], "any", false, false, false, 177))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  360.             // line 178
  361.             yield "                            <span class=\"job-tag\">
  362.                                 <svg width=\"14\" height=\"14\" 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>
  363.                                 ";
  364.             // line 180
  365.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 180, $this->source); })()), "city", [], "any", false, false, false, 180), "html", null, true);
  366.             if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 180, $this->source); })()), "country", [], "any", false, false, false, 180))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  367.                 yield ", ";
  368.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 180, $this->source); })()), "country", [], "any", false, false, false, 180), "html", null, true);
  369.             }
  370.             // line 181
  371.             yield "                            </span>
  372.                         ";
  373.         }
  374.         // line 183
  375.         yield "                        ";
  376.         if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 183, $this->source); })()), "remoteWork", [], "any", false, false, false, 183))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  377.             // line 184
  378.             yield "                            <span class=\"job-tag\">
  379.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M8 21h8M12 17v4\"/></svg>
  380.                                 ";
  381.             // line 186
  382.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 186, $this->source); })()), "remoteWork", [], "any", false, false, false, 186), "html", null, true);
  383.             yield "
  384.                             </span>
  385.                         ";
  386.         }
  387.         // line 189
  388.         yield "                        ";
  389.         if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 189, $this->source); })()), "experienceLevel", [], "any", false, false, false, 189))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  390.             // line 190
  391.             yield "                            <span class=\"job-tag\">
  392.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"/><path d=\"M22 4L12 14.01l-3-3\"/></svg>
  393.                                 +";
  394.             // line 192
  395.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 192, $this->source); })()), "experienceLevel", [], "any", false, false, false, 192), "html", null, true);
  396.             yield " years experience
  397.                             </span>
  398.                         ";
  399.         }
  400.         // line 195
  401.         yield "                        ";
  402.         if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 195, $this->source); })()), "salaryPeriod", [], "any", false, false, false, 195))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  403.             // line 196
  404.             yield "                            <span class=\"job-tag job-tag-salary\">
  405.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"/></svg>
  406.                                 ";
  407.             // line 198
  408.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 198, $this->source); })()), "salaryMin", [], "any", false, false, false, 198), "html", null, true);
  409.             yield " – ";
  410.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 198, $this->source); })()), "salaryMax", [], "any", false, false, false, 198), "html", null, true);
  411.             yield " ";
  412.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 198, $this->source); })()), "devise", [], "any", false, false, false, 198), "html", null, true);
  413.             yield "/";
  414.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 198, $this->source); })()), "salaryPeriod", [], "any", false, false, false, 198), "html", null, true);
  415.             yield "
  416.                             </span>
  417.                         ";
  418.         }
  419.         // line 201
  420.         yield "                        ";
  421.         if ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 201, $this->source); })()), "verification", [], "any", false, false, false, 201) == 0)) {
  422.             // line 202
  423.             yield "                            <span class=\"job-tag job-tag-external\">
  424.                                 ⚡ Indexed listing — external source
  425.                             </span>
  426.                         ";
  427.         }
  428.         // line 206
  429.         yield "                    </div>
  431.                     ";
  432.         // line 209
  433.         yield "                    <div class=\"job-body-card\">
  435.                         ";
  436.         // line 212
  437.         yield "                        ";
  438.         if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 212, $this->source); })()), "jobSummary", [], "any", false, false, false, 212))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  439.             // line 213
  440.             yield "                            <div class=\"job-section-title\">Job overview</div>
  441.                             <p class=\"job-section-text\">";
  442.             // line 214
  443.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 214, $this->source); })()), "jobSummary", [], "any", false, false, false, 214), "html", null, true);
  444.             yield "</p>
  445.                         ";
  446.         }
  447.         // line 216
  448.         yield "
  449.                         ";
  450.         // line 217
  451.         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.', 217, $this->source); })()), "user", [], "any", false, false, false, 217))) {
  452.             // line 218
  453.             yield "                            <hr class=\"job-section-divider\">
  454.                             <div class=\"job-section-title\">Responsibilities</div>
  455.                             <p class=\"job-section-text\">Find here the full details of the responsibilities for this role: daily tasks, projects to lead, goals to achieve and scope of work within the team. Everything you need to picture yourself in the role and know exactly what to expect from day one.</p>
  457.                             <hr class=\"job-section-divider\">
  458.                             <div class=\"job-section-title\">Required profile</div>
  459.                             <p class=\"job-section-text\">Access the technical and interpersonal skills expected by the recruiter, the required experience level, valued qualifications and personal qualities sought. Check at a glance whether your profile matches this opportunity before applying.</p>
  461.                             <hr class=\"job-section-divider\">
  462.                             <div class=\"job-section-title\">Benefits</div>
  463.                             <p class=\"job-section-text\">Discover what the company offers its employees: remote work policy, health coverage, bonuses, continuous training, work environment and growth opportunities. All the information you need to compare this offer with your expectations and make the right choice.</p>
  465.                         ";
  466.         }
  467.         // line 231
  468.         yield "
  469.                         ";
  470.         // line 232
  471.         if ((($tmp =  !(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.', 232, $this->source); })()), "user", [], "any", false, false, false, 232))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  472.             // line 233
  473.             yield "                            ";
  474.             // line 234
  475.             yield "
  476.                             ";
  477.             // line 235
  478.             if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 235, $this->source); })()), "keyResponsabilities", [], "any", false, false, false, 235))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  479.                 // line 236
  480.                 yield "                                <hr class=\"job-section-divider\">
  481.                                 <div class=\"job-section-title\">Responsibilities</div>
  482.                                 <p class=\"job-section-text\">";
  483.                 // line 238
  484.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 238, $this->source); })()), "keyResponsabilities", [], "any", false, false, false, 238), "html", null, true);
  485.                 yield "</p>
  486.                             ";
  487.             }
  488.             // line 240
  489.             yield "
  490.                             ";
  491.             // line 241
  492.             if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 241, $this->source); })()), "requirements", [], "any", false, false, false, 241))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  493.                 // line 242
  494.                 yield "                                <hr class=\"job-section-divider\">
  495.                                 <div class=\"job-section-title\">Required profile</div>
  496.                                 <p class=\"job-section-text\">";
  497.                 // line 244
  498.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 244, $this->source); })()), "requirements", [], "any", false, false, false, 244), "html", null, true);
  499.                 yield "</p>
  500.                             ";
  501.             }
  502.             // line 246
  503.             yield "
  504.                             ";
  505.             // line 247
  506.             if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 247, $this->source); })()), "benefits", [], "any", false, false, false, 247))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  507.                 // line 248
  508.                 yield "                                <hr class=\"job-section-divider\">
  509.                                 <div class=\"job-section-title\">Benefits</div>
  510.                                 <p class=\"job-section-text\">";
  511.                 // line 250
  512.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 250, $this->source); })()), "benefits", [], "any", false, false, false, 250), "html", null, true);
  513.                 yield "</p>
  514.                             ";
  515.             }
  516.             // line 252
  517.             yield "
  518.                             ";
  519.             // line 254
  520.             yield "                            <div class=\"job-cta-bar\">
  522.                                 ";
  523.             // line 256
  524.             if ((($tmp =  !(null === 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.', 256, $this->source); })()), "user", [], "any", false, false, false, 256), "candidate", [], "any", false, false, false, 256))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  525.                 // line 257
  526.                 yield "                                    <a href=\"";
  527.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_job_like", ["slug" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 257, $this->source); })()), "slug", [], "any", false, false, false, 257)]), "html", null, true);
  528.                 yield "\" class=\"job-cta-main active\">
  529.                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"/></svg>
  530.                                         I'm interested
  531.                                     </a>
  532.                                 ";
  533.             }
  534.             // line 262
  535.             yield "
  536.                                 ";
  537.             // line 263
  538.             if (((CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 263, $this->source); })()), "websearch", [], "any", false, false, false, 263) == 1) &&  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 263, $this->source); })()), "website", [], "any", false, false, false, 263)))) {
  539.                 // line 264
  540.                 yield "                                    <a href=\"";
  541.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 264, $this->source); })()), "website", [], "any", false, false, false, 264), "html", null, true);
  542.                 yield "\" target=\"_blank\" class=\"job-cta-main active\">
  543.                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg>
  544.                                         Apply
  545.                                     </a>
  546.                                 ";
  547.             }
  548.             // line 269
  549.             yield "
  550.                                 ";
  551.             // line 270
  552.             if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 270, $this->source); })()), "enterprise", [], "any", false, false, false, 270))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  553.                 // line 271
  554.                 yield "                                    <a href=\"";
  555.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_company_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 271, $this->source); })()), "enterprise", [], "any", false, false, false, 271), "slug", [], "any", false, false, false, 271)]), "html", null, true);
  556.                 yield "\" class=\"job-cta-company\">
  557.                                         <svg width=\"16\" height=\"16\" 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>
  558.                                         View other listings
  559.                                     </a>
  560.                                 ";
  561.             }
  562.             // line 276
  563.             yield "                            </div>
  565.                         ";
  566.         } else {
  567.             // line 279
  568.             yield "                            ";
  569.             // line 280
  570.             yield "
  571.                             ";
  572.             // line 282
  573.             yield "                            <div class=\"job-locked-overlay\">
  574.                                 <div class=\"job-locked-blur\">
  575.                                     <hr class=\"job-section-divider\">
  576.                                     <div class=\"job-section-title\">Responsibilities</div>
  577.                                     <p class=\"job-section-text\">Discover the main responsibilities of this role, daily tasks and projects you will be working on within the team...</p>
  578.                                     <hr class=\"job-section-divider\">
  579.                                     <div class=\"job-section-title\">Required profile</div>
  580.                                     <p class=\"job-section-text\">Technical and soft skills required, expected experience level, valued qualifications and certifications for this role...</p>
  581.                                     <hr class=\"job-section-divider\">
  582.                                     <div class=\"job-section-title\">Benefits</div>
  583.                                     <p class=\"job-section-text\">Remote work, health insurance, meal vouchers, continuous training, work environment and career growth within the company...</p>
  584.                                 </div>
  585.                                 <div class=\"job-locked-cta\">
  586.                                     <div style=\"font-size:32px;\">🔓</div>
  587.                                     <div class=\"job-locked-title\">Unlock the full listing</div>
  588.                                     <div class=\"job-locked-text\">Create your profile in 2 minutes to access responsibilities, benefits and apply directly</div>
  589.                                     <a href=\"";
  590.             // line 298
  591.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_register");
  592.             yield "\" class=\"job-locked-btn\">
  593.                                         Create my profile for free
  594.                                         <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17l9.2-9.2M17 17V7H7\"/></svg>
  595.                                     </a>
  596.                                     <div class=\"job-locked-login\">Already registered? <a href=\"";
  597.             // line 302
  598.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_login");
  599.             yield "\">Log in</a></div>
  600.                                 </div>
  601.                             </div>
  603.                         ";
  604.         }
  605.         // line 307
  606.         yield "
  609.                     </div>
  611.                 </div>
  612.             </div>
  613.         </div>
  614.     </div>
  617.     ";
  618.         // line 318
  619.         if ((($tmp =  !(null === (isset($context["othersJobs"]) || array_key_exists("othersJobs", $context) ? $context["othersJobs"] : (function () { throw new RuntimeError('Variable "othersJobs" does not exist.', 318, $this->source); })()))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  620.             // line 319
  621.             yield "        <div id=\"openings\" class=\"career-openings section panel overflow-hidden pb-6 xl:pb-9\">
  622.             <div class=\"section-outer panel py-6 xl:py-9 bg-secondary dark:bg-gray-800\">
  623.                 <div class=\"container max-w-lg\">
  624.                     <div class=\"section-inner panel\">
  625.                         <div class=\"panel vstack justify-center gap-4 sm:gap-6 xl:gap-8\">
  627.                             <h2 class=\"h4 sm:h2 m-0 text-center\" data-anime=\"onview: -100; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;\">
  628.                                 Job openings at ";
  629.             // line 326
  630.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::capitalize($this->env->getCharset(), Twig\Extension\CoreExtension::lower($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["job"]) || array_key_exists("job", $context) ? $context["job"] : (function () { throw new RuntimeError('Variable "job" does not exist.', 326, $this->source); })()), "enterprise", [], "any", false, false, false, 326), "companyName", [], "any", false, false, false, 326))), "html", null, true);
  631.             yield "
  632.                             </h2>
  634.                             <div class=\"panel\">
  636.                                 <div class=\"panel\">
  637.                                     <div class=\"row child-cols-12 sm:child-cols-6 col-match g-2 sm:g-3 uc-grid\">
  638.                                         ";
  639.             // line 333
  640.             $context['_parent'] = $context;
  641.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["othersJobs"]) || array_key_exists("othersJobs", $context) ? $context["othersJobs"] : (function () { throw new RuntimeError('Variable "othersJobs" does not exist.', 333, $this->source); })()));
  642.             foreach ($context['_seq'] as $context["_key"] => $context["oj"]) {
  643.                 // line 334
  644.                 yield "                                            <div class=\"panel\">
  645.                                                 <div class=\"panel vstack justify-end items-end gap-1 p-3 rounded lg:rounded-2 bg-white dark:bg-gray-800\">
  646.                                                     <div class=\"vstack gap-narrow\">
  647.                                                         <h5 class=\"h6 lg:h5 m-0\">";
  648.                 // line 337
  649.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["oj"], "jobTitle", [], "any", false, false, false, 337), "html", null, true);
  650.                 yield "</h5>
  651.                                                         <span class=\"fs-6 text-dark dark:text-white text-opacity-70\">";
  652.                 // line 338
  653.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["oj"], "city", [], "any", false, false, false, 338), "html", null, true);
  654.                 yield "</span>
  655.                                                     </div>
  656.                                                     <a href=\"";
  657.                 // line 340
  658.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_job_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["oj"], "slug", [], "any", false, false, false, 340)]), "html", null, true);
  659.                 yield "\" class=\"uc-link fs-7 fw-bold d-inline-flex items-center gap-narrow border-bottom pb-narrow\">
  660.                                                         <span>Apply</span>
  661.                                                         <i class=\"icon icon-narrow unicon-arrow-up-right fw-bold rtl:-rotate-90\"></i>
  662.                                                     </a>
  663.                                                 </div>
  664.                                             </div>
  666.                                         ";
  667.             }
  668.             $_parent = $context['_parent'];
  669.             unset($context['_seq'], $context['_key'], $context['oj'], $context['_parent']);
  670.             $context = array_intersect_key($context, $_parent) + $_parent;
  671.             // line 348
  672.             yield "                                    </div>
  673.                                 </div>
  675.                             </div>
  676.                         </div>
  677.                     </div>
  678.                 </div>
  679.             </div>
  680.         </div>
  681.     ";
  682.         }
  683.         // line 358
  684.         yield "
  686.     ";
  687.         // line 360
  688.         if ((array_key_exists("similarJobs", $context) &&  !Twig\Extension\CoreExtension::testEmpty((isset($context["similarJobs"]) || array_key_exists("similarJobs", $context) ? $context["similarJobs"] : (function () { throw new RuntimeError('Variable "similarJobs" does not exist.', 360, $this->source); })())))) {
  689.             // line 361
  690.             yield "        <div id=\"similar_jobs\" class=\"similar-jobs section panel overflow-hidden pb-6 xl:pb-9\">
  691.             <div class=\"section-outer panel py-6 xl:py-9\">
  692.                 <div class=\"container max-w-lg\">
  693.                     <div class=\"section-inner panel\">
  694.                         <div class=\"panel vstack justify-center gap-4 sm:gap-6 xl:gap-8\">
  696.                             <div class=\"vstack items-center text-center gap-1\">
  697.                                 <h2 class=\"h4 sm:h2 m-0\">Similar jobs</h2>
  698.                             </div>
  700.                             <div class=\"panel\">
  701.                                 <div class=\"row child-cols-12 sm:child-cols-6 lg:child-cols-4 col-match g-2 sm:g-3\">
  702.                                     ";
  703.             // line 373
  704.             $context['_parent'] = $context;
  705.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["similarJobs"]) || array_key_exists("similarJobs", $context) ? $context["similarJobs"] : (function () { throw new RuntimeError('Variable "similarJobs" does not exist.', 373, $this->source); })()));
  706.             foreach ($context['_seq'] as $context["_key"] => $context["sj"]) {
  707.                 // line 374
  708.                 yield "                                        <div class=\"panel\">
  709.                                             <a href=\"";
  710.                 // line 375
  711.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_application_job_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "slug", [], "any", false, false, false, 375)]), "html", null, true);
  712.                 yield "\" class=\"panel vstack gap-2 p-3 rounded-2 bg-white dark:bg-gray-800 h-100\" style=\"box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.06); text-decoration: none; color: inherit; transition: box-shadow 0.2s ease, transform 0.2s ease;\" onmouseover=\"this.style.boxShadow='0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06)'; this.style.transform='translateY(-2px)';\" onmouseout=\"this.style.boxShadow='0 2px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04)'; this.style.transform='translateY(0)';\">
  714.                                                 ";
  715.                 // line 378
  716.                 yield "                                                ";
  717.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "companyName", [], "any", false, false, false, 378))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  718.                     // line 379
  719.                     yield "                                                    <div class=\"hstack gap-1 items-center\">
  720.                                                         <div class=\"cstack w-32px h-32px rounded-1 bg-secondary\" style=\"min-width: 32px;\">
  721.                                                             <i class=\"icon-narrow unicon-portfolio text-primary\" style=\"font-size: 14px;\"></i>
  722.                                                         </div>
  723.                                                         <span class=\"fs-7 fw-bold text-dark text-opacity-50\" style=\"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">";
  724.                     // line 383
  725.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "companyName", [], "any", false, false, false, 383), "html", null, true);
  726.                     yield "</span>
  727.                                                     </div>
  728.                                                 ";
  729.                 }
  730.                 // line 386
  731.                 yield "
  732.                                                 ";
  733.                 // line 388
  734.                 yield "                                                <h5 class=\"h6 lg:h5 m-0\" style=\"line-height: 1.4;\">";
  735.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "jobTitle", [], "any", false, false, false, 388), "html", null, true);
  736.                 yield "</h5>
  738.                                                 ";
  739.                 // line 391
  740.                 yield "                                                <div class=\"vstack gap-narrow mt-auto\">
  741.                                                     ";
  742.                 // line 392
  743.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "city", [], "any", false, false, false, 392))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  744.                     // line 393
  745.                     yield "                                                        <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  746.                                                             <i class=\"icon-narrow unicon-location\" style=\"font-size: 12px;\"></i>
  747.                                                             <span>";
  748.                     // line 395
  749.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "city", [], "any", false, false, false, 395), "html", null, true);
  750.                     if ((($tmp =  !(null === CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "country", [], "any", false, false, false, 395))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  751.                         yield ", ";
  752.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "country", [], "any", false, false, false, 395), "html", null, true);
  753.                     }
  754.                     yield "</span>
  755.                                                         </div>
  756.                                                     ";
  757.                 }
  758.                 // line 398
  759.                 yield "                                                    ";
  760.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "employmentType", [], "any", false, false, false, 398))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  761.                     // line 399
  762.                     yield "                                                        <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  763.                                                             <i class=\"icon-narrow unicon-portfolio\" style=\"font-size: 12px;\"></i>
  764.                                                             <span>";
  765.                     // line 401
  766.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "employmentType", [], "any", false, false, false, 401), "html", null, true);
  767.                     yield "</span>
  768.                                                         </div>
  769.                                                     ";
  770.                 }
  771.                 // line 404
  772.                 yield "                                                    ";
  773.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "remoteWork", [], "any", false, false, false, 404))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  774.                     // line 405
  775.                     yield "                                                        <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  776.                                                             <i class=\"icon-narrow unicon-laptop\" style=\"font-size: 12px;\"></i>
  777.                                                             <span>";
  778.                     // line 407
  779.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "remoteWork", [], "any", false, false, false, 407), "html", null, true);
  780.                     yield "</span>
  781.                                                         </div>
  782.                                                     ";
  783.                 }
  784.                 // line 410
  785.                 yield "                                                </div>
  787.                                                 ";
  788.                 // line 413
  789.                 yield "                                                ";
  790.                 if ((($tmp =  !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "category", [], "any", false, false, false, 413))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  791.                     // line 414
  792.                     yield "                                                    <div class=\"hstack gap-narrow flex-wrap mt-1\">
  793.                                                         <span class=\"px-1 py-narrow fs-8 fw-bold rounded bg-secondary text-primary\" style=\"white-space: nowrap;\">";
  794.                     // line 415
  795.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sj"], "category", [], "any", false, false, false, 415), "html", null, true);
  796.                     yield "</span>
  797.                                                     </div>
  798.                                                 ";
  799.                 }
  800.                 // line 418
  801.                 yield "
  802.                                                 ";
  803.                 // line 420
  804.                 yield "                                                <div class=\"hstack items-center gap-narrow mt-1 fs-7 fw-bold text-primary\">
  805.                                                     <span>View listing</span>
  806.                                                     <i class=\"icon icon-narrow unicon-arrow-up-right fw-bold\" style=\"font-size: 12px;\"></i>
  807.                                                 </div>
  809.                                             </a>
  810.                                         </div>
  811.                                     ";
  812.             }
  813.             $_parent = $context['_parent'];
  814.             unset($context['_seq'], $context['_key'], $context['sj'], $context['_parent']);
  815.             $context = array_intersect_key($context, $_parent) + $_parent;
  816.             // line 428
  817.             yield "                                </div>
  818.                             </div>
  820.                         </div>
  821.                     </div>
  822.                 </div>
  823.             </div>
  824.         </div>
  825.     ";
  826.         }
  827.         // line 437
  828.         yield "
  831. ";
  832.         
  833.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  835.         
  836.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  838.         yield from [];
  839.     }
  841.     // line 442
  842.     /**
  843.      * @return iterable<null|scalar|\Stringable>
  844.      */
  845.     public function block_footerjs(array $context, array $blocks = []): iterable
  846.     {
  847.         $macros = $this->macros;
  848.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  849.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  851.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  852.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  854.         // line 443
  855.         yield "    <script>
  856.         (function(){
  858.             var JOB_BASE_URL = '/job/';
  859.     var SEARCH_API = '";
  860.         // line 447
  861.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("api_jobs_search");
  862.         yield "';
  864.     var palette = [
  865.         {bg:'#EDE9FE',color:'#7C3AED'},{bg:'#DBEAFE',color:'#2563EB'},
  866.         {bg:'#D1FAE5',color:'#059669'},{bg:'#FEF3C7',color:'#D97706'},
  867.         {bg:'#FCE7F3',color:'#DB2777'},{bg:'#FEE2E2',color:'#DC2626'},
  868.         {bg:'#E0E7FF',color:'#4338CA'},{bg:'#CCFBF1',color:'#0D9488'}
  869.     ];
  870.     function getColor(name){
  871.         var h=0;for(var i=0;i<name.length;i++) h=name.charCodeAt(i)+((h<<5)-h);
  872.         return palette[Math.abs(h)%palette.length];
  873.     }
  875.     var searchInput = document.getElementById('wrSearchInput');
  876.     var searchBtn = document.getElementById('wrSearchBtn');
  877.     var searchResults = document.getElementById('wrSearchResults');
  878.     var searchClose = document.getElementById('wrSearchClose');
  879.     var jobsList = document.getElementById('wrJobsList');
  880.     var loading = document.getElementById('wrLoading');
  881.     var emptyState = document.getElementById('wrEmptyState');
  882.     var loadMoreWrap = document.getElementById('wrLoadMore');
  883.     var loadMoreBtn = document.getElementById('wrLoadMoreBtn');
  884.     var resultsCount = document.getElementById('wrResultsCount');
  885.     var totalCountEl = document.getElementById('wrTotalCount');
  887.     var currentQuery = '';
  888.     var currentOffset = 0;
  889.     var LIMIT = 10;
  890.     var isLoading = false;
  891.     var debounceTimer;
  893.     function renderJob(job){
  894.         var col = getColor(job.companyName);
  895.         var logoHtml;
  896.         if(job.image){
  897.             logoHtml = '<div class=\"wr-result-logo\"><img src=\"'+job.image+'\" alt=\"'+job.companyName+'\"></div>';
  898.         } else {
  899.             logoHtml = '<div class=\"wr-result-logo\" style=\"background:'+col.bg+';color:'+col.color+';\">'+(job.logo || job.companyName.charAt(0).toUpperCase())+'</div>';
  900.         }
  902.         var badgeHtml = '';
  903.         if(job.isNew) badgeHtml = '<span class=\"wr-result-badge wr-badge-new\">Nouveau</span>';
  905.         var salaryHtml = job.salary ? '<span class=\"wr-result-salary\">'+job.salary+'</span>' : '';
  907.         var remoteHtml = '';
  908.         if(job.remoteWork && job.remoteWork !== '' && job.remoteWork !== 'no'){
  909.             var remoteLabel = job.remoteWork === 'full' ? 'Full remote' : (job.remoteWork === 'hybrid' ? 'Hybrid' : job.remoteWork);
  910.             remoteHtml = '<span>·</span><span>'+remoteLabel+'</span>';
  911.         }
  913.         var div = document.createElement('a');
  914.         div.className = 'wr-result-item';
  915.         div.href = JOB_BASE_URL + job.slug;
  916.         div.innerHTML = logoHtml +
  917.             '<div class=\"wr-result-info\">' +
  918.             '<div class=\"wr-result-title\">' + job.jobTitle + '</div>' +
  919.             '<div class=\"wr-result-meta\">' +
  920.             '<span class=\"wr-result-company\">' + job.companyName + '</span>' +
  921.             (job.city ? '<span>·</span><span>' + job.city + '</span>' : '') +
  922.             '<span>·</span><span>' + (job.employmentType || '') + '</span>' +
  923.             remoteHtml +
  924.             badgeHtml +
  925.             '</div>' +
  926.             '</div>' +
  927.             '<div class=\"wr-result-actions\">' + salaryHtml + '</div>';
  929.         return div;
  930.     }
  932.     function fetchJobs(query, offset, append){
  933.         if(isLoading) return;
  934.         if(query.length < 2) return;
  935.         isLoading = true;
  937.         if(!append){
  938.             jobsList.innerHTML = '';
  939.             loadMoreWrap.style.display = 'none';
  940.             resultsCount.style.display = 'none';
  941.         }
  943.         searchResults.classList.add('visible');
  944.         loading.style.display = 'block';
  945.         emptyState.style.display = 'none';
  947.         var url = SEARCH_API + '?q=' + encodeURIComponent(query) + '&offset=' + offset + '&limit=' + LIMIT;
  949.         fetch(url, {credentials:'same-origin'})
  950.             .then(function(r){ return r.json(); })
  951.             .then(function(data){
  952.                 loading.style.display = 'none';
  953.                 isLoading = false;
  955.                 if(data.total === 0){
  956.                     emptyState.style.display = 'block';
  957.                     return;
  958.                 }
  960.                 data.jobs.forEach(function(job, i){
  961.                     var el = renderJob(job);
  962.                     jobsList.appendChild(el);
  963.                     setTimeout(function(){ el.classList.add('show'); }, 50 + i * 60);
  964.                 });
  966.                 totalCountEl.textContent = data.total;
  967.                 resultsCount.style.display = 'block';
  969.                 if(data.hasMore){
  970.                     loadMoreWrap.style.display = 'flex';
  971.                 } else {
  972.                     loadMoreWrap.style.display = 'none';
  973.                 }
  975.                 currentOffset = offset + data.jobs.length;
  976.             })
  977.             .catch(function(err){
  978.                 console.error('Search error:', err);
  979.                 loading.style.display = 'none';
  980.                 isLoading = false;
  981.             });
  982.     }
  984.     searchClose.addEventListener('click', function(){
  985.         searchResults.classList.remove('visible');
  986.         jobsList.innerHTML = '';
  987.         searchInput.value = '';
  988.         loadMoreWrap.style.display = 'none';
  989.         resultsCount.style.display = 'none';
  990.         emptyState.style.display = 'none';
  991.     });
  993.     searchInput.addEventListener('input', function(){
  994.         clearTimeout(debounceTimer);
  995.         var q = searchInput.value.trim();
  996.         if(q.length < 2){
  997.             searchResults.classList.remove('visible');
  998.             jobsList.innerHTML = '';
  999.             return;
  1000.         }
  1001.         debounceTimer = setTimeout(function(){
  1002.             currentQuery = q;
  1003.             currentOffset = 0;
  1004.             fetchJobs(currentQuery, 0, false);
  1005.         }, 350);
  1006.     });
  1008.     searchBtn.addEventListener('click', function(e){
  1009.         e.preventDefault();
  1010.         clearTimeout(debounceTimer);
  1011.         currentQuery = searchInput.value.trim();
  1012.         currentOffset = 0;
  1013.         fetchJobs(currentQuery, 0, false);
  1014.     });
  1016.     searchInput.addEventListener('keydown', function(e){
  1017.         if(e.key === 'Enter'){
  1018.             e.preventDefault();
  1019.             clearTimeout(debounceTimer);
  1020.             currentQuery = searchInput.value.trim();
  1021.             currentOffset = 0;
  1022.             fetchJobs(currentQuery, 0, false);
  1023.         }
  1024.     });
  1026.     loadMoreBtn.addEventListener('click', function(){
  1027.         fetchJobs(currentQuery, currentOffset, true);
  1028.     });
  1030. })();
  1031.     </script>
  1032. ";
  1033.         
  1034.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1036.         
  1037.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1039.         yield from [];
  1040.     }
  1042.     /**
  1043.      * @codeCoverageIgnore
  1044.      */
  1045.     public function getTemplateName(): string
  1046.     {
  1047.         return "application/whileresume/application/jobs/show_en.html.twig";
  1048.     }
  1050.     /**
  1051.      * @codeCoverageIgnore
  1052.      */
  1053.     public function isTraitable(): bool
  1054.     {
  1055.         return false;
  1056.     }
  1058.     /**
  1059.      * @codeCoverageIgnore
  1060.      */
  1061.     public function getDebugInfo(): array
  1062.     {
  1063.         return array (  861 => 447,  855 => 443,  842 => 442,  828 => 437,  817 => 428,  804 => 420,  801 => 418,  795 => 415,  792 => 414,  789 => 413,  785 => 410,  779 => 407,  775 => 405,  772 => 404,  766 => 401,  762 => 399,  759 => 398,  749 => 395,  745 => 393,  743 => 392,  740 => 391,  734 => 388,  731 => 386,  725 => 383,  719 => 379,  716 => 378,  711 => 375,  708 => 374,  704 => 373,  690 => 361,  688 => 360,  684 => 358,  672 => 348,  658 => 340,  653 => 338,  649 => 337,  644 => 334,  640 => 333,  630 => 326,  621 => 319,  619 => 318,  606 => 307,  598 => 302,  591 => 298,  573 => 282,  570 => 280,  568 => 279,  563 => 276,  554 => 271,  552 => 270,  549 => 269,  540 => 264,  538 => 263,  535 => 262,  526 => 257,  524 => 256,  520 => 254,  517 => 252,  512 => 250,  508 => 248,  506 => 247,  503 => 246,  498 => 244,  494 => 242,  492 => 241,  489 => 240,  484 => 238,  480 => 236,  478 => 235,  475 => 234,  473 => 233,  471 => 232,  468 => 231,  453 => 218,  451 => 217,  448 => 216,  443 => 214,  440 => 213,  437 => 212,  433 => 209,  429 => 206,  423 => 202,  420 => 201,  408 => 198,  404 => 196,  401 => 195,  395 => 192,  391 => 190,  388 => 189,  382 => 186,  378 => 184,  375 => 183,  371 => 181,  365 => 180,  361 => 178,  358 => 177,  352 => 174,  348 => 172,  345 => 171,  339 => 168,  335 => 166,  333 => 165,  330 => 164,  323 => 158,  273 => 108,  269 => 107,  249 => 89,  236 => 88,  196 => 57,  150 => 12,  137 => 11,  114 => 5,  91 => 4,  68 => 3,  45 => 1,);
  1064.     }
  1066.     public function getSourceContext(): Source
  1067.     {
  1068.         return new Source("{% extends 'vitrine/lexend/layout.html.twig' %}
  1070. {% block title %}{{ job.shortTitle }}{% endblock title %}
  1071. {% block description %}{{ job.shortDescription }}{% endblock description %}
  1072. {% block robots %}index,follow{% endblock robots %}
  1074. {#% block meta_social %}{{ parent() }}{% include \"/vitrine/components/socialmedia.html.twig\" with { 'page':page,'social_type':'website' } %}{% endblock meta_social %}
  1075. {% block meta %}{{ parent() }}{% include \"/vitrine/components/author.html.twig\" with {'page':page } %}{% endblock meta %#}
  1076. {#% block canonical %}{% include \"/vitrine/lexend/components/languages/canonical_classic.html.twig\" %}{% endblock canonical %#}
  1078. {% block css %}
  1079.     <style>
  1080.         .wr-search-section{position:relative;z-index:2;width:100%;max-width:720px;margin:0 auto}
  1081.         .wr-search-bar{display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px 24px rgba(108,58,237,.08),0 1px 3px rgba(0,0,0,.04);border:2px solid transparent;transition:border-color .3s,box-shadow .3s;cursor:pointer}
  1082.         .wr-search-bar:hover,.wr-search-bar.active{border-color:rgba(108,58,237,.2);box-shadow:0 8px 32px rgba(108,58,237,.12),0 2px 6px rgba(0,0,0,.04)}
  1083.         .wr-search-icon{padding:12px 14px;color:#9CA3AF;display:flex;align-items:center;flex-shrink:0}
  1084.         .wr-search-input-wrapper{flex:1;position:relative;height:48px;display:flex;align-items:center;overflow:hidden}
  1085.         .wr-search-real-input{width:100%;border:none;outline:none;font-size:16px;color:#1E1B2E;background:transparent;font-family:inherit}
  1086.         .wr-search-real-input::placeholder{color:#9CA3AF}
  1087.         .wr-search-btn{background:var(--color-primary,#6C3AED);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s,transform .15s;flex-shrink:0;font-family:inherit}
  1088.         .wr-search-btn:hover{filter:brightness(1.1);transform:scale(1.02)}
  1089.         @media(max-width:640px){.wr-search-btn span{display:none}.wr-search-btn{padding:12px 14px}}
  1090.         .wr-search-results{position:relative;background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.04);padding:0;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease,margin .5s ease,opacity .4s ease;z-index:10;opacity:0;margin-top:0}
  1091.         .wr-search-results.visible{max-height:2000px;padding:8px;margin-top:12px;opacity:1}
  1092.         .wr-result-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:background .2s,opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(8px);text-decoration:none;color:inherit}
  1093.         .wr-result-item.show{opacity:1;transform:translateY(0)}
  1094.         .wr-result-item:hover{background:#F5F3FF}
  1095.         .wr-result-item+.wr-result-item{border-top:1px solid rgba(0,0,0,.04)}
  1096.         .wr-result-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;font-weight:700}
  1097.         .wr-result-logo img{width:100%;height:100%;object-fit:cover;border-radius:10px}
  1098.         .wr-result-info{flex:1;text-align:left;min-width:0}
  1099.         .wr-result-title{font-size:14px;font-weight:600;color:#1E1B2E;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  1100.         .wr-result-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#9CA3AF;flex-wrap:wrap}
  1101.         .wr-result-company{color:#4B5563;font-weight:500}
  1102.         .wr-result-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}
  1103.         .wr-badge-new{background:#DCFCE7;color:#16A34A}
  1104.         .wr-result-salary{font-size:13px;font-weight:600;color:var(--color-primary,#6C3AED);white-space:nowrap}
  1105.         .wr-result-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
  1106.         .wr-loading{text-align:center;padding:30px 20px}
  1107.         .wr-spinner{display:inline-block;width:28px;height:28px;border:3px solid rgba(108,58,237,.15);border-top-color:var(--color-primary,#6C3AED);border-radius:50%;animation:wrSpin .7s linear infinite}
  1108.         @keyframes wrSpin{to{transform:rotate(360deg)}}
  1109.         .wr-empty-state{text-align:center;padding:40px 20px}
  1110.         .wr-empty-icon{font-size:40px;margin-bottom:12px}
  1111.         .wr-empty-title{font-size:16px;font-weight:600;color:#1E1B2E;margin:0 0 6px}
  1112.         .wr-empty-text{font-size:14px;color:#9CA3AF;margin:0}
  1113.         .wr-load-more{display:flex;justify-content:center;padding:12px 8px 4px}
  1114.         .wr-load-more-btn{background:none;border:2px solid var(--color-primary,#6C3AED);color:var(--color-primary,#6C3AED);padding:8px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
  1115.         .wr-load-more-btn:hover{background:var(--color-primary,#6C3AED);color:#fff}
  1116.         .wr-load-more-btn:disabled{opacity:.5;cursor:not-allowed}
  1117.         .wr-results-count{text-align:center;padding:10px;font-size:13px;color:#9CA3AF;border-top:1px solid rgba(0,0,0,.04);margin-top:4px}
  1118.         .wr-results-count strong{color:var(--color-primary,#6C3AED)}
  1119.         .wr-search-close-wrap{text-align:right;padding:4px 8px 0}
  1120.         .wr-search-close-btn{background:none;border:1px solid rgba(0,0,0,.1);color:#9CA3AF;padding:4px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}
  1121.         .wr-search-close-btn:hover{background:#F5F3FF;color:var(--color-primary,#6C3AED);border-color:rgba(108,58,237,.2)}
  1123.         {# === Job body redesign === #}
  1124.         .job-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  1125.         .job-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:100px;font-size:13px;font-weight:500;background:#fff;border:1px solid rgba(0,0,0,.08);color:#4B5563}
  1126.         .job-tag i,.job-tag svg{font-size:13px;color:var(--color-primary,#6C3AED);width:14px;height:14px}
  1127.         .job-tag-salary{background:linear-gradient(135deg,#EDE9FE,#F5F3FF);border-color:rgba(108,58,237,.15);color:var(--color-primary,#6C3AED);font-weight:600}
  1128.         .job-tag-external{background:#FFFBEB;border-color:rgba(245,158,11,.2);color:#92400E;font-size:12px}
  1129.         .job-body-card{background:#fff;border-radius:20px;box-shadow:0 4px 32px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);padding:32px;max-width:780px;margin:0 auto}
  1130.         @media(max-width:640px){.job-body-card{padding:20px;border-radius:16px}}
  1131.         .job-section-title{font-size:15px;font-weight:700;color:var(--color-primary,#6C3AED);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;display:flex;align-items:center;gap:8px}
  1132.         .job-section-title::before{content:'';display:inline-block;width:4px;height:18px;border-radius:2px;background:var(--color-primary,#6C3AED)}
  1133.         .job-section-text{font-size:16px;line-height:1.75;color:#374151;margin:0}
  1134.         .job-section-divider{border:none;border-top:1px solid rgba(0,0,0,.06);margin:24px 0}
  1135.         .job-cta-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:24px 0 0}
  1136.         .job-cta-main{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:14px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  1137.         .job-cta-main.active{background:var(--color-primary,#6C3AED);color:#fff;box-shadow:0 4px 16px rgba(108,58,237,.25)}
  1138.         .job-cta-main.active:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 24px rgba(108,58,237,.3)}
  1139.         .job-cta-main.disabled{background:#E5E7EB;color:#9CA3AF;cursor:default;box-shadow:none;pointer-events:none}
  1140.         .job-cta-company{display:inline-flex;align-items:center;gap:6px;padding:14px 24px;border-radius:14px;font-size:15px;font-weight:600;border:2px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  1141.         .job-cta-company:hover{border-color:rgba(108,58,237,.2);color:var(--color-primary,#6C3AED)}
  1142.         .job-locked-overlay{position:relative;margin-top:24px}
  1143.         .job-locked-blur{filter:blur(6px);opacity:.4;pointer-events:none;user-select:none}
  1144.         .job-locked-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.7);backdrop-filter:blur(3px);border-radius:16px;padding:20px}
  1145.         .job-locked-title{font-size:18px;font-weight:700;color:#1E1B2E;text-align:center}
  1146.         .job-locked-text{font-size:14px;color:#6B7280;text-align:center;max-width:360px}
  1147.         .job-locked-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:var(--color-primary,#6C3AED);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}
  1148.         .job-locked-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
  1149.         .job-locked-login{font-size:13px;color:#6B7280}
  1150.         .job-locked-login a{color:var(--color-primary,#6C3AED);font-weight:600;text-decoration:none}
  1151.         .job-locked-login a:hover{text-decoration:underline}
  1152.     </style>
  1153. {% endblock css %}
  1155. {% block body %}
  1157.     <div id=\"hero_header\" class=\"hero-header section panel overflow-hidden\">
  1158.         <div class=\"position-absolute top-0 start-0 end-0 h-screen dark:bg-gray-300 dark:bg-opacity-15 rounded-bottom-2 lg:rounded-bottom-5\"></div>
  1159.         <div class=\"section-outer panel py-8 lg:py-9 xl:py-10\">
  1160.             <div class=\"container\">
  1161.                 <div class=\"section-inner panel\">
  1162.                     <div class=\"d-none xl:d-block\">
  1163.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 5%; left: 5%\" data-anime=\"translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1164.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 20%; left: 10%\" data-anime=\"translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1165.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 35%; left: 0%\" data-anime=\"translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1166.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 5%; right: 5%\" data-anime=\"translateY: [0, 10]; easing: linear; loop: true; direction: alternate; delay: 0;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1167.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 20%; right: 10%\" data-anime=\"translateY: [0, 15]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1168.                         <div class=\"position-absolute rounded-circle border border-dashed border-primary-300 dark:border-white dark:border-opacity-15 cstack w-56px h-56px d-none lg:d-block\" style=\"top: 35%; right: 0%\" data-anime=\"translateY: [0, 5]; easing: linear; loop: true; direction: alternate; delay: 25;\"><img class=\"p-narrow rounded-circle\" src=\"/uploads/no_avatar.png\" alt=\"Anonymous candidate\"></div>
  1169.                     </div>
  1170.                     <div class=\"row child-cols-12 justify-center items-center g-8\">
  1171.                         <div class=\"lg:col-12\">
  1172.                             <div class=\"panel vstack gap-4 lg:gap-6\">
  1173.                                 <div class=\"panel vstack justify-center items-center gap-2 px-2 pt-4 text-center\">
  1174.                                     <span class=\"fs-6 fw-bold text-uppercase text-primary\">{{ job.companyName }} is hiring</span>
  1175.                                     <h1 class=\"h3 md:h2 lg:display-4 m-0\">{{ job.jobtitle }}</h1>
  1176.                                 </div>
  1178.                                 <div class=\"wr-search-section\" id=\"wrSearchSection\">
  1179.                                     <div class=\"wr-search-bar\" id=\"wrSearchBar\">
  1180.                                         <div class=\"wr-search-icon\">
  1181.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  1182.                                         </div>
  1183.                                         <div class=\"wr-search-input-wrapper\">
  1184.                                             <input type=\"text\" id=\"wrSearchInput\" class=\"wr-search-real-input\" placeholder=\"Search for a job, company, or city...\" autocomplete=\"off\">
  1185.                                         </div>
  1186.                                         <button class=\"wr-search-btn\" id=\"wrSearchBtn\">
  1187.                                             <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><path d=\"M21 21l-4.35-4.35\"/></svg>
  1188.                                             <span>Search</span>
  1189.                                         </button>
  1190.                                     </div>
  1191.                                 </div>
  1193.                                 <div class=\"wr-search-results\" id=\"wrSearchResults\">
  1194.                                     <div class=\"wr-search-close-wrap\">
  1195.                                         <button class=\"wr-search-close-btn\" id=\"wrSearchClose\">✕ Close</button>
  1196.                                     </div>
  1197.                                     <div id=\"wrJobsList\"></div>
  1198.                                     <div id=\"wrLoading\" class=\"wr-loading\" style=\"display:none;\">
  1199.                                         <div class=\"wr-spinner\"></div>
  1200.                                     </div>
  1201.                                     <div id=\"wrEmptyState\" class=\"wr-empty-state\" style=\"display:none;\">
  1202.                                         <div class=\"wr-empty-icon\">🔍</div>
  1203.                                         <p class=\"wr-empty-title\">No jobs match your search</p>
  1204.                                         <p class=\"wr-empty-text\">Try different keywords</p>
  1205.                                     </div>
  1206.                                     <div id=\"wrLoadMore\" class=\"wr-load-more\" style=\"display:none;\">
  1207.                                         <button class=\"wr-load-more-btn\" id=\"wrLoadMoreBtn\">Show more jobs</button>
  1208.                                     </div>
  1209.                                     <div class=\"wr-results-count\" id=\"wrResultsCount\" style=\"display:none;\">
  1210.                                         <strong id=\"wrTotalCount\">0</strong> jobs found
  1211.                                     </div>
  1212.                                 </div>
  1214.                             </div>
  1215.                         </div>
  1216.                     </div>
  1217.                 </div>
  1218.             </div>
  1219.         </div>
  1220.     </div>
  1222.     {# ═══════════════════════════════════════════════════════════════
  1223.        JOB BODY — full width, no sidebar
  1224.     ═══════════════════════════════════════════════════════════════ #}
  1225.     <div id=\"job_details\" class=\"job-details section panel pb-6 xl:pb-9\">
  1226.         <div class=\"section-outer panel\">
  1227.             <div class=\"container max-w-lg\">
  1228.                 <div class=\"section-inner panel\">
  1230.                     {# ── Metadata tags ── #}
  1231.                     <div class=\"job-tags mb-4\" style=\"margin-top:-10px;\">
  1232.                         {% if job.companyName is not empty %}
  1233.                             <span class=\"job-tag\">
  1234.                                 <svg width=\"14\" height=\"14\" 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>
  1235.                                 {{ job.companyName }}
  1236.                             </span>
  1237.                         {% endif %}
  1238.                         {% if job.employmentType is not empty %}
  1239.                             <span class=\"job-tag\">
  1240.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 6v6l4 2\"/></svg>
  1241.                                 {{ job.employmentType }}
  1242.                             </span>
  1243.                         {% endif %}
  1244.                         {% if job.city is not empty %}
  1245.                             <span class=\"job-tag\">
  1246.                                 <svg width=\"14\" height=\"14\" 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>
  1247.                                 {{ job.city }}{% if job.country is not null %}, {{ job.country }}{% endif %}
  1248.                             </span>
  1249.                         {% endif %}
  1250.                         {% if job.remoteWork is not empty %}
  1251.                             <span class=\"job-tag\">
  1252.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"/><path d=\"M8 21h8M12 17v4\"/></svg>
  1253.                                 {{ job.remoteWork }}
  1254.                             </span>
  1255.                         {% endif %}
  1256.                         {% if job.experienceLevel is not empty %}
  1257.                             <span class=\"job-tag\">
  1258.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"/><path d=\"M22 4L12 14.01l-3-3\"/></svg>
  1259.                                 +{{ job.experienceLevel }} years experience
  1260.                             </span>
  1261.                         {% endif %}
  1262.                         {% if job.salaryPeriod is not null %}
  1263.                             <span class=\"job-tag job-tag-salary\">
  1264.                                 <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"/><path d=\"M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6\"/></svg>
  1265.                                 {{ job.salaryMin }} – {{ job.salaryMax }} {{ job.devise }}/{{ job.salaryPeriod }}
  1266.                             </span>
  1267.                         {% endif %}
  1268.                         {% if job.verification == 0 %}
  1269.                             <span class=\"job-tag job-tag-external\">
  1270.                                 ⚡ Indexed listing — external source
  1271.                             </span>
  1272.                         {% endif %}
  1273.                     </div>
  1275.                     {# ── Main card ── #}
  1276.                     <div class=\"job-body-card\">
  1278.                         {# — Résumé (toujours visible) — #}
  1279.                         {% if job.jobSummary is not null %}
  1280.                             <div class=\"job-section-title\">Job overview</div>
  1281.                             <p class=\"job-section-text\">{{ job.jobSummary }}</p>
  1282.                         {% endif %}
  1284.                         {% if app.user is null %}
  1285.                             <hr class=\"job-section-divider\">
  1286.                             <div class=\"job-section-title\">Responsibilities</div>
  1287.                             <p class=\"job-section-text\">Find here the full details of the responsibilities for this role: daily tasks, projects to lead, goals to achieve and scope of work within the team. Everything you need to picture yourself in the role and know exactly what to expect from day one.</p>
  1289.                             <hr class=\"job-section-divider\">
  1290.                             <div class=\"job-section-title\">Required profile</div>
  1291.                             <p class=\"job-section-text\">Access the technical and interpersonal skills expected by the recruiter, the required experience level, valued qualifications and personal qualities sought. Check at a glance whether your profile matches this opportunity before applying.</p>
  1293.                             <hr class=\"job-section-divider\">
  1294.                             <div class=\"job-section-title\">Benefits</div>
  1295.                             <p class=\"job-section-text\">Discover what the company offers its employees: remote work policy, health coverage, bonuses, continuous training, work environment and growth opportunities. All the information you need to compare this offer with your expectations and make the right choice.</p>
  1297.                         {% endif %}
  1299.                         {% if app.user is not null %}
  1300.                             {# ══════ FULL CONTENT (logged in) ══════ #}
  1302.                             {% if job.keyResponsabilities is not null %}
  1303.                                 <hr class=\"job-section-divider\">
  1304.                                 <div class=\"job-section-title\">Responsibilities</div>
  1305.                                 <p class=\"job-section-text\">{{ job.keyResponsabilities }}</p>
  1306.                             {% endif %}
  1308.                             {% if job.requirements is not null %}
  1309.                                 <hr class=\"job-section-divider\">
  1310.                                 <div class=\"job-section-title\">Required profile</div>
  1311.                                 <p class=\"job-section-text\">{{ job.requirements }}</p>
  1312.                             {% endif %}
  1314.                             {% if job.benefits is not null %}
  1315.                                 <hr class=\"job-section-divider\">
  1316.                                 <div class=\"job-section-title\">Benefits</div>
  1317.                                 <p class=\"job-section-text\">{{ job.benefits }}</p>
  1318.                             {% endif %}
  1320.                             {# — CTA Buttons — #}
  1321.                             <div class=\"job-cta-bar\">
  1323.                                 {% if app.user.candidate is not null %}
  1324.                                     <a href=\"{{ path('cvs_application_job_like', {'slug': job.slug}) }}\" class=\"job-cta-main active\">
  1325.                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"/></svg>
  1326.                                         I'm interested
  1327.                                     </a>
  1328.                                 {% endif %}
  1330.                                 {% if job.websearch == 1 and job.website is not empty %}
  1331.                                     <a href=\"{{ job.website }}\" target=\"_blank\" class=\"job-cta-main active\">
  1332.                                         <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6\"/><polyline points=\"15 3 21 3 21 9\"/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"/></svg>
  1333.                                         Apply
  1334.                                     </a>
  1335.                                 {% endif %}
  1337.                                 {% if job.enterprise is not null %}
  1338.                                     <a href=\"{{ path('cvs_application_company_show', {'slug': job.enterprise.slug}) }}\" class=\"job-cta-company\">
  1339.                                         <svg width=\"16\" height=\"16\" 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>
  1340.                                         View other listings
  1341.                                     </a>
  1342.                                 {% endif %}
  1343.                             </div>
  1345.                         {% else %}
  1346.                             {# ══════ LOCKED CONTENT (not logged in) ══════ #}
  1348.                             {# Blurred teaser zone #}
  1349.                             <div class=\"job-locked-overlay\">
  1350.                                 <div class=\"job-locked-blur\">
  1351.                                     <hr class=\"job-section-divider\">
  1352.                                     <div class=\"job-section-title\">Responsibilities</div>
  1353.                                     <p class=\"job-section-text\">Discover the main responsibilities of this role, daily tasks and projects you will be working on within the team...</p>
  1354.                                     <hr class=\"job-section-divider\">
  1355.                                     <div class=\"job-section-title\">Required profile</div>
  1356.                                     <p class=\"job-section-text\">Technical and soft skills required, expected experience level, valued qualifications and certifications for this role...</p>
  1357.                                     <hr class=\"job-section-divider\">
  1358.                                     <div class=\"job-section-title\">Benefits</div>
  1359.                                     <p class=\"job-section-text\">Remote work, health insurance, meal vouchers, continuous training, work environment and career growth within the company...</p>
  1360.                                 </div>
  1361.                                 <div class=\"job-locked-cta\">
  1362.                                     <div style=\"font-size:32px;\">🔓</div>
  1363.                                     <div class=\"job-locked-title\">Unlock the full listing</div>
  1364.                                     <div class=\"job-locked-text\">Create your profile in 2 minutes to access responsibilities, benefits and apply directly</div>
  1365.                                     <a href=\"{{ path('app_register') }}\" class=\"job-locked-btn\">
  1366.                                         Create my profile for free
  1367.                                         <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17l9.2-9.2M17 17V7H7\"/></svg>
  1368.                                     </a>
  1369.                                     <div class=\"job-locked-login\">Already registered? <a href=\"{{ path('app_login') }}\">Log in</a></div>
  1370.                                 </div>
  1371.                             </div>
  1373.                         {% endif %}
  1377.                     </div>
  1379.                 </div>
  1380.             </div>
  1381.         </div>
  1382.     </div>
  1385.     {% if othersJobs is not null %}
  1386.         <div id=\"openings\" class=\"career-openings section panel overflow-hidden pb-6 xl:pb-9\">
  1387.             <div class=\"section-outer panel py-6 xl:py-9 bg-secondary dark:bg-gray-800\">
  1388.                 <div class=\"container max-w-lg\">
  1389.                     <div class=\"section-inner panel\">
  1390.                         <div class=\"panel vstack justify-center gap-4 sm:gap-6 xl:gap-8\">
  1392.                             <h2 class=\"h4 sm:h2 m-0 text-center\" data-anime=\"onview: -100; translateY: [48, 0]; opacity: [0, 1]; easing: spring(1, 80, 10, 0); duration: 450; delay: 100;\">
  1393.                                 Job openings at {{ job.enterprise.companyName|lower|capitalize }}
  1394.                             </h2>
  1396.                             <div class=\"panel\">
  1398.                                 <div class=\"panel\">
  1399.                                     <div class=\"row child-cols-12 sm:child-cols-6 col-match g-2 sm:g-3 uc-grid\">
  1400.                                         {% for oj in othersJobs %}
  1401.                                             <div class=\"panel\">
  1402.                                                 <div class=\"panel vstack justify-end items-end gap-1 p-3 rounded lg:rounded-2 bg-white dark:bg-gray-800\">
  1403.                                                     <div class=\"vstack gap-narrow\">
  1404.                                                         <h5 class=\"h6 lg:h5 m-0\">{{ oj.jobTitle }}</h5>
  1405.                                                         <span class=\"fs-6 text-dark dark:text-white text-opacity-70\">{{ oj.city }}</span>
  1406.                                                     </div>
  1407.                                                     <a href=\"{{ path('cvs_application_job_show', {'slug': oj.slug}) }}\" class=\"uc-link fs-7 fw-bold d-inline-flex items-center gap-narrow border-bottom pb-narrow\">
  1408.                                                         <span>Apply</span>
  1409.                                                         <i class=\"icon icon-narrow unicon-arrow-up-right fw-bold rtl:-rotate-90\"></i>
  1410.                                                     </a>
  1411.                                                 </div>
  1412.                                             </div>
  1414.                                         {% endfor %}
  1415.                                     </div>
  1416.                                 </div>
  1418.                             </div>
  1419.                         </div>
  1420.                     </div>
  1421.                 </div>
  1422.             </div>
  1423.         </div>
  1424.     {% endif %}
  1427.     {% if similarJobs is defined and similarJobs is not empty %}
  1428.         <div id=\"similar_jobs\" class=\"similar-jobs section panel overflow-hidden pb-6 xl:pb-9\">
  1429.             <div class=\"section-outer panel py-6 xl:py-9\">
  1430.                 <div class=\"container max-w-lg\">
  1431.                     <div class=\"section-inner panel\">
  1432.                         <div class=\"panel vstack justify-center gap-4 sm:gap-6 xl:gap-8\">
  1434.                             <div class=\"vstack items-center text-center gap-1\">
  1435.                                 <h2 class=\"h4 sm:h2 m-0\">Similar jobs</h2>
  1436.                             </div>
  1438.                             <div class=\"panel\">
  1439.                                 <div class=\"row child-cols-12 sm:child-cols-6 lg:child-cols-4 col-match g-2 sm:g-3\">
  1440.                                     {% for sj in similarJobs %}
  1441.                                         <div class=\"panel\">
  1442.                                             <a href=\"{{ path('cvs_application_job_show', {'slug': sj.slug}) }}\" class=\"panel vstack gap-2 p-3 rounded-2 bg-white dark:bg-gray-800 h-100\" style=\"box-shadow: 0 2px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.06); text-decoration: none; color: inherit; transition: box-shadow 0.2s ease, transform 0.2s ease;\" onmouseover=\"this.style.boxShadow='0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06)'; this.style.transform='translateY(-2px)';\" onmouseout=\"this.style.boxShadow='0 2px 12px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04)'; this.style.transform='translateY(0)';\">
  1444.                                                 {# Header: company #}
  1445.                                                 {% if sj.companyName is not empty %}
  1446.                                                     <div class=\"hstack gap-1 items-center\">
  1447.                                                         <div class=\"cstack w-32px h-32px rounded-1 bg-secondary\" style=\"min-width: 32px;\">
  1448.                                                             <i class=\"icon-narrow unicon-portfolio text-primary\" style=\"font-size: 14px;\"></i>
  1449.                                                         </div>
  1450.                                                         <span class=\"fs-7 fw-bold text-dark text-opacity-50\" style=\"overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\">{{ sj.companyName }}</span>
  1451.                                                     </div>
  1452.                                                 {% endif %}
  1454.                                                 {# Job title #}
  1455.                                                 <h5 class=\"h6 lg:h5 m-0\" style=\"line-height: 1.4;\">{{ sj.jobTitle }}</h5>
  1457.                                                 {# Key info #}
  1458.                                                 <div class=\"vstack gap-narrow mt-auto\">
  1459.                                                     {% if sj.city is not empty %}
  1460.                                                         <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  1461.                                                             <i class=\"icon-narrow unicon-location\" style=\"font-size: 12px;\"></i>
  1462.                                                             <span>{{ sj.city }}{% if sj.country is not null %}, {{ sj.country }}{% endif %}</span>
  1463.                                                         </div>
  1464.                                                     {% endif %}
  1465.                                                     {% if sj.employmentType is not empty %}
  1466.                                                         <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  1467.                                                             <i class=\"icon-narrow unicon-portfolio\" style=\"font-size: 12px;\"></i>
  1468.                                                             <span>{{ sj.employmentType }}</span>
  1469.                                                         </div>
  1470.                                                     {% endif %}
  1471.                                                     {% if sj.remoteWork is not empty %}
  1472.                                                         <div class=\"hstack gap-narrow items-center fs-7 text-dark text-opacity-60\">
  1473.                                                             <i class=\"icon-narrow unicon-laptop\" style=\"font-size: 12px;\"></i>
  1474.                                                             <span>{{ sj.remoteWork }}</span>
  1475.                                                         </div>
  1476.                                                     {% endif %}
  1477.                                                 </div>
  1479.                                                 {# Category tags #}
  1480.                                                 {% if sj.category is not empty %}
  1481.                                                     <div class=\"hstack gap-narrow flex-wrap mt-1\">
  1482.                                                         <span class=\"px-1 py-narrow fs-8 fw-bold rounded bg-secondary text-primary\" style=\"white-space: nowrap;\">{{ sj.category }}</span>
  1483.                                                     </div>
  1484.                                                 {% endif %}
  1486.                                                 {# CTA link #}
  1487.                                                 <div class=\"hstack items-center gap-narrow mt-1 fs-7 fw-bold text-primary\">
  1488.                                                     <span>View listing</span>
  1489.                                                     <i class=\"icon icon-narrow unicon-arrow-up-right fw-bold\" style=\"font-size: 12px;\"></i>
  1490.                                                 </div>
  1492.                                             </a>
  1493.                                         </div>
  1494.                                     {% endfor %}
  1495.                                 </div>
  1496.                             </div>
  1498.                         </div>
  1499.                     </div>
  1500.                 </div>
  1501.             </div>
  1502.         </div>
  1503.     {% endif %}
  1507. {% endblock body %}
  1509. {% block footerjs %}
  1510.     <script>
  1511.         (function(){
  1513.             var JOB_BASE_URL = '/job/';
  1514.     var SEARCH_API = '{{ path(\"api_jobs_search\") }}';
  1516.     var palette = [
  1517.         {bg:'#EDE9FE',color:'#7C3AED'},{bg:'#DBEAFE',color:'#2563EB'},
  1518.         {bg:'#D1FAE5',color:'#059669'},{bg:'#FEF3C7',color:'#D97706'},
  1519.         {bg:'#FCE7F3',color:'#DB2777'},{bg:'#FEE2E2',color:'#DC2626'},
  1520.         {bg:'#E0E7FF',color:'#4338CA'},{bg:'#CCFBF1',color:'#0D9488'}
  1521.     ];
  1522.     function getColor(name){
  1523.         var h=0;for(var i=0;i<name.length;i++) h=name.charCodeAt(i)+((h<<5)-h);
  1524.         return palette[Math.abs(h)%palette.length];
  1525.     }
  1527.     var searchInput = document.getElementById('wrSearchInput');
  1528.     var searchBtn = document.getElementById('wrSearchBtn');
  1529.     var searchResults = document.getElementById('wrSearchResults');
  1530.     var searchClose = document.getElementById('wrSearchClose');
  1531.     var jobsList = document.getElementById('wrJobsList');
  1532.     var loading = document.getElementById('wrLoading');
  1533.     var emptyState = document.getElementById('wrEmptyState');
  1534.     var loadMoreWrap = document.getElementById('wrLoadMore');
  1535.     var loadMoreBtn = document.getElementById('wrLoadMoreBtn');
  1536.     var resultsCount = document.getElementById('wrResultsCount');
  1537.     var totalCountEl = document.getElementById('wrTotalCount');
  1539.     var currentQuery = '';
  1540.     var currentOffset = 0;
  1541.     var LIMIT = 10;
  1542.     var isLoading = false;
  1543.     var debounceTimer;
  1545.     function renderJob(job){
  1546.         var col = getColor(job.companyName);
  1547.         var logoHtml;
  1548.         if(job.image){
  1549.             logoHtml = '<div class=\"wr-result-logo\"><img src=\"'+job.image+'\" alt=\"'+job.companyName+'\"></div>';
  1550.         } else {
  1551.             logoHtml = '<div class=\"wr-result-logo\" style=\"background:'+col.bg+';color:'+col.color+';\">'+(job.logo || job.companyName.charAt(0).toUpperCase())+'</div>';
  1552.         }
  1554.         var badgeHtml = '';
  1555.         if(job.isNew) badgeHtml = '<span class=\"wr-result-badge wr-badge-new\">Nouveau</span>';
  1557.         var salaryHtml = job.salary ? '<span class=\"wr-result-salary\">'+job.salary+'</span>' : '';
  1559.         var remoteHtml = '';
  1560.         if(job.remoteWork && job.remoteWork !== '' && job.remoteWork !== 'no'){
  1561.             var remoteLabel = job.remoteWork === 'full' ? 'Full remote' : (job.remoteWork === 'hybrid' ? 'Hybrid' : job.remoteWork);
  1562.             remoteHtml = '<span>·</span><span>'+remoteLabel+'</span>';
  1563.         }
  1565.         var div = document.createElement('a');
  1566.         div.className = 'wr-result-item';
  1567.         div.href = JOB_BASE_URL + job.slug;
  1568.         div.innerHTML = logoHtml +
  1569.             '<div class=\"wr-result-info\">' +
  1570.             '<div class=\"wr-result-title\">' + job.jobTitle + '</div>' +
  1571.             '<div class=\"wr-result-meta\">' +
  1572.             '<span class=\"wr-result-company\">' + job.companyName + '</span>' +
  1573.             (job.city ? '<span>·</span><span>' + job.city + '</span>' : '') +
  1574.             '<span>·</span><span>' + (job.employmentType || '') + '</span>' +
  1575.             remoteHtml +
  1576.             badgeHtml +
  1577.             '</div>' +
  1578.             '</div>' +
  1579.             '<div class=\"wr-result-actions\">' + salaryHtml + '</div>';
  1581.         return div;
  1582.     }
  1584.     function fetchJobs(query, offset, append){
  1585.         if(isLoading) return;
  1586.         if(query.length < 2) return;
  1587.         isLoading = true;
  1589.         if(!append){
  1590.             jobsList.innerHTML = '';
  1591.             loadMoreWrap.style.display = 'none';
  1592.             resultsCount.style.display = 'none';
  1593.         }
  1595.         searchResults.classList.add('visible');
  1596.         loading.style.display = 'block';
  1597.         emptyState.style.display = 'none';
  1599.         var url = SEARCH_API + '?q=' + encodeURIComponent(query) + '&offset=' + offset + '&limit=' + LIMIT;
  1601.         fetch(url, {credentials:'same-origin'})
  1602.             .then(function(r){ return r.json(); })
  1603.             .then(function(data){
  1604.                 loading.style.display = 'none';
  1605.                 isLoading = false;
  1607.                 if(data.total === 0){
  1608.                     emptyState.style.display = 'block';
  1609.                     return;
  1610.                 }
  1612.                 data.jobs.forEach(function(job, i){
  1613.                     var el = renderJob(job);
  1614.                     jobsList.appendChild(el);
  1615.                     setTimeout(function(){ el.classList.add('show'); }, 50 + i * 60);
  1616.                 });
  1618.                 totalCountEl.textContent = data.total;
  1619.                 resultsCount.style.display = 'block';
  1621.                 if(data.hasMore){
  1622.                     loadMoreWrap.style.display = 'flex';
  1623.                 } else {
  1624.                     loadMoreWrap.style.display = 'none';
  1625.                 }
  1627.                 currentOffset = offset + data.jobs.length;
  1628.             })
  1629.             .catch(function(err){
  1630.                 console.error('Search error:', err);
  1631.                 loading.style.display = 'none';
  1632.                 isLoading = false;
  1633.             });
  1634.     }
  1636.     searchClose.addEventListener('click', function(){
  1637.         searchResults.classList.remove('visible');
  1638.         jobsList.innerHTML = '';
  1639.         searchInput.value = '';
  1640.         loadMoreWrap.style.display = 'none';
  1641.         resultsCount.style.display = 'none';
  1642.         emptyState.style.display = 'none';
  1643.     });
  1645.     searchInput.addEventListener('input', function(){
  1646.         clearTimeout(debounceTimer);
  1647.         var q = searchInput.value.trim();
  1648.         if(q.length < 2){
  1649.             searchResults.classList.remove('visible');
  1650.             jobsList.innerHTML = '';
  1651.             return;
  1652.         }
  1653.         debounceTimer = setTimeout(function(){
  1654.             currentQuery = q;
  1655.             currentOffset = 0;
  1656.             fetchJobs(currentQuery, 0, false);
  1657.         }, 350);
  1658.     });
  1660.     searchBtn.addEventListener('click', function(e){
  1661.         e.preventDefault();
  1662.         clearTimeout(debounceTimer);
  1663.         currentQuery = searchInput.value.trim();
  1664.         currentOffset = 0;
  1665.         fetchJobs(currentQuery, 0, false);
  1666.     });
  1668.     searchInput.addEventListener('keydown', function(e){
  1669.         if(e.key === 'Enter'){
  1670.             e.preventDefault();
  1671.             clearTimeout(debounceTimer);
  1672.             currentQuery = searchInput.value.trim();
  1673.             currentOffset = 0;
  1674.             fetchJobs(currentQuery, 0, false);
  1675.         }
  1676.     });
  1678.     loadMoreBtn.addEventListener('click', function(){
  1679.         fetchJobs(currentQuery, currentOffset, true);
  1680.     });
  1682. })();
  1683.     </script>
  1684. {% endblock footerjs %}
  1685. ", "application/whileresume/application/jobs/show_en.html.twig", "/var/www/vhosts/mirtillostudio.fr/b1.mirtillostudio.fr/version-1/templates/application/whileresume/application/jobs/show_en.html.twig");
  1686.     }
  1687. }