Symfony Profiler

<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;
/* application/whileresume/website/page_article.html.twig */
class __TwigTemplate_8f65aa3b942c6806e2fe83344a46acf2 extends Template
{
private Source $source;
/**
* @var array<string, Template>
*/
private array $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'title' => [$this, 'block_title'],
'description' => [$this, 'block_description'],
'robots' => [$this, 'block_robots'],
'meta_social' => [$this, 'block_meta_social'],
'meta' => [$this, 'block_meta'],
'canonical' => [$this, 'block_canonical'],
'css' => [$this, 'block_css'],
'body' => [$this, 'block_body'],
'footer_js' => [$this, 'block_footer_js'],
];
}
protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
{
// line 1
return "application/whileresume/website/layout-social.html.twig";
}
protected function doDisplay(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/page_article.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "application/whileresume/website/page_article.html.twig"));
// line 3
$context["paramArticle"] = $this->extensions['App\Twig\ToolsExtension']->getCoreToolsList("article");
// line 1
$this->parent = $this->load("application/whileresume/website/layout-social.html.twig", 1);
yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 5
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_title(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 5, $this->source); })()), "title", [], "any", false, false, false, 5), "html", null, true);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 6
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_description(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 6, $this->source); })()), "shortDescription", [], "any", false, false, false, 6), "html", null, true);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 7
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_robots(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
yield "index,follow";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 8
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_meta_social(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta_social"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta_social"));
yield from $this->yieldParentBlock("meta_social", $context, $blocks);
yield from $this->load("/vitrine/components/socialmedia_articles.html.twig", 8)->unwrap()->yield(CoreExtension::merge($context, ["social_type" => "article", "article" => (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 8, $this->source); })())]));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 9
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_meta(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
yield from $this->yieldParentBlock("meta", $context, $blocks);
if (( !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 9, $this->source); })()), "author", [], "any", false, false, false, 9)) && !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 9, $this->source); })()), "author", [], "any", false, false, false, 9)))) {
yield "<meta name=\"author\" content=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 9, $this->source); })()), "author", [], "any", false, false, false, 9), "html", null, true);
yield "\" />";
}
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 10
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_canonical(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
yield from $this->load("/vitrine/lexend/articles/components/canonical.html.twig", 10)->unwrap()->yield(CoreExtension::merge($context, ["article" => (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 10, $this->source); })())]));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 12
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_css(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
// line 13
yield " ";
yield from $this->yieldParentBlock("css", $context, $blocks);
yield "
<style>
/* ═══════════════════════════════════════════════════════════════
PAGE ARTICLE — pattern jobs/show (1 colonne max-width 880px)
═══════════════════════════════════════════════════════════════ */
.article-layout{display:block;max-width:880px;margin:0 auto}
/* ─── Header card (titre + meta) ─── */
.article-card-main{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.06);overflow:hidden;margin-bottom:14px}
.article-card-cover{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#6C3AED 0%,#8B5CF6 50%,#A78BFA 100%);overflow:hidden}
.article-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-card-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 100%)}
@media(max-width:480px){.article-card-cover{height:140px}}
.article-card-head{padding:20px 24px 18px}
@media(max-width:480px){.article-card-head{padding:16px 18px 14px}}
.article-card-title{font-size:24px;font-weight:800;color:#1E1B2E;line-height:1.25;letter-spacing:-0.02em;margin:0 0 10px}
@media(min-width:768px){.article-card-title{font-size:28px}}
@media(max-width:480px){.article-card-title{font-size:22px}}
.article-card-subtitle{font-size:15px;color:#4B5563;line-height:1.5;margin:0 0 14px}
@media(max-width:480px){.article-card-subtitle{font-size:14px}}
.article-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}
.article-card-meta-item{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:100px;background:#F3F4F6;font-size:12px;color:#4B5563;font-weight:500}
.article-card-meta-item svg{width:12px;height:12px;flex-shrink:0;color:#6B7280}
.article-card-meta-featured{background:#FEF3C7;color:#92400E;font-weight:600}
.article-card-meta-featured svg{color:currentColor}
/* ─── TOC sommaire flottant (bas à gauche, minimaliste) ─── */
.article-toc-fab{
position:fixed;
left:20px;
bottom:20px;
z-index:100;
}
@media(max-width:991px){
.article-toc-fab{left:16px;bottom:16px}
}
/* Bouton FAB (état fermé) */
.article-toc-trigger{
display:inline-flex;align-items:center;gap:8px;
background:#1E1B2E;
color:#fff;
border:none;
border-radius:100px;
padding:11px 18px 11px 14px;
font-size:13px;font-weight:600;
font-family:inherit;
cursor:pointer;
box-shadow:0 8px 24px rgba(30,27,46,.28),0 2px 6px rgba(30,27,46,.18);
transition:transform .2s ease,box-shadow .2s ease,background .15s ease;
}
.article-toc-trigger:hover{
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(30,27,46,.35),0 3px 8px rgba(30,27,46,.22);
background:var(--theme-color,#6C3AED);
}
.article-toc-trigger-icon{
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:24px;border-radius:50%;
background:rgba(255,255,255,.15);
flex-shrink:0;
}
.article-toc-trigger-icon svg{width:12px;height:12px}
.article-toc-trigger-count{
display:inline-flex;align-items:center;justify-content:center;
min-width:20px;height:20px;padding:0 6px;border-radius:100px;
background:var(--theme-color,#6C3AED);
color:#fff;
font-size:10.5px;font-weight:700;
line-height:1;
margin-left:2px;
}
.article-toc-trigger.has-active .article-toc-trigger-count{
background:#fff;
color:var(--theme-color,#6C3AED);
}
@media(max-width:540px){
.article-toc-trigger-label{display:none}
.article-toc-trigger{padding:11px 12px}
}
/* Panneau (état ouvert) */
.article-toc-panel{
position:absolute;
left:0;
bottom:calc(100% + 10px);
width:320px;
max-width:calc(100vw - 40px);
background:#fff;
border-radius:16px;
box-shadow:0 16px 48px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.08);
opacity:0;
transform:translateY(8px) scale(.96);
transform-origin:bottom left;
pointer-events:none;
transition:opacity .2s ease,transform .2s ease;
overflow:hidden;
}
.article-toc-fab.is-open .article-toc-panel{
opacity:1;
transform:translateY(0) scale(1);
pointer-events:auto;
}
@media(max-width:540px){
.article-toc-panel{width:calc(100vw - 32px);max-width:340px}
}
.article-toc-panel-header{
display:flex;align-items:center;gap:10px;
padding:14px 16px;
border-bottom:1px solid #F3F4F6;
}
.article-toc-panel-icon{
display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:8px;
background:#F5F3FF;
color:var(--theme-color,#6C3AED);
flex-shrink:0;
}
.article-toc-panel-icon svg{width:13px;height:13px}
.article-toc-panel-label{
font-size:11px;font-weight:700;
color:#1E1B2E;
text-transform:uppercase;letter-spacing:.08em;
flex:1;margin:0;
}
.article-toc-panel-close{
background:transparent;border:0;
color:#9CA3AF;cursor:pointer;
padding:4px;line-height:1;
display:inline-flex;
border-radius:6px;
transition:background .15s,color .15s;
}
.article-toc-panel-close:hover{background:#F3F4F6;color:#1E1B2E}
.article-toc-panel-close svg{width:14px;height:14px}
.article-toc-panel-body{
padding:14px 16px;
max-height:60vh;
overflow-y:auto;
}
.article-toc-panel-body::-webkit-scrollbar{width:4px}
.article-toc-panel-body::-webkit-scrollbar-thumb{background:#E5E7EB;border-radius:4px}
.article-summary ul,.article-summary ol{padding-left:0;margin:0;list-style:none}
.article-summary li{font-size:13px;line-height:1.5;margin-bottom:6px;font-weight:500;position:relative;padding-left:14px}
.article-summary li::before{content:\"\";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#D1D5DB;transition:background .15s ease,transform .15s ease}
.article-summary li:hover::before{background:var(--theme-color,#6C3AED);transform:scale(1.4)}
.article-summary li a{color:#4B5563;text-decoration:none;transition:color .15s ease;display:block}
.article-summary li a:hover{color:var(--theme-color,#6C3AED)}
.article-summary li.active>a{color:var(--theme-color,#6C3AED);font-weight:700}
.article-summary li.active::before{background:var(--theme-color,#6C3AED);transform:scale(1.4)}
.article-summary ul ul,.article-summary ol ol{margin-top:6px;padding-left:14px}
/* Backdrop discret (clic en dehors pour fermer) */
.article-toc-backdrop{
position:fixed;inset:0;
background:transparent;
z-index:99;
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
}
.article-toc-backdrop.is-visible{
opacity:1;
pointer-events:auto;
}
/* ─── Contenu de l'article ─── */
.article-card-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.06);overflow:hidden;margin-bottom:14px}
.article-card-section{padding:24px}
@media(max-width:480px){.article-card-section{padding:18px}}
.article-content{font-size:15px;line-height:1.75;color:#374151}
.article-content h2{font-size:22px;font-weight:700;color:#1E1B2E;margin:28px 0 12px;line-height:1.3;letter-spacing:-0.01em;scroll-margin-top:80px}
.article-content h2:first-child{margin-top:0}
.article-content h3{font-size:18px;font-weight:700;color:#1E1B2E;margin:22px 0 10px;line-height:1.3;scroll-margin-top:80px}
.article-content h4{font-size:16px;font-weight:700;color:#1E1B2E;margin:18px 0 8px}
.article-content p{margin-bottom:14px}
.article-content a{color:var(--theme-color,#6C3AED);text-decoration:none;font-weight:500}
.article-content a:hover{text-decoration:underline}
.article-content ul,.article-content ol{padding-left:24px;margin-bottom:14px}
.article-content li{margin-bottom:6px}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.article-content blockquote{border-left:4px solid var(--theme-color,#6C3AED);padding:10px 18px;margin:16px 0;background:#F5F3FF;border-radius:0 8px 8px 0;font-style:italic;color:#4B5563}
.article-content code{background:#F3F4F6;padding:2px 6px;border-radius:4px;font-size:13px;color:#D6336C;font-family:\"SF Mono\",Menlo,Monaco,Consolas,monospace}
.article-content pre{background:#1E1B2E;color:#F3F4F6;padding:18px;border-radius:10px;overflow-x:auto;margin:16px 0;font-size:13px;line-height:1.6}
.article-content pre code{background:transparent;color:inherit;padding:0}
.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article-content th,.article-content td{padding:10px 12px;border:1px solid #E5E7EB;text-align:left}
.article-content th{background:#F9FAFB;font-weight:700;color:#1E1B2E}
/* ─── Tags en bas du contenu ─── */
.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;padding-top:18px;border-top:1px solid #F3F4F6}
.article-tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:100px;background:#F5F3FF;color:var(--theme-color,#6C3AED);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s}
.article-tag:hover{background:#EDE9FE;transform:translateY(-1px);color:var(--theme-color,#6C3AED)}
.article-tag::before{content:\"#\";opacity:.6;margin-right:1px}
/* ─── CTA inline (Recruteur / Candidat) ─── */
.article-cta{position:relative;border-radius:18px;padding:24px;margin-bottom:14px;background:linear-gradient(135deg,#6C3AED 0%,#8B5CF6 50%,#A78BFA 100%);overflow:hidden;box-shadow:0 10px 30px -8px rgba(108,58,237,.35)}
.article-cta::before{content:\"\";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}
.article-cta::after{content:\"\";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}
.article-cta-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:100px;margin-bottom:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:2}
.article-cta-eyebrow svg{width:12px;height:12px}
.article-cta-title{font-size:20px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-0.01em;margin:0 0 18px;position:relative;z-index:2}
@media(min-width:768px){.article-cta-title{font-size:24px}}
.article-cta-grid{display:grid;grid-template-columns:1fr;gap:12px;position:relative;z-index:2}
@media(min-width:640px){.article-cta-grid{grid-template-columns:1fr 1fr;gap:14px}}
.article-cta-side{background:rgba(255,255,255,.97);border-radius:14px;padding:18px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.article-cta-side:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,0,0,.18)}
.article-cta-side-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.article-cta-side-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);color:var(--theme-color,#6C3AED);flex-shrink:0}
.article-cta-side-icon svg{width:18px;height:18px}
.article-cta-side-label{font-size:11px;font-weight:700;color:var(--theme-color,#6C3AED);text-transform:uppercase;letter-spacing:.08em;margin:0}
.article-cta-side-heading{font-size:15px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 8px}
.article-cta-side-text{font-size:13px;color:#6B7280;line-height:1.5;margin:0 0 14px;flex:1}
.article-cta-side-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--theme-color,#6C3AED);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:background .15s,transform .15s}
.article-cta-side-btn:hover{background:#5B21B6;color:#fff;transform:translateX(2px)}
.article-cta-side-btn svg{width:14px;height:14px;transition:transform .15s}
.article-cta-side-btn:hover svg{transform:translateX(2px)}
/* ─── Articles similaires (style identique aux jobs) ─── */
.similar-section-title{font-size:11px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.08em;margin:32px 0 12px;padding-left:4px;display:inline-flex;align-items:center;gap:8px}
.similar-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);margin-bottom:10px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
.similar-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,58,237,.1);color:inherit}
.similar-card-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;color:var(--theme-color,#6C3AED);flex-shrink:0;overflow:hidden}
.similar-card-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.similar-card-logo svg{width:24px;height:24px;opacity:.9}
.similar-card-info{flex:1;min-width:0}
.similar-card-title{font-size:14px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar-card-meta{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}
.similar-card-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
.similar-card-arrow{flex-shrink:0;color:#9CA3AF;transition:color .15s,transform .15s}
.similar-card:hover .similar-card-arrow{color:var(--theme-color,#6C3AED);transform:translateX(2px)}
.similar-card-arrow svg{width:18px;height:18px}
/* ─── Section \"Offres recommandées\" (cross-sell article -> jobs) ─── */
.recommended-jobs-header{
display:flex;align-items:center;justify-content:space-between;gap:10px;
margin:32px 0 12px;padding-left:4px;flex-wrap:wrap;
}
.recommended-jobs-header .similar-section-title{margin:0}
.recommended-jobs-icon{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:6px;
background:#F5F3FF;
color:var(--theme-color,#6C3AED);
flex-shrink:0;
}
.recommended-jobs-icon svg{width:11px;height:11px}
.recommended-jobs-all{
display:inline-flex;align-items:center;gap:4px;
font-size:12px;font-weight:600;
color:var(--theme-color,#6C3AED);
text-decoration:none;
padding:5px 10px;border-radius:100px;
border:1px dashed rgba(108,58,237,.35);
transition:background .15s,border-style .15s,transform .15s;
}
.recommended-jobs-all:hover{
background:#F5F3FF;
border-style:solid;
color:var(--theme-color,#6C3AED);
transform:translateX(2px);
}
.recommended-jobs-all svg{width:11px;height:11px}
/* Grille des cards jobs (style identique au composant _jobs_content.html.twig) */
.recommended-jobs-grid{margin-bottom:14px}
.recommended-jobs-grid .job-card{
display:flex;flex-direction:column;gap:.75rem;
height:100%;
padding:1.25rem;
background:#fff;
border:1px solid #e6e8ec;
border-radius:14px;
text-decoration:none;color:inherit;
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.recommended-jobs-grid .job-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(20,24,40,.08);
border-color:#d6d9e0;
text-decoration:none;color:inherit;
}
.recommended-jobs-grid .job-card__header{display:flex;align-items:center;gap:.75rem}
.recommended-jobs-grid .job-card__logo{
width:44px;height:44px;
border-radius:10px;
object-fit:cover;
background:#f4f5f8;
flex-shrink:0;
}
.recommended-jobs-grid .job-card__logo--placeholder{
display:flex;align-items:center;justify-content:center;
font-weight:700;color:#6b7280;
background:linear-gradient(135deg,#eef2ff,#f5f3ff);
}
.recommended-jobs-grid .job-card__company{
display:flex;flex-direction:column;
min-width:0;
}
.recommended-jobs-grid .job-card__company-name{
font-weight:600;font-size:.9rem;color:#111827;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.recommended-jobs-grid .job-card__location{
font-size:.8rem;color:#6b7280;
display:inline-flex;align-items:center;gap:.25rem;
}
.recommended-jobs-grid .job-card__summary{
font-size:.875rem;color:#4b5563;
margin:0;line-height:1.45;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;
}
.recommended-jobs-grid .job-card__footer{
display:flex;flex-wrap:wrap;gap:.375rem;
margin-top:auto;padding-top:.5rem;
}
.recommended-jobs-grid .job-card__tag{
font-size:.72rem;font-weight:500;
padding:.25rem .55rem;
border-radius:999px;
background:#f3f4f6;color:#374151;
}
.recommended-jobs-grid .job-card__tag--accent{
background:#eef2ff;color:#4338ca;
}
/* Bouton retour vers la liste */
.article-back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:12px;font-weight:600;color:#4B5563;text-decoration:none;margin-bottom:14px;transition:border-color .15s,color .15s}
.article-back-link:hover{border-color:var(--theme-color,#6C3AED);color:var(--theme-color,#6C3AED)}
.article-back-link svg{width:13px;height:13px}
</style>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 356
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_body(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
// line 357
yield " <div class=\"article-layout\">
";
// line 360
yield " <article class=\"article-card-main\">
";
// line 363
yield " ";
if ((($tmp = !(null === CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 363, $this->source); })()), "image", [], "any", false, false, false, 363), "name", [], "any", false, false, false, 363))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 364
yield " <div class=\"article-card-cover\">
<img src=\"";
// line 365
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset((isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 365, $this->source); })()), "imageFile"), "html", null, true);
yield "\" alt=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 365, $this->source); })()), "title", [], "any", false, false, false, 365), "html", null, true);
yield "\" />
<div class=\"article-card-cover-overlay\"></div>
</div>
";
}
// line 369
yield "
<div class=\"article-card-head\">
<h1 class=\"article-card-title\">";
// line 371
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 371, $this->source); })()), "title", [], "any", false, false, false, 371), "html", null, true);
yield "</h1>
";
// line 373
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 373, $this->source); })()), "subtitle", [], "any", false, false, false, 373))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 374
yield " <p class=\"article-card-subtitle\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 374, $this->source); })()), "subtitle", [], "any", false, false, false, 374), "html", null, true);
yield "</p>
";
}
// line 376
yield "
<div class=\"article-card-meta\">
";
// line 378
if (( !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 378, $this->source); })()), "author", [], "any", false, false, false, 378)) && !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 378, $this->source); })()), "author", [], "any", false, false, false, 378)))) {
// line 379
yield " <span class=\"article-card-meta-item\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>
</svg>
";
// line 383
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 383, $this->source); })()), "author", [], "any", false, false, false, 383), "html", null, true);
yield "
</span>
";
}
// line 386
yield "
";
// line 395
yield " </div>
</div>
</article>
";
// line 400
yield " ";
$context["summaryHtml"] = $this->extensions['App\Twig\PagesExtension']->autosummary(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 400, $this->source); })()), "description", [], "any", false, false, false, 400));
// line 401
yield " ";
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty((isset($context["summaryHtml"]) || array_key_exists("summaryHtml", $context) ? $context["summaryHtml"] : (function () { throw new RuntimeError('Variable "summaryHtml" does not exist.', 401, $this->source); })()))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 402
yield " <div class=\"article-toc-fab\" id=\"articleTocFab\">
";
// line 404
yield " <div class=\"article-toc-panel\" id=\"articleTocPanel\" role=\"dialog\" aria-label=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("article.summary.title", [], "vitrine-lexend"), "html", null, true);
yield "\">
<div class=\"article-toc-panel-header\">
<span class=\"article-toc-panel-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/>
</svg>
</span>
<span class=\"article-toc-panel-label\">";
// line 411
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("article.summary.title", [], "vitrine-lexend"), "html", null, true);
yield "</span>
<button type=\"button\" class=\"article-toc-panel-close\" id=\"articleTocClose\" aria-label=\"Close\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
</svg>
</button>
</div>
<div class=\"article-toc-panel-body\">
<div class=\"summary article-summary\">";
// line 419
yield (isset($context["summaryHtml"]) || array_key_exists("summaryHtml", $context) ? $context["summaryHtml"] : (function () { throw new RuntimeError('Variable "summaryHtml" does not exist.', 419, $this->source); })());
yield "</div>
";
// line 421
if ((($tmp = $this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_SUPER_ADMIN")) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 422
yield " <div style=\"margin-top:12px;padding-top:10px;border-top:1px solid #F3F4F6;\">
<a href=\"";
// line 423
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("bo_articles_edit", ["id" => CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 423, $this->source); })()), "id", [], "any", false, false, false, 423)]), "html", null, true);
yield "\"
style=\"font-size:11px;font-weight:600;color:#DC2626;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;\">
<i class=\"feather-edit-2 me-1\"></i>";
// line 425
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("article.summary.edit", [], "vitrine-lexend"), "html", null, true);
yield "
</a>
</div>
";
}
// line 429
yield " </div>
</div>
";
// line 433
yield " <button type=\"button\" class=\"article-toc-trigger\" id=\"articleTocTrigger\" aria-expanded=\"false\">
<span class=\"article-toc-trigger-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/>
</svg>
</span>
<span class=\"article-toc-trigger-label\">";
// line 439
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("article.summary.title", [], "vitrine-lexend"), "html", null, true);
yield "</span>
<span class=\"article-toc-trigger-count\" id=\"articleTocCount\">·</span>
</button>
</div>
<div class=\"article-toc-backdrop\" id=\"articleTocBackdrop\"></div>
";
}
// line 445
yield "
";
// line 447
yield " <div class=\"article-card-content\">
<div class=\"article-card-section\">
<div id=\"single-post\" class=\"post-content article-content\">
";
// line 450
yield $this->extensions['App\Twig\ArticlesExtension']->contentArticle($this->extensions['App\Twig\PagesExtension']->autosummaryID(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 450, $this->source); })()), "description", [], "any", false, false, false, 450)));
yield "
</div>
";
// line 454
yield " ";
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 454, $this->source); })()), "tags", [], "any", false, false, false, 454))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 455
yield " <div class=\"article-tags\">
";
// line 456
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::split($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 456, $this->source); })()), "tags", [], "any", false, false, false, 456), ","));
foreach ($context['_seq'] as $context["_key"] => $context["tag"]) {
// line 457
yield " ";
$context["t"] = Twig\Extension\CoreExtension::trim($context["tag"]);
// line 458
yield " ";
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty((isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 458, $this->source); })()))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 459
yield " <span class=\"article-tag\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["t"]) || array_key_exists("t", $context) ? $context["t"] : (function () { throw new RuntimeError('Variable "t" does not exist.', 459, $this->source); })()), "html", null, true);
yield "</span>
";
}
// line 461
yield " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['tag'], $context['_parent']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 462
yield " </div>
";
}
// line 464
yield " </div>
</div>
";
// line 468
yield " ";
if ((($this->extensions['App\Twig\CoreExtension']->getEnv("KERNEL_APPLICATION") == "whileresume") && CoreExtension::inFilter(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.', 468, $this->source); })()), "request", [], "any", false, false, false, 468), "locale", [], "any", false, false, false, 468), ["fr", "en"]))) {
// line 469
yield " <div class=\"article-cta\">
<span class=\"article-cta-eyebrow\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>
</svg>
Whileresume
</span>
<h2 class=\"article-cta-title\">
";
// line 478
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 478, $this->source); })()), "request", [], "any", false, false, false, 478), "locale", [], "any", false, false, false, 478) == "fr")) {
// line 479
yield " Talents et entreprises se rencontrent ici.
";
} else {
// line 481
yield " Where talent meets fast-growing companies.
";
}
// line 483
yield " </h2>
<div class=\"article-cta-grid\">
<div class=\"article-cta-side\">
<div class=\"article-cta-side-head\">
<span class=\"article-cta-side-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
</svg>
</span>
<span class=\"article-cta-side-label\">";
// line 493
yield (((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.', 493, $this->source); })()), "request", [], "any", false, false, false, 493), "locale", [], "any", false, false, false, 493) == "fr")) ? ("Recruteur") : ("Recruiter"));
yield "</span>
</div>
<h3 class=\"article-cta-side-heading\">
";
// line 496
yield (((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.', 496, $this->source); })()), "request", [], "any", false, false, false, 496), "locale", [], "any", false, false, false, 496) == "fr")) ? ("Recrutez des profils d'exception, plus vite.") : ("Hire exceptional talent, faster."));
yield "
</h3>
<p class=\"article-cta-side-text\">
";
// line 499
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 499, $this->source); })()), "request", [], "any", false, false, false, 499), "locale", [], "any", false, false, false, 499) == "fr")) {
// line 500
yield " Accédez aux meilleurs talents du marché et connectez-vous directement à des candidats qualifiés en quête de leur prochain défi.
";
} else {
// line 502
yield " Get access to top market talent and connect directly with qualified candidates ready for their next challenge.
";
}
// line 504
yield " </p>
<a href=\"";
// line 505
yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_business_" . 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.', 505, $this->source); })()), "request", [], "any", false, false, false, 505), "locale", [], "any", false, false, false, 505)));
yield "\" class=\"article-cta-side-btn\">
";
// line 506
yield (((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.', 506, $this->source); })()), "request", [], "any", false, false, false, 506), "locale", [], "any", false, false, false, 506) == "fr")) ? ("Je recrute") : ("I'm recruiting"));
yield "
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
</svg>
</a>
</div>
<div class=\"article-cta-side\">
<div class=\"article-cta-side-head\">
<span class=\"article-cta-side-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>
</svg>
</span>
<span class=\"article-cta-side-label\">";
// line 520
yield (((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.', 520, $this->source); })()), "request", [], "any", false, false, false, 520), "locale", [], "any", false, false, false, 520) == "fr")) ? ("Candidat") : ("Candidate"));
yield "</span>
</div>
<h3 class=\"article-cta-side-heading\">
";
// line 523
yield (((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.', 523, $this->source); })()), "request", [], "any", false, false, false, 523), "locale", [], "any", false, false, false, 523) == "fr")) ? ("Trouvez le job qui vous ressemble.") : ("Find the job that fits you."));
yield "
</h3>
<p class=\"article-cta-side-text\">
";
// line 526
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 526, $this->source); })()), "request", [], "any", false, false, false, 526), "locale", [], "any", false, false, false, 526) == "fr")) {
// line 527
yield " On vous accompagne dans la recherche de votre poste idéal au sein des entreprises les plus prometteuses du marché.
";
} else {
// line 529
yield " We support you in finding your ideal position within the most promising companies on the market.
";
}
// line 531
yield " </p>
<a href=\"";
// line 532
yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(("whileresume_resume_" . 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.', 532, $this->source); })()), "request", [], "any", false, false, false, 532), "locale", [], "any", false, false, false, 532)));
yield "\" class=\"article-cta-side-btn\">
";
// line 533
yield (((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.', 533, $this->source); })()), "request", [], "any", false, false, false, 533), "locale", [], "any", false, false, false, 533) == "fr")) ? ("Je cherche un job") : ("I'm looking for a job"));
yield "
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
</svg>
</a>
</div>
</div>
</div>
";
}
// line 542
yield "
";
// line 543
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 543, $this->source); })()), "ctaHTML", [], "any", false, false, false, 543))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["article"]) || array_key_exists("article", $context) ? $context["article"] : (function () { throw new RuntimeError('Variable "article" does not exist.', 543, $this->source); })()), "ctaHTML", [], "any", false, false, false, 543);
}
// line 544
yield "
";
// line 546
yield " ";
if ((array_key_exists("similarArticles", $context) && !Twig\Extension\CoreExtension::testEmpty((isset($context["similarArticles"]) || array_key_exists("similarArticles", $context) ? $context["similarArticles"] : (function () { throw new RuntimeError('Variable "similarArticles" does not exist.', 546, $this->source); })())))) {
// line 547
yield " <h4 class=\"similar-section-title\">
";
// line 548
yield (((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.', 548, $this->source); })()), "request", [], "any", false, false, false, 548), "locale", [], "any", false, false, false, 548) == "fr")) ? ("Articles similaires") : ("Similar articles"));
yield " · ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["similarArticles"]) || array_key_exists("similarArticles", $context) ? $context["similarArticles"] : (function () { throw new RuntimeError('Variable "similarArticles" does not exist.', 548, $this->source); })())), "html", null, true);
yield "
</h4>
";
// line 550
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["similarArticles"]) || array_key_exists("similarArticles", $context) ? $context["similarArticles"] : (function () { throw new RuntimeError('Variable "similarArticles" does not exist.', 550, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["sa"]) {
// line 551
yield "
";
// line 553
yield " ";
$context["prefix"] = "";
// line 554
yield " ";
$context["urlSa"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("cvs_website_article", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "slug", [], "any", false, false, false, 554)]);
// line 555
yield " ";
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 555, $this->source); })()), "request", [], "any", false, false, false, 555), "locale", [], "any", false, false, false, 555) != (isset($context["default_locale"]) || array_key_exists("default_locale", $context) ? $context["default_locale"] : (function () { throw new RuntimeError('Variable "default_locale" does not exist.', 555, $this->source); })()))) {
// line 556
yield " ";
$context["urlSa"] = $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_website_article", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 556, $this->source); })()), "request", [], "any", false, false, false, 556), "locale", [], "any", false, false, false, 556), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "slug", [], "any", false, false, false, 556)]);
// line 557
yield " ";
$context["prefix"] = ("/" . 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.', 557, $this->source); })()), "request", [], "any", false, false, false, 557), "locale", [], "any", false, false, false, 557));
// line 558
yield " ";
}
// line 559
yield " ";
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug3", [], "any", false, false, false, 559))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 560
yield " ";
$context["urlSa"] = (((((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 560, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 560)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug2", [], "any", false, false, false, 560)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug3", [], "any", false, false, false, 560));
// line 561
yield " ";
} elseif ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug2", [], "any", false, false, false, 561))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 562
yield " ";
$context["urlSa"] = (((((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 562, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 562)) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug2", [], "any", false, false, false, 562));
// line 563
yield " ";
} elseif ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 563))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 564
yield " ";
$context["urlSa"] = (((isset($context["prefix"]) || array_key_exists("prefix", $context) ? $context["prefix"] : (function () { throw new RuntimeError('Variable "prefix" does not exist.', 564, $this->source); })()) . "/") . CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 564));
// line 565
yield " ";
}
// line 566
yield "
<a href=\"";
// line 567
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["urlSa"]) || array_key_exists("urlSa", $context) ? $context["urlSa"] : (function () { throw new RuntimeError('Variable "urlSa" does not exist.', 567, $this->source); })()), "html", null, true);
yield "\" class=\"similar-card\">
<div class=\"similar-card-logo\">
";
// line 569
if ((($tmp = !(null === CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "image", [], "any", false, false, false, 569), "name", [], "any", false, false, false, 569))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 570
yield " <img src=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["sa"], "imageFile"), "html", null, true);
yield "\" alt=\"\">
";
} else {
// line 572
yield " <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
<path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
</svg>
";
}
// line 577
yield " </div>
<div class=\"similar-card-info\">
<div class=\"similar-card-title\">";
// line 579
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "title", [], "any", false, false, false, 579), "html", null, true);
yield "</div>
<div class=\"similar-card-meta\">
<span>";
// line 581
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "publishedAt", [], "any", false, false, false, 581), "d M Y"), "html", null, true);
yield "</span>
";
// line 582
if (( !(null === CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "author", [], "any", false, false, false, 582)) && !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "author", [], "any", false, false, false, 582)))) {
// line 583
yield " <span class=\"similar-card-meta-sep\"></span>
<span>";
// line 584
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "author", [], "any", false, false, false, 584), "html", null, true);
yield "</span>
";
}
// line 586
yield " ";
if ((($tmp = !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 586))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 587
yield " <span class=\"similar-card-meta-sep\"></span>
<span>";
// line 588
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["sa"], "pageslug", [], "any", false, false, false, 588), "html", null, true);
yield "</span>
";
}
// line 590
yield " </div>
</div>
<span class=\"similar-card-arrow\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polyline points=\"9 18 15 12 9 6\"/>
</svg>
</span>
</a>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['sa'], $context['_parent']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 599
yield " ";
}
// line 600
yield "
";
// line 602
yield " ";
if ((array_key_exists("recommendedJobs", $context) && !Twig\Extension\CoreExtension::testEmpty((isset($context["recommendedJobs"]) || array_key_exists("recommendedJobs", $context) ? $context["recommendedJobs"] : (function () { throw new RuntimeError('Variable "recommendedJobs" does not exist.', 602, $this->source); })())))) {
// line 603
yield " <div class=\"recommended-jobs-header\">
<h4 class=\"similar-section-title\" style=\"margin-bottom:0\">
<span class=\"recommended-jobs-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
<path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
</svg>
</span>
";
// line 611
yield (((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.', 611, $this->source); })()), "request", [], "any", false, false, false, 611), "locale", [], "any", false, false, false, 611) == "fr")) ? ("Découvrez nos offres") : ("Discover our jobs"));
yield " · ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["recommendedJobs"]) || array_key_exists("recommendedJobs", $context) ? $context["recommendedJobs"] : (function () { throw new RuntimeError('Variable "recommendedJobs" does not exist.', 611, $this->source); })())), "html", null, true);
yield "
</h4>
<a href=\"";
// line 613
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 613, $this->source); })()), "request", [], "any", false, false, false, 613), "locale", [], "any", false, false, false, 613) == "en")) {
yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("whileresume_jobs_list");
} else {
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_whileresume_jobs_list", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 613, $this->source); })()), "request", [], "any", false, false, false, 613), "locale", [], "any", false, false, false, 613)]), "html", null, true);
}
yield "\"
class=\"recommended-jobs-all\">
";
// line 615
yield (((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.', 615, $this->source); })()), "request", [], "any", false, false, false, 615), "locale", [], "any", false, false, false, 615) == "fr")) ? ("Voir toutes les offres") : ("See all jobs"));
yield "
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polyline points=\"9 18 15 12 9 6\"/>
</svg>
</a>
</div>
<div class=\"row g-3 recommended-jobs-grid\">
";
// line 623
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["recommendedJobs"]) || array_key_exists("recommendedJobs", $context) ? $context["recommendedJobs"] : (function () { throw new RuntimeError('Variable "recommendedJobs" does not exist.', 623, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["k"]) {
// line 624
yield " <div class=\"col-md-6 col-lg-4\">
<a href=\"";
// line 625
if ((CoreExtension::getAttribute($this->env, $this->source, $context["k"], "locale", [], "any", false, false, false, 625) == "fr")) {
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("locale_cvs_application_job_show", ["_locale" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 625, $this->source); })()), "request", [], "any", false, false, false, 625), "locale", [], "any", false, false, false, 625), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["k"], "slug", [], "any", false, false, false, 625)]), "html", null, true);
} else {
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["k"], "slug", [], "any", false, false, false, 625)]), "html", null, true);
}
yield "\" class=\"job-card\">
<div class=\"job-card__header\">
";
// line 627
if ((CoreExtension::getAttribute($this->env, $this->source, $context["k"], "image", [], "any", false, false, false, 627) && CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["k"], "image", [], "any", false, false, false, 627), "name", [], "any", false, false, false, 627))) {
// line 628
yield " <img src=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Vich\UploaderBundle\Twig\Extension\UploaderExtension']->asset($context["k"], "imageFile"), "html", null, true);
yield "\" alt=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "companyName", [], "any", false, false, false, 628), "html", null, true);
yield "\" class=\"job-card__logo\">
";
} else {
// line 630
yield " <div class=\"job-card__logo job-card__logo--placeholder\">
";
// line 631
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), Twig\Extension\CoreExtension::slice($this->env->getCharset(), ((CoreExtension::getAttribute($this->env, $this->source, $context["k"], "companyName", [], "any", true, true, false, 631)) ? (Twig\Extension\CoreExtension::default(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "companyName", [], "any", false, false, false, 631), "?")) : ("?")), 0, 1)), "html", null, true);
yield "
</div>
";
}
// line 634
yield " <div class=\"job-card__company\">
<span class=\"job-card__company-name\">";
// line 635
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "jobTitle", [], "any", false, false, false, 635), "html", null, true);
yield "</span>
<span class=\"job-card__location\">
<i class=\"fas fa-map-marker-alt\"></i>
";
// line 638
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "city", [], "any", false, false, false, 638), "html", null, true);
if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["k"], "country", [], "any", false, false, false, 638)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
yield ", ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "country", [], "any", false, false, false, 638), "html", null, true);
}
// line 639
yield " </span>
</div>
</div>
";
// line 643
$context["summary"] = ((CoreExtension::getAttribute($this->env, $this->source, $context["k"], "jobSummary", [], "any", false, false, false, 643)) ? (CoreExtension::getAttribute($this->env, $this->source, $context["k"], "jobSummary", [], "any", false, false, false, 643)) : (CoreExtension::getAttribute($this->env, $this->source, $context["k"], "shortDescription", [], "any", false, false, false, 643)));
// line 644
yield " ";
if ((($tmp = (isset($context["summary"]) || array_key_exists("summary", $context) ? $context["summary"] : (function () { throw new RuntimeError('Variable "summary" does not exist.', 644, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
// line 645
yield " <p class=\"job-card__summary\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::slice($this->env->getCharset(), Twig\Extension\CoreExtension::striptags((isset($context["summary"]) || array_key_exists("summary", $context) ? $context["summary"] : (function () { throw new RuntimeError('Variable "summary" does not exist.', 645, $this->source); })())), 0, 140), "html", null, true);
if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["summary"]) || array_key_exists("summary", $context) ? $context["summary"] : (function () { throw new RuntimeError('Variable "summary" does not exist.', 645, $this->source); })())) > 140)) {
yield "…";
}
yield "</p>
";
}
// line 647
yield "
<div class=\"job-card__footer\">
";
// line 649
if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["k"], "employmentType", [], "any", false, false, false, 649)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
yield "<span class=\"job-card__tag\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "employmentType", [], "any", false, false, false, 649), "html", null, true);
yield "</span>";
}
// line 650
yield " ";
if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["k"], "remoteWork", [], "any", false, false, false, 650)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
yield "<span class=\"job-card__tag job-card__tag--accent\">";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["k"], "remoteWork", [], "any", false, false, false, 650), "html", null, true);
yield "</span>";
}
// line 651
yield " </div>
</a>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['k'], $context['_parent']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 655
yield " </div>
";
}
// line 657
yield "
</div>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 661
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_footer_js(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer_js"));
// line 662
yield " ";
yield from $this->yieldParentBlock("footer_js", $context, $blocks);
yield "
<script>
(function() {
var fab = document.getElementById('articleTocFab');
var trigger = document.getElementById('articleTocTrigger');
var panel = document.getElementById('articleTocPanel');
var closeBtn = document.getElementById('articleTocClose');
var backdrop = document.getElementById('articleTocBackdrop');
var countEl = document.getElementById('articleTocCount');
if (!fab || !trigger) return;
// ── Ouvrir / fermer le panneau ──
function openPanel(){
fab.classList.add('is-open');
if (backdrop) backdrop.classList.add('is-visible');
trigger.setAttribute('aria-expanded', 'true');
}
function closePanel(){
fab.classList.remove('is-open');
if (backdrop) backdrop.classList.remove('is-visible');
trigger.setAttribute('aria-expanded', 'false');
}
function togglePanel(){
if (fab.classList.contains('is-open')) closePanel(); else openPanel();
}
trigger.addEventListener('click', function(e){ e.stopPropagation(); togglePanel(); });
if (closeBtn) closeBtn.addEventListener('click', closePanel);
if (backdrop) backdrop.addEventListener('click', closePanel);
// Échap pour fermer
document.addEventListener('keydown', function(e){
if (e.key === 'Escape' && fab.classList.contains('is-open')) closePanel();
});
// Clic en dehors (au cas où, pour les contextes sans backdrop)
document.addEventListener('click', function(e){
if (!fab.classList.contains('is-open')) return;
if (panel && !panel.contains(e.target) && !trigger.contains(e.target)) closePanel();
});
// ── Scroll spy + compteur ──
var summaryLinks = document.querySelectorAll('.article-summary a[href^=\"#\"]');
if (countEl) {
countEl.textContent = summaryLinks.length || '·';
}
if (!summaryLinks.length) return;
var targets = [];
summaryLinks.forEach(function(link) {
var id = link.getAttribute('href').replace('#', '');
var target = document.getElementById(id);
if (target) targets.push({ link: link, target: target });
});
if (!targets.length) return;
function onScroll() {
var scrollY = window.scrollY + 120;
var current = null;
var currentIndex = 0;
targets.forEach(function(item, i) {
if (item.target.offsetTop <= scrollY) {
current = item;
currentIndex = i;
}
});
summaryLinks.forEach(function(l) { l.parentElement.classList.remove('active'); });
if (current) {
current.link.parentElement.classList.add('active');
if (countEl) {
countEl.textContent = (currentIndex + 1) + '/' + targets.length;
trigger.classList.add('has-active');
}
} else {
if (countEl) countEl.textContent = targets.length;
trigger.classList.remove('has-active');
}
}
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
// Ferme le panneau quand on clique sur un lien d'ancre
summaryLinks.forEach(function(link){
link.addEventListener('click', function(){
setTimeout(closePanel, 150);
});
});
})();
</script>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName(): string
{
return "application/whileresume/website/page_article.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable(): bool
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo(): array
{
return array ( 1226 => 662, 1213 => 661, 1200 => 657, 1196 => 655, 1187 => 651, 1180 => 650, 1174 => 649, 1170 => 647, 1161 => 645, 1158 => 644, 1156 => 643, 1150 => 639, 1144 => 638, 1138 => 635, 1135 => 634, 1129 => 631, 1126 => 630, 1118 => 628, 1116 => 627, 1107 => 625, 1104 => 624, 1100 => 623, 1089 => 615, 1080 => 613, 1073 => 611, 1063 => 603, 1060 => 602, 1057 => 600, 1054 => 599, 1040 => 590, 1035 => 588, 1032 => 587, 1029 => 586, 1024 => 584, 1021 => 583, 1019 => 582, 1015 => 581, 1010 => 579, 1006 => 577, 999 => 572, 993 => 570, 991 => 569, 986 => 567, 983 => 566, 980 => 565, 977 => 564, 974 => 563, 971 => 562, 968 => 561, 965 => 560, 962 => 559, 959 => 558, 956 => 557, 953 => 556, 950 => 555, 947 => 554, 944 => 553, 941 => 551, 937 => 550, 930 => 548, 927 => 547, 924 => 546, 921 => 544, 917 => 543, 914 => 542, 902 => 533, 898 => 532, 895 => 531, 891 => 529, 887 => 527, 885 => 526, 879 => 523, 873 => 520, 856 => 506, 852 => 505, 849 => 504, 845 => 502, 841 => 500, 839 => 499, 833 => 496, 827 => 493, 815 => 483, 811 => 481, 807 => 479, 805 => 478, 794 => 469, 791 => 468, 786 => 464, 782 => 462, 776 => 461, 770 => 459, 767 => 458, 764 => 457, 760 => 456, 757 => 455, 754 => 454, 748 => 450, 743 => 447, 740 => 445, 731 => 439, 723 => 433, 718 => 429, 711 => 425, 706 => 423, 703 => 422, 701 => 421, 696 => 419, 685 => 411, 674 => 404, 671 => 402, 668 => 401, 665 => 400, 659 => 395, 656 => 386, 650 => 383, 644 => 379, 642 => 378, 638 => 376, 632 => 374, 630 => 373, 625 => 371, 621 => 369, 612 => 365, 609 => 364, 606 => 363, 602 => 360, 598 => 357, 585 => 356, 231 => 13, 218 => 12, 195 => 10, 167 => 9, 143 => 8, 120 => 7, 97 => 6, 74 => 5, 63 => 1, 61 => 3, 48 => 1,);
}
public function getSourceContext(): Source
{
return new Source("{% extends 'application/whileresume/website/layout-social.html.twig' %}
{% set paramArticle = getCoreToolsList(\"article\") %}
{% block title %}{{ article.title }}{% endblock title %}
{% block description %}{{ article.shortDescription }}{% endblock description %}
{% block robots %}index,follow{% endblock robots %}
{% block meta_social %}{{ parent() }}{% include \"/vitrine/components/socialmedia_articles.html.twig\" with { 'social_type':'article','article':article } %}{% endblock meta_social %}
{% block meta %}{{ parent() }}{% if article.author is not null and article.author is not empty %}<meta name=\"author\" content=\"{{ article.author }}\" />{% endif %}{% endblock meta %}
{% block canonical %}{% include \"/vitrine/lexend/articles/components/canonical.html.twig\" with {'article':article} %}{% endblock canonical %}
{% block css %}
{{ parent() }}
<style>
/* ═══════════════════════════════════════════════════════════════
PAGE ARTICLE — pattern jobs/show (1 colonne max-width 880px)
═══════════════════════════════════════════════════════════════ */
.article-layout{display:block;max-width:880px;margin:0 auto}
/* ─── Header card (titre + meta) ─── */
.article-card-main{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.06);overflow:hidden;margin-bottom:14px}
.article-card-cover{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#6C3AED 0%,#8B5CF6 50%,#A78BFA 100%);overflow:hidden}
.article-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-card-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 100%)}
@media(max-width:480px){.article-card-cover{height:140px}}
.article-card-head{padding:20px 24px 18px}
@media(max-width:480px){.article-card-head{padding:16px 18px 14px}}
.article-card-title{font-size:24px;font-weight:800;color:#1E1B2E;line-height:1.25;letter-spacing:-0.02em;margin:0 0 10px}
@media(min-width:768px){.article-card-title{font-size:28px}}
@media(max-width:480px){.article-card-title{font-size:22px}}
.article-card-subtitle{font-size:15px;color:#4B5563;line-height:1.5;margin:0 0 14px}
@media(max-width:480px){.article-card-subtitle{font-size:14px}}
.article-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}
.article-card-meta-item{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:100px;background:#F3F4F6;font-size:12px;color:#4B5563;font-weight:500}
.article-card-meta-item svg{width:12px;height:12px;flex-shrink:0;color:#6B7280}
.article-card-meta-featured{background:#FEF3C7;color:#92400E;font-weight:600}
.article-card-meta-featured svg{color:currentColor}
/* ─── TOC sommaire flottant (bas à gauche, minimaliste) ─── */
.article-toc-fab{
position:fixed;
left:20px;
bottom:20px;
z-index:100;
}
@media(max-width:991px){
.article-toc-fab{left:16px;bottom:16px}
}
/* Bouton FAB (état fermé) */
.article-toc-trigger{
display:inline-flex;align-items:center;gap:8px;
background:#1E1B2E;
color:#fff;
border:none;
border-radius:100px;
padding:11px 18px 11px 14px;
font-size:13px;font-weight:600;
font-family:inherit;
cursor:pointer;
box-shadow:0 8px 24px rgba(30,27,46,.28),0 2px 6px rgba(30,27,46,.18);
transition:transform .2s ease,box-shadow .2s ease,background .15s ease;
}
.article-toc-trigger:hover{
transform:translateY(-2px);
box-shadow:0 12px 30px rgba(30,27,46,.35),0 3px 8px rgba(30,27,46,.22);
background:var(--theme-color,#6C3AED);
}
.article-toc-trigger-icon{
display:inline-flex;align-items:center;justify-content:center;
width:24px;height:24px;border-radius:50%;
background:rgba(255,255,255,.15);
flex-shrink:0;
}
.article-toc-trigger-icon svg{width:12px;height:12px}
.article-toc-trigger-count{
display:inline-flex;align-items:center;justify-content:center;
min-width:20px;height:20px;padding:0 6px;border-radius:100px;
background:var(--theme-color,#6C3AED);
color:#fff;
font-size:10.5px;font-weight:700;
line-height:1;
margin-left:2px;
}
.article-toc-trigger.has-active .article-toc-trigger-count{
background:#fff;
color:var(--theme-color,#6C3AED);
}
@media(max-width:540px){
.article-toc-trigger-label{display:none}
.article-toc-trigger{padding:11px 12px}
}
/* Panneau (état ouvert) */
.article-toc-panel{
position:absolute;
left:0;
bottom:calc(100% + 10px);
width:320px;
max-width:calc(100vw - 40px);
background:#fff;
border-radius:16px;
box-shadow:0 16px 48px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.08);
opacity:0;
transform:translateY(8px) scale(.96);
transform-origin:bottom left;
pointer-events:none;
transition:opacity .2s ease,transform .2s ease;
overflow:hidden;
}
.article-toc-fab.is-open .article-toc-panel{
opacity:1;
transform:translateY(0) scale(1);
pointer-events:auto;
}
@media(max-width:540px){
.article-toc-panel{width:calc(100vw - 32px);max-width:340px}
}
.article-toc-panel-header{
display:flex;align-items:center;gap:10px;
padding:14px 16px;
border-bottom:1px solid #F3F4F6;
}
.article-toc-panel-icon{
display:inline-flex;align-items:center;justify-content:center;
width:28px;height:28px;border-radius:8px;
background:#F5F3FF;
color:var(--theme-color,#6C3AED);
flex-shrink:0;
}
.article-toc-panel-icon svg{width:13px;height:13px}
.article-toc-panel-label{
font-size:11px;font-weight:700;
color:#1E1B2E;
text-transform:uppercase;letter-spacing:.08em;
flex:1;margin:0;
}
.article-toc-panel-close{
background:transparent;border:0;
color:#9CA3AF;cursor:pointer;
padding:4px;line-height:1;
display:inline-flex;
border-radius:6px;
transition:background .15s,color .15s;
}
.article-toc-panel-close:hover{background:#F3F4F6;color:#1E1B2E}
.article-toc-panel-close svg{width:14px;height:14px}
.article-toc-panel-body{
padding:14px 16px;
max-height:60vh;
overflow-y:auto;
}
.article-toc-panel-body::-webkit-scrollbar{width:4px}
.article-toc-panel-body::-webkit-scrollbar-thumb{background:#E5E7EB;border-radius:4px}
.article-summary ul,.article-summary ol{padding-left:0;margin:0;list-style:none}
.article-summary li{font-size:13px;line-height:1.5;margin-bottom:6px;font-weight:500;position:relative;padding-left:14px}
.article-summary li::before{content:\"\";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#D1D5DB;transition:background .15s ease,transform .15s ease}
.article-summary li:hover::before{background:var(--theme-color,#6C3AED);transform:scale(1.4)}
.article-summary li a{color:#4B5563;text-decoration:none;transition:color .15s ease;display:block}
.article-summary li a:hover{color:var(--theme-color,#6C3AED)}
.article-summary li.active>a{color:var(--theme-color,#6C3AED);font-weight:700}
.article-summary li.active::before{background:var(--theme-color,#6C3AED);transform:scale(1.4)}
.article-summary ul ul,.article-summary ol ol{margin-top:6px;padding-left:14px}
/* Backdrop discret (clic en dehors pour fermer) */
.article-toc-backdrop{
position:fixed;inset:0;
background:transparent;
z-index:99;
opacity:0;
pointer-events:none;
transition:opacity .2s ease;
}
.article-toc-backdrop.is-visible{
opacity:1;
pointer-events:auto;
}
/* ─── Contenu de l'article ─── */
.article-card-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.06);overflow:hidden;margin-bottom:14px}
.article-card-section{padding:24px}
@media(max-width:480px){.article-card-section{padding:18px}}
.article-content{font-size:15px;line-height:1.75;color:#374151}
.article-content h2{font-size:22px;font-weight:700;color:#1E1B2E;margin:28px 0 12px;line-height:1.3;letter-spacing:-0.01em;scroll-margin-top:80px}
.article-content h2:first-child{margin-top:0}
.article-content h3{font-size:18px;font-weight:700;color:#1E1B2E;margin:22px 0 10px;line-height:1.3;scroll-margin-top:80px}
.article-content h4{font-size:16px;font-weight:700;color:#1E1B2E;margin:18px 0 8px}
.article-content p{margin-bottom:14px}
.article-content a{color:var(--theme-color,#6C3AED);text-decoration:none;font-weight:500}
.article-content a:hover{text-decoration:underline}
.article-content ul,.article-content ol{padding-left:24px;margin-bottom:14px}
.article-content li{margin-bottom:6px}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.article-content blockquote{border-left:4px solid var(--theme-color,#6C3AED);padding:10px 18px;margin:16px 0;background:#F5F3FF;border-radius:0 8px 8px 0;font-style:italic;color:#4B5563}
.article-content code{background:#F3F4F6;padding:2px 6px;border-radius:4px;font-size:13px;color:#D6336C;font-family:\"SF Mono\",Menlo,Monaco,Consolas,monospace}
.article-content pre{background:#1E1B2E;color:#F3F4F6;padding:18px;border-radius:10px;overflow-x:auto;margin:16px 0;font-size:13px;line-height:1.6}
.article-content pre code{background:transparent;color:inherit;padding:0}
.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article-content th,.article-content td{padding:10px 12px;border:1px solid #E5E7EB;text-align:left}
.article-content th{background:#F9FAFB;font-weight:700;color:#1E1B2E}
/* ─── Tags en bas du contenu ─── */
.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px;padding-top:18px;border-top:1px solid #F3F4F6}
.article-tag{display:inline-flex;align-items:center;padding:5px 11px;border-radius:100px;background:#F5F3FF;color:var(--theme-color,#6C3AED);font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s}
.article-tag:hover{background:#EDE9FE;transform:translateY(-1px);color:var(--theme-color,#6C3AED)}
.article-tag::before{content:\"#\";opacity:.6;margin-right:1px}
/* ─── CTA inline (Recruteur / Candidat) ─── */
.article-cta{position:relative;border-radius:18px;padding:24px;margin-bottom:14px;background:linear-gradient(135deg,#6C3AED 0%,#8B5CF6 50%,#A78BFA 100%);overflow:hidden;box-shadow:0 10px 30px -8px rgba(108,58,237,.35)}
.article-cta::before{content:\"\";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}
.article-cta::after{content:\"\";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}
.article-cta-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:100px;margin-bottom:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:2}
.article-cta-eyebrow svg{width:12px;height:12px}
.article-cta-title{font-size:20px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-0.01em;margin:0 0 18px;position:relative;z-index:2}
@media(min-width:768px){.article-cta-title{font-size:24px}}
.article-cta-grid{display:grid;grid-template-columns:1fr;gap:12px;position:relative;z-index:2}
@media(min-width:640px){.article-cta-grid{grid-template-columns:1fr 1fr;gap:14px}}
.article-cta-side{background:rgba(255,255,255,.97);border-radius:14px;padding:18px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.article-cta-side:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,0,0,.18)}
.article-cta-side-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.article-cta-side-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);color:var(--theme-color,#6C3AED);flex-shrink:0}
.article-cta-side-icon svg{width:18px;height:18px}
.article-cta-side-label{font-size:11px;font-weight:700;color:var(--theme-color,#6C3AED);text-transform:uppercase;letter-spacing:.08em;margin:0}
.article-cta-side-heading{font-size:15px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 8px}
.article-cta-side-text{font-size:13px;color:#6B7280;line-height:1.5;margin:0 0 14px;flex:1}
.article-cta-side-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--theme-color,#6C3AED);color:#fff;text-decoration:none;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:background .15s,transform .15s}
.article-cta-side-btn:hover{background:#5B21B6;color:#fff;transform:translateX(2px)}
.article-cta-side-btn svg{width:14px;height:14px;transition:transform .15s}
.article-cta-side-btn:hover svg{transform:translateX(2px)}
/* ─── Articles similaires (style identique aux jobs) ─── */
.similar-section-title{font-size:11px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.08em;margin:32px 0 12px;padding-left:4px;display:inline-flex;align-items:center;gap:8px}
.similar-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 0 16px 0 rgba(0,0,0,0.04);margin-bottom:10px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s}
.similar-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,58,237,.1);color:inherit}
.similar-card-logo{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);display:flex;align-items:center;justify-content:center;color:var(--theme-color,#6C3AED);flex-shrink:0;overflow:hidden}
.similar-card-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.similar-card-logo svg{width:24px;height:24px;opacity:.9}
.similar-card-info{flex:1;min-width:0}
.similar-card-title{font-size:14px;font-weight:700;color:#1E1B2E;line-height:1.3;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar-card-meta{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}
.similar-card-meta-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#D1D5DB;flex-shrink:0}
.similar-card-arrow{flex-shrink:0;color:#9CA3AF;transition:color .15s,transform .15s}
.similar-card:hover .similar-card-arrow{color:var(--theme-color,#6C3AED);transform:translateX(2px)}
.similar-card-arrow svg{width:18px;height:18px}
/* ─── Section \"Offres recommandées\" (cross-sell article -> jobs) ─── */
.recommended-jobs-header{
display:flex;align-items:center;justify-content:space-between;gap:10px;
margin:32px 0 12px;padding-left:4px;flex-wrap:wrap;
}
.recommended-jobs-header .similar-section-title{margin:0}
.recommended-jobs-icon{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:6px;
background:#F5F3FF;
color:var(--theme-color,#6C3AED);
flex-shrink:0;
}
.recommended-jobs-icon svg{width:11px;height:11px}
.recommended-jobs-all{
display:inline-flex;align-items:center;gap:4px;
font-size:12px;font-weight:600;
color:var(--theme-color,#6C3AED);
text-decoration:none;
padding:5px 10px;border-radius:100px;
border:1px dashed rgba(108,58,237,.35);
transition:background .15s,border-style .15s,transform .15s;
}
.recommended-jobs-all:hover{
background:#F5F3FF;
border-style:solid;
color:var(--theme-color,#6C3AED);
transform:translateX(2px);
}
.recommended-jobs-all svg{width:11px;height:11px}
/* Grille des cards jobs (style identique au composant _jobs_content.html.twig) */
.recommended-jobs-grid{margin-bottom:14px}
.recommended-jobs-grid .job-card{
display:flex;flex-direction:column;gap:.75rem;
height:100%;
padding:1.25rem;
background:#fff;
border:1px solid #e6e8ec;
border-radius:14px;
text-decoration:none;color:inherit;
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.recommended-jobs-grid .job-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(20,24,40,.08);
border-color:#d6d9e0;
text-decoration:none;color:inherit;
}
.recommended-jobs-grid .job-card__header{display:flex;align-items:center;gap:.75rem}
.recommended-jobs-grid .job-card__logo{
width:44px;height:44px;
border-radius:10px;
object-fit:cover;
background:#f4f5f8;
flex-shrink:0;
}
.recommended-jobs-grid .job-card__logo--placeholder{
display:flex;align-items:center;justify-content:center;
font-weight:700;color:#6b7280;
background:linear-gradient(135deg,#eef2ff,#f5f3ff);
}
.recommended-jobs-grid .job-card__company{
display:flex;flex-direction:column;
min-width:0;
}
.recommended-jobs-grid .job-card__company-name{
font-weight:600;font-size:.9rem;color:#111827;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.recommended-jobs-grid .job-card__location{
font-size:.8rem;color:#6b7280;
display:inline-flex;align-items:center;gap:.25rem;
}
.recommended-jobs-grid .job-card__summary{
font-size:.875rem;color:#4b5563;
margin:0;line-height:1.45;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
overflow:hidden;
}
.recommended-jobs-grid .job-card__footer{
display:flex;flex-wrap:wrap;gap:.375rem;
margin-top:auto;padding-top:.5rem;
}
.recommended-jobs-grid .job-card__tag{
font-size:.72rem;font-weight:500;
padding:.25rem .55rem;
border-radius:999px;
background:#f3f4f6;color:#374151;
}
.recommended-jobs-grid .job-card__tag--accent{
background:#eef2ff;color:#4338ca;
}
/* Bouton retour vers la liste */
.article-back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:12px;font-weight:600;color:#4B5563;text-decoration:none;margin-bottom:14px;transition:border-color .15s,color .15s}
.article-back-link:hover{border-color:var(--theme-color,#6C3AED);color:var(--theme-color,#6C3AED)}
.article-back-link svg{width:13px;height:13px}
</style>
{% endblock css %}
{% block body %}
<div class=\"article-layout\">
{# ═══ Card principale : titre + meta + cover ═══ #}
<article class=\"article-card-main\">
{# Cover (si image) #}
{% if article.image.name is not null %}
<div class=\"article-card-cover\">
<img src=\"{{ vich_uploader_asset(article, 'imageFile') }}\" alt=\"{{ article.title }}\" />
<div class=\"article-card-cover-overlay\"></div>
</div>
{% endif %}
<div class=\"article-card-head\">
<h1 class=\"article-card-title\">{{ article.title }}</h1>
{% if article.subtitle is not empty %}
<p class=\"article-card-subtitle\">{{ article.subtitle }}</p>
{% endif %}
<div class=\"article-card-meta\">
{% if article.author is not null and article.author is not empty %}
<span class=\"article-card-meta-item\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>
</svg>
{{ article.author }}
</span>
{% endif %}
{#if article.pageslug is not empty %}
<span class=\"article-card-meta-item\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"/>
</svg>
{{ article.pageslug }}
</span>
{% endif %#}
</div>
</div>
</article>
{# ═══ Sommaire flottant en bas à gauche (FAB) ═══ #}
{% set summaryHtml = autosummary(article.description) %}
{% if summaryHtml is not empty %}
<div class=\"article-toc-fab\" id=\"articleTocFab\">
{# Panneau (au-dessus du bouton, masqué par défaut) #}
<div class=\"article-toc-panel\" id=\"articleTocPanel\" role=\"dialog\" aria-label=\"{{ 'article.summary.title'|trans({}, 'vitrine-lexend') }}\">
<div class=\"article-toc-panel-header\">
<span class=\"article-toc-panel-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/>
</svg>
</span>
<span class=\"article-toc-panel-label\">{{ 'article.summary.title'|trans({}, 'vitrine-lexend') }}</span>
<button type=\"button\" class=\"article-toc-panel-close\" id=\"articleTocClose\" aria-label=\"Close\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>
</svg>
</button>
</div>
<div class=\"article-toc-panel-body\">
<div class=\"summary article-summary\">{{ summaryHtml|raw }}</div>
{% if is_granted('ROLE_SUPER_ADMIN') %}
<div style=\"margin-top:12px;padding-top:10px;border-top:1px solid #F3F4F6;\">
<a href=\"{{ path('bo_articles_edit',{'id':article.id}) }}\"
style=\"font-size:11px;font-weight:600;color:#DC2626;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;\">
<i class=\"feather-edit-2 me-1\"></i>{{ 'article.summary.edit'|trans({}, 'vitrine-lexend') }}
</a>
</div>
{% endif %}
</div>
</div>
{# Bouton FAB (toujours visible) #}
<button type=\"button\" class=\"article-toc-trigger\" id=\"articleTocTrigger\" aria-expanded=\"false\">
<span class=\"article-toc-trigger-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/>
</svg>
</span>
<span class=\"article-toc-trigger-label\">{{ 'article.summary.title'|trans({}, 'vitrine-lexend') }}</span>
<span class=\"article-toc-trigger-count\" id=\"articleTocCount\">·</span>
</button>
</div>
<div class=\"article-toc-backdrop\" id=\"articleTocBackdrop\"></div>
{% endif %}
{# ═══ Contenu de l'article ═══ #}
<div class=\"article-card-content\">
<div class=\"article-card-section\">
<div id=\"single-post\" class=\"post-content article-content\">
{{ contentArticle(autosummaryID(article.description))|raw }}
</div>
{# Tags #}
{% if article.tags is not empty %}
<div class=\"article-tags\">
{% for tag in article.tags|split(',') %}
{% set t = tag|trim %}
{% if t is not empty %}
<span class=\"article-tag\">{{ t }}</span>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
{# ═══ CTA Recruteur / Candidat ═══ #}
{% if getEnv(\"KERNEL_APPLICATION\") == \"whileresume\" and app.request.locale in ['fr','en'] %}
<div class=\"article-cta\">
<span class=\"article-cta-eyebrow\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"/>
</svg>
Whileresume
</span>
<h2 class=\"article-cta-title\">
{% if app.request.locale == 'fr' %}
Talents et entreprises se rencontrent ici.
{% else %}
Where talent meets fast-growing companies.
{% endif %}
</h2>
<div class=\"article-cta-grid\">
<div class=\"article-cta-side\">
<div class=\"article-cta-side-head\">
<span class=\"article-cta-side-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
</svg>
</span>
<span class=\"article-cta-side-label\">{{ app.request.locale == 'fr' ? 'Recruteur' : 'Recruiter' }}</span>
</div>
<h3 class=\"article-cta-side-heading\">
{{ app.request.locale == 'fr' ? \"Recrutez des profils d'exception, plus vite.\" : 'Hire exceptional talent, faster.' }}
</h3>
<p class=\"article-cta-side-text\">
{% if app.request.locale == 'fr' %}
Accédez aux meilleurs talents du marché et connectez-vous directement à des candidats qualifiés en quête de leur prochain défi.
{% else %}
Get access to top market talent and connect directly with qualified candidates ready for their next challenge.
{% endif %}
</p>
<a href=\"{{ path('whileresume_business_' ~ app.request.locale) }}\" class=\"article-cta-side-btn\">
{{ app.request.locale == 'fr' ? 'Je recrute' : \"I'm recruiting\" }}
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
</svg>
</a>
</div>
<div class=\"article-cta-side\">
<div class=\"article-cta-side-head\">
<span class=\"article-cta-side-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/><circle cx=\"12\" cy=\"7\" r=\"4\"/>
</svg>
</span>
<span class=\"article-cta-side-label\">{{ app.request.locale == 'fr' ? 'Candidat' : 'Candidate' }}</span>
</div>
<h3 class=\"article-cta-side-heading\">
{{ app.request.locale == 'fr' ? 'Trouvez le job qui vous ressemble.' : 'Find the job that fits you.' }}
</h3>
<p class=\"article-cta-side-text\">
{% if app.request.locale == 'fr' %}
On vous accompagne dans la recherche de votre poste idéal au sein des entreprises les plus prometteuses du marché.
{% else %}
We support you in finding your ideal position within the most promising companies on the market.
{% endif %}
</p>
<a href=\"{{ path('whileresume_resume_' ~ app.request.locale) }}\" class=\"article-cta-side-btn\">
{{ app.request.locale == 'fr' ? 'Je cherche un job' : \"I'm looking for a job\" }}
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>
</svg>
</a>
</div>
</div>
</div>
{% endif %}
{% if article.ctaHTML is not empty %}{{ article.ctaHTML|raw }}{% endif %}
{# ═══ Articles similaires ═══ #}
{% if similarArticles is defined and similarArticles is not empty %}
<h4 class=\"similar-section-title\">
{{ app.request.locale == 'fr' ? 'Articles similaires' : 'Similar articles' }} · {{ similarArticles|length }}
</h4>
{% for sa in similarArticles %}
{# Construction de l'URL article (idem que dans list.html.twig) #}
{% set prefix = \"\" %}
{% set urlSa = path('cvs_website_article',{'slug': sa.slug}) %}
{% if app.request.locale != default_locale %}
{% set urlSa = path('locale_cvs_website_article',{'_locale':app.request.locale,'slug': sa.slug}) %}
{% set prefix = \"/\" ~ app.request.locale %}
{% endif %}
{% if sa.pageslug3 is not empty %}
{% set urlSa = prefix ~ '/' ~ sa.pageslug ~ '/' ~ sa.pageslug2 ~ '/' ~ sa.pageslug3 %}
{% elseif sa.pageslug2 is not empty %}
{% set urlSa = prefix ~ '/' ~ sa.pageslug ~ '/' ~ sa.pageslug2 %}
{% elseif sa.pageslug is not empty %}
{% set urlSa = prefix ~ '/' ~ sa.pageslug %}
{% endif %}
<a href=\"{{ urlSa }}\" class=\"similar-card\">
<div class=\"similar-card-logo\">
{% if sa.image.name is not null %}
<img src=\"{{ vich_uploader_asset(sa, 'imageFile') }}\" alt=\"\">
{% else %}
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"/>
<path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"/>
</svg>
{% endif %}
</div>
<div class=\"similar-card-info\">
<div class=\"similar-card-title\">{{ sa.title }}</div>
<div class=\"similar-card-meta\">
<span>{{ sa.publishedAt|date(\"d M Y\") }}</span>
{% if sa.author is not null and sa.author is not empty %}
<span class=\"similar-card-meta-sep\"></span>
<span>{{ sa.author }}</span>
{% endif %}
{% if sa.pageslug is not empty %}
<span class=\"similar-card-meta-sep\"></span>
<span>{{ sa.pageslug }}</span>
{% endif %}
</div>
</div>
<span class=\"similar-card-arrow\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polyline points=\"9 18 15 12 9 6\"/>
</svg>
</span>
</a>
{% endfor %}
{% endif %}
{# ═══ Jobs aléatoires (style identique au composant _jobs_content) ═══ #}
{% if recommendedJobs is defined and recommendedJobs is not empty %}
<div class=\"recommended-jobs-header\">
<h4 class=\"similar-section-title\" style=\"margin-bottom:0\">
<span class=\"recommended-jobs-icon\">
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"/>
<path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"/>
</svg>
</span>
{{ app.request.locale == 'fr' ? 'Découvrez nos offres' : 'Discover our jobs' }} · {{ recommendedJobs|length }}
</h4>
<a href=\"{% if app.request.locale == 'en' %}{{ path('whileresume_jobs_list') }}{% else %}{{ path('locale_whileresume_jobs_list',{'_locale':app.request.locale}) }}{% endif %}\"
class=\"recommended-jobs-all\">
{{ app.request.locale == 'fr' ? 'Voir toutes les offres' : 'See all jobs' }}
<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">
<polyline points=\"9 18 15 12 9 6\"/>
</svg>
</a>
</div>
<div class=\"row g-3 recommended-jobs-grid\">
{% for k in recommendedJobs %}
<div class=\"col-md-6 col-lg-4\">
<a href=\"{% if k.locale == 'fr' %}{{ path('locale_cvs_application_job_show',{'_locale':app.request.locale,'slug':k.slug}) }}{% else %}{{ path('cvs_application_job_show',{'slug':k.slug}) }}{% endif %}\" class=\"job-card\">
<div class=\"job-card__header\">
{% if k.image and k.image.name %}
<img src=\"{{ vich_uploader_asset(k, 'imageFile') }}\" alt=\"{{ k.companyName }}\" class=\"job-card__logo\">
{% else %}
<div class=\"job-card__logo job-card__logo--placeholder\">
{{ k.companyName|default('?')|slice(0, 1)|upper }}
</div>
{% endif %}
<div class=\"job-card__company\">
<span class=\"job-card__company-name\">{{ k.jobTitle }}</span>
<span class=\"job-card__location\">
<i class=\"fas fa-map-marker-alt\"></i>
{{ k.city }}{% if k.country %}, {{ k.country }}{% endif %}
</span>
</div>
</div>
{% set summary = k.jobSummary ?: k.shortDescription %}
{% if summary %}
<p class=\"job-card__summary\">{{ summary|striptags|slice(0, 140) }}{% if summary|length > 140 %}…{% endif %}</p>
{% endif %}
<div class=\"job-card__footer\">
{% if k.employmentType %}<span class=\"job-card__tag\">{{ k.employmentType }}</span>{% endif %}
{% if k.remoteWork %}<span class=\"job-card__tag job-card__tag--accent\">{{ k.remoteWork }}</span>{% endif %}
</div>
</a>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endblock body %}
{% block footer_js %}
{{ parent() }}
<script>
(function() {
var fab = document.getElementById('articleTocFab');
var trigger = document.getElementById('articleTocTrigger');
var panel = document.getElementById('articleTocPanel');
var closeBtn = document.getElementById('articleTocClose');
var backdrop = document.getElementById('articleTocBackdrop');
var countEl = document.getElementById('articleTocCount');
if (!fab || !trigger) return;
// ── Ouvrir / fermer le panneau ──
function openPanel(){
fab.classList.add('is-open');
if (backdrop) backdrop.classList.add('is-visible');
trigger.setAttribute('aria-expanded', 'true');
}
function closePanel(){
fab.classList.remove('is-open');
if (backdrop) backdrop.classList.remove('is-visible');
trigger.setAttribute('aria-expanded', 'false');
}
function togglePanel(){
if (fab.classList.contains('is-open')) closePanel(); else openPanel();
}
trigger.addEventListener('click', function(e){ e.stopPropagation(); togglePanel(); });
if (closeBtn) closeBtn.addEventListener('click', closePanel);
if (backdrop) backdrop.addEventListener('click', closePanel);
// Échap pour fermer
document.addEventListener('keydown', function(e){
if (e.key === 'Escape' && fab.classList.contains('is-open')) closePanel();
});
// Clic en dehors (au cas où, pour les contextes sans backdrop)
document.addEventListener('click', function(e){
if (!fab.classList.contains('is-open')) return;
if (panel && !panel.contains(e.target) && !trigger.contains(e.target)) closePanel();
});
// ── Scroll spy + compteur ──
var summaryLinks = document.querySelectorAll('.article-summary a[href^=\"#\"]');
if (countEl) {
countEl.textContent = summaryLinks.length || '·';
}
if (!summaryLinks.length) return;
var targets = [];
summaryLinks.forEach(function(link) {
var id = link.getAttribute('href').replace('#', '');
var target = document.getElementById(id);
if (target) targets.push({ link: link, target: target });
});
if (!targets.length) return;
function onScroll() {
var scrollY = window.scrollY + 120;
var current = null;
var currentIndex = 0;
targets.forEach(function(item, i) {
if (item.target.offsetTop <= scrollY) {
current = item;
currentIndex = i;
}
});
summaryLinks.forEach(function(l) { l.parentElement.classList.remove('active'); });
if (current) {
current.link.parentElement.classList.add('active');
if (countEl) {
countEl.textContent = (currentIndex + 1) + '/' + targets.length;
trigger.classList.add('has-active');
}
} else {
if (countEl) countEl.textContent = targets.length;
trigger.classList.remove('has-active');
}
}
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
// Ferme le panneau quand on clique sur un lien d'ancre
summaryLinks.forEach(function(link){
link.addEventListener('click', function(){
setTimeout(closePanel, 150);
});
});
})();
</script>
{% endblock footer_js %}
", "application/whileresume/website/page_article.html.twig", "/var/www/vhosts/mirtillostudio.fr/b1.mirtillostudio.fr/version-1/templates/application/whileresume/website/page_article.html.twig");
}
}

var/cache/dev/twig/2b/2b41aad17132677fd77cdd9cd42e0223.php line 64