var/cache/dev/twig/7a/7a0cb9aa0749c21dc44fc893eb6cda1e.php line 56

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* school/index.html.twig */
  18. class __TwigTemplate_9fead5845ecafbb027012398c54b664e extends Template
  19. {
  20. private Source $source;
  21. /**
  22. * @var array<string, Template>
  23. */
  24. private array $macros = [];
  26. public function __construct(Environment $env)
  27. {
  28. parent::__construct($env);
  30. $this->source = $this->getSourceContext();
  32. $this->blocks = [
  33. 'name' => [$this, 'block_name'],
  34. 'stylesheets' => [$this, 'block_stylesheets'],
  35. 'body' => [$this, 'block_body'],
  36. 'javascripts' => [$this, 'block_javascripts'],
  37. ];
  38. }
  40. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  41. {
  42. // line 1
  43. return "layout/frontEndLayout.html.twig";
  44. }
  46. protected function doDisplay(array $context, array $blocks = []): iterable
  47. {
  48. $macros = $this->macros;
  49. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "school/index.html.twig"));
  52. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "school/index.html.twig"));
  55. $this->parent = $this->load("layout/frontEndLayout.html.twig", 1);
  56. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  58. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  61. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  63. }
  65. // line 3
  66. /**
  67. * @return iterable<null|scalar|\Stringable>
  68. */
  69. public function block_name(array $context, array $blocks = []): iterable
  70. {
  71. $macros = $this->macros;
  72. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  73. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "name"));
  75. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  76. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "name"));
  78. // line 4
  79. yield " Welcome to LiveEdu
  80. ";
  82. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  85. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  87. yield from [];
  88. }
  90. // line 7
  91. /**
  92. * @return iterable<null|scalar|\Stringable>
  93. */
  94. public function block_stylesheets(array $context, array $blocks = []): iterable
  95. {
  96. $macros = $this->macros;
  97. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  98. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  100. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  101. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  103. // line 8
  104. yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  105. yield "
  106. <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">
  107. <style>
  108. :root {
  109. --gold: #C9A84C;
  110. --gold-light: #E8D5A3;
  111. --navy: #0A1628;
  112. --navy-mid: #112244;
  113. --white: #FAFAF8;
  114. --cream: #F5F0E8;
  115. --text-muted: #8A8A8A;
  116. --accent: #2C6BAD;
  117. }
  119. * { margin: 0; padding: 0; box-sizing: border-box; }
  121. body {
  122. font-family: 'DM Sans', sans-serif;
  123. background: var(--white);
  124. color: var(--navy);
  125. }
  127. /* ─── HERO SLIDER ─────────────────────────────────────── */
  128. .hero-slider {
  129. position: relative;
  130. height: 100vh;
  131. min-height: 600px;
  132. overflow: hidden;
  133. }
  135. .carousel-item-custom {
  136. position: absolute;
  137. inset: 0;
  138. opacity: 0;
  139. transition: opacity 1s ease;
  140. background-size: cover;
  141. background-position: center;
  142. }
  143. .carousel-item-custom.active { opacity: 1; }
  145. .hero-overlay {
  146. position: absolute;
  147. inset: 0;
  148. background: linear-gradient(
  149. 135deg,
  150. rgba(10,22,40,0.85) 0%,
  151. rgba(17,34,68,0.60) 60%,
  152. rgba(201,168,76,0.15) 100%
  153. );
  154. }
  156. .hero-content {
  157. position: absolute;
  158. inset: 0;
  159. display: flex;
  160. flex-direction: column;
  161. justify-content: center;
  162. padding: 0 8vw;
  163. max-width: 900px;
  164. }
  166. .hero-label {
  167. font-family: 'DM Sans', sans-serif;
  168. font-size: 0.75rem;
  169. font-weight: 600;
  170. letter-spacing: 0.35em;
  171. text-transform: uppercase;
  172. color: var(--gold);
  173. margin-bottom: 1.5rem;
  174. opacity: 0;
  175. transform: translateY(20px);
  176. animation: fadeUp 0.8s ease 0.3s forwards;
  177. }
  179. .hero-title {
  180. font-family: 'Playfair Display', serif;
  181. font-size: clamp(2.5rem, 6vw, 5rem);
  182. font-weight: 900;
  183. line-height: 1.1;
  184. color: var(--white);
  185. margin-bottom: 1.5rem;
  186. opacity: 0;
  187. transform: translateY(30px);
  188. animation: fadeUp 0.9s ease 0.5s forwards;
  189. }
  191. .hero-title em {
  192. font-style: italic;
  193. color: var(--gold);
  194. }
  196. .hero-sub {
  197. font-size: 1.1rem;
  198. font-weight: 300;
  199. color: rgba(255,255,255,0.75);
  200. max-width: 480px;
  201. line-height: 1.7;
  202. opacity: 0;
  203. transform: translateY(20px);
  204. animation: fadeUp 0.9s ease 0.7s forwards;
  205. }
  207. .hero-cta {
  208. margin-top: 2.5rem;
  209. display: flex;
  210. gap: 1rem;
  211. opacity: 0;
  212. animation: fadeUp 0.9s ease 0.9s forwards;
  213. }
  215. .btn-gold {
  216. padding: 0.85rem 2rem;
  217. background: var(--gold);
  218. color: var(--navy);
  219. font-weight: 600;
  220. font-size: 0.9rem;
  221. letter-spacing: 0.05em;
  222. border: none;
  223. cursor: pointer;
  224. text-decoration: none;
  225. transition: all 0.3s ease;
  226. }
  227. .btn-gold:hover { background: var(--gold-light); transform: translateY(-2px); }
  229. .btn-outline-white {
  230. padding: 0.85rem 2rem;
  231. background: transparent;
  232. color: var(--white);
  233. font-weight: 500;
  234. font-size: 0.9rem;
  235. letter-spacing: 0.05em;
  236. border: 1px solid rgba(255,255,255,0.4);
  237. cursor: pointer;
  238. text-decoration: none;
  239. transition: all 0.3s ease;
  240. }
  241. .btn-outline-white:hover { border-color: var(--gold); color: var(--gold); }
  243. /* Slider decorative bar */
  244. .hero-bar {
  245. position: absolute;
  246. right: 0;
  247. top: 0;
  248. bottom: 0;
  249. width: 6px;
  250. background: var(--gold);
  251. }
  253. /* Slide counter */
  254. .slide-counter {
  255. position: absolute;
  256. bottom: 2.5rem;
  257. right: 3rem;
  258. color: rgba(255,255,255,0.5);
  259. font-size: 0.8rem;
  260. letter-spacing: 0.2em;
  261. font-weight: 500;
  262. }
  263. .slide-counter span { color: var(--gold); font-size: 1.1rem; }
  265. /* Carousel indicators */
  266. .hero-indicators {
  267. position: absolute;
  268. bottom: 2.5rem;
  269. left: 8vw;
  270. display: flex;
  271. gap: 0.6rem;
  272. list-style: none;
  273. }
  274. .hero-indicators li {
  275. width: 28px;
  276. height: 2px;
  277. background: rgba(255,255,255,0.3);
  278. cursor: pointer;
  279. transition: all 0.3s;
  280. }
  281. .hero-indicators li.active {
  282. width: 52px;
  283. background: var(--gold);
  284. }
  286. /* Carousel controls */
  287. .hero-prev, .hero-next {
  288. position: absolute;
  289. top: 50%;
  290. transform: translateY(-50%);
  291. width: 52px;
  292. height: 52px;
  293. border: 1px solid rgba(255,255,255,0.25);
  294. background: rgba(10,22,40,0.4);
  295. backdrop-filter: blur(8px);
  296. color: white;
  297. display: flex;
  298. align-items: center;
  299. justify-content: center;
  300. font-size: 1.1rem;
  301. cursor: pointer;
  302. transition: all 0.3s;
  303. text-decoration: none;
  304. z-index: 10;
  305. }
  306. .hero-prev { left: 2rem; }
  307. .hero-next { right: 2rem; }
  308. .hero-prev:hover, .hero-next:hover {
  309. background: var(--gold);
  310. border-color: var(--gold);
  311. color: var(--navy);
  312. }
  314. @keyframes fadeUp {
  315. to { opacity: 1; transform: translateY(0); }
  316. }
  318. /* ─── STATS BAR ──────────────────────────────────────── */
  319. .stats-bar {
  320. background: var(--navy);
  321. padding: 0;
  322. display: grid;
  323. grid-template-columns: repeat(4, 1fr);
  324. }
  326. .stat-item {
  327. padding: 2rem 1.5rem;
  328. text-align: center;
  329. border-right: 1px solid rgba(255,255,255,0.06);
  330. transition: background 0.3s;
  331. }
  332. .stat-item:last-child { border-right: none; }
  333. .stat-item:hover { background: rgba(201,168,76,0.08); }
  335. .stat-num {
  336. font-family: 'Playfair Display', serif;
  337. font-size: 2rem;
  338. font-weight: 700;
  339. color: var(--gold);
  340. display: block;
  341. }
  342. .stat-label {
  343. font-size: 0.75rem;
  344. letter-spacing: 0.12em;
  345. text-transform: uppercase;
  346. color: rgba(255,255,255,0.45);
  347. margin-top: 0.3rem;
  348. }
  350. /* ─── SECTION HEADING ────────────────────────────────── */
  351. .section-header {
  352. text-align: center;
  353. padding: 5rem 2rem 3rem;
  354. }
  356. .section-tag {
  357. display: inline-block;
  358. font-size: 0.7rem;
  359. font-weight: 600;
  360. letter-spacing: 0.35em;
  361. text-transform: uppercase;
  362. color: var(--gold);
  363. margin-bottom: 1rem;
  364. padding: 0.35rem 1rem;
  365. border: 1px solid var(--gold-light);
  366. background: rgba(201,168,76,0.06);
  367. }
  369. .section-title {
  370. font-family: 'Playfair Display', serif;
  371. font-size: clamp(1.8rem, 4vw, 2.8rem);
  372. font-weight: 700;
  373. color: var(--navy);
  374. line-height: 1.2;
  375. }
  377. .section-title em {
  378. font-style: italic;
  379. color: var(--accent);
  380. }
  382. .section-divider {
  383. width: 60px;
  384. height: 3px;
  385. background: var(--gold);
  386. margin: 1.5rem auto 0;
  387. }
  389. .section-sub {
  390. max-width: 520px;
  391. margin: 1.2rem auto 0;
  392. color: var(--text-muted);
  393. font-size: 0.95rem;
  394. line-height: 1.7;
  395. }
  397. /* ─── CHARTS SECTION ─────────────────────────────────── */
  398. .charts-section {
  399. background: var(--cream);
  400. padding-bottom: 5rem;
  401. }
  403. .charts-grid {
  404. display: grid;
  405. grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  406. gap: 1.5rem;
  407. padding: 0 4vw 2rem;
  408. max-width: 1400px;
  409. margin: 0 auto;
  410. }
  412. .chart-card {
  413. background: var(--white);
  414. border: 1px solid rgba(0,0,0,0.06);
  415. padding: 1.5rem 1rem 1.25rem;
  416. text-align: center;
  417. transition: all 0.35s ease;
  418. position: relative;
  419. overflow: hidden;
  420. }
  422. .chart-card::before {
  423. content: '';
  424. position: absolute;
  425. top: 0; left: 0; right: 0;
  426. height: 3px;
  427. background: linear-gradient(90deg, var(--gold), var(--accent));
  428. transform: scaleX(0);
  429. transition: transform 0.35s ease;
  430. }
  432. .chart-card:hover {
  433. transform: translateY(-6px);
  434. box-shadow: 0 20px 48px rgba(10,22,40,0.10);
  435. }
  436. .chart-card:hover::before { transform: scaleX(1); }
  438. .chart-card canvas {
  439. max-width: 180px;
  440. margin: 0 auto;
  441. display: block;
  442. }
  444. /* ─── FOOTER ACCENT ──────────────────────────────────── */
  445. .page-footer-accent {
  446. background: var(--navy);
  447. text-align: center;
  448. padding: 2rem;
  449. color: rgba(255,255,255,0.35);
  450. font-size: 0.8rem;
  451. letter-spacing: 0.1em;
  452. }
  453. .page-footer-accent span { color: var(--gold); }
  455. /* ─── RESPONSIVE ─────────────────────────────────────── */
  456. @media (max-width: 768px) {
  457. .stats-bar { grid-template-columns: repeat(2, 1fr); }
  458. .hero-content { padding: 0 5vw; }
  459. .hero-prev { left: 0.75rem; }
  460. .hero-next { right: 0.75rem; }
  461. }
  462. @media (max-width: 480px) {
  463. .stats-bar { grid-template-columns: 1fr 1fr; }
  464. .charts-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  465. }
  466. </style>
  467. ";
  469. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  472. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  474. yield from [];
  475. }
  477. // line 372
  478. /**
  479. * @return iterable<null|scalar|\Stringable>
  480. */
  481. public function block_body(array $context, array $blocks = []): iterable
  482. {
  483. $macros = $this->macros;
  484. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  485. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  487. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  488. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  490. // line 373
  491. yield "
  492. ";
  493. // line 375
  494. yield "<div id=\"heroCarousel\" class=\"hero-slider\">
  496. ";
  497. // line 378
  498. yield "<div class=\"carousel-item-custom active\"
  499. style=\"background-image:url(";
  500. // line 379
  501. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slider-01.jpg"), "html", null, true);
  502. yield ");\">
  503. <div class=\"hero-overlay\"></div>
  504. <div class=\"hero-content\">
  505. <p class=\"hero-label\">Excellence · Innovation · Bilingual Education</p>
  506. <h1 class=\"hero-title\">
  507. ";
  508. // line 384
  509. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["french_school_name"]) || array_key_exists("french_school_name", $context) ? $context["french_school_name"] : (function () { throw new RuntimeError('Variable "french_school_name" does not exist.', 384, $this->source); })()), "html", null, true);
  510. yield "<br>
  511. <em>";
  512. // line 385
  513. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["english_school_name"]) || array_key_exists("english_school_name", $context) ? $context["english_school_name"] : (function () { throw new RuntimeError('Variable "english_school_name" does not exist.', 385, $this->source); })()), "html", null, true);
  514. yield "</em>
  515. </h1>
  516. <p class=\"hero-sub\">";
  517. // line 387
  518. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["french_slogan"]) || array_key_exists("french_slogan", $context) ? $context["french_slogan"] : (function () { throw new RuntimeError('Variable "french_slogan" does not exist.', 387, $this->source); })()), "html", null, true);
  519. yield " &nbsp;·&nbsp; ";
  520. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["english_slogan"]) || array_key_exists("english_slogan", $context) ? $context["english_slogan"] : (function () { throw new RuntimeError('Variable "english_slogan" does not exist.', 387, $this->source); })()), "html", null, true);
  521. yield "</p>
  522. <div class=\"hero-cta\">
  523. <a href=\"#officialExams\" class=\"btn-gold\">Voir les résultats</a>
  524. <a href=\"#\" class=\"btn-outline-white\">En savoir plus</a>
  525. </div>
  526. </div>
  527. </div>
  529. ";
  530. // line 396
  531. yield "<div class=\"carousel-item-custom\"
  532. style=\"background-image:url(";
  533. // line 397
  534. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slider-02.jpg"), "html", null, true);
  535. yield ");\">
  536. <div class=\"hero-overlay\"></div>
  537. <div class=\"hero-content\">
  538. <p class=\"hero-label\">Digital · Connected · Modern</p>
  539. <h1 class=\"hero-title\">
  540. <em>LiveEdu</em><br>
  541. Software Online Services
  542. </h1>
  543. <p class=\"hero-sub\">A complete digital ecosystem built for educators, students, and administrators.</p>
  544. <div class=\"hero-cta\">
  545. <a href=\"#\" class=\"btn-gold\">Découvrir la plateforme</a>
  546. </div>
  547. </div>
  548. </div>
  550. ";
  551. // line 413
  552. yield "<div class=\"carousel-item-custom\"
  553. style=\"background-image:url(";
  554. // line 414
  555. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/slide_04.PNG"), "html", null, true);
  556. yield ");\">
  557. <div class=\"hero-overlay\"></div>
  558. <div class=\"hero-content\">
  559. <p class=\"hero-label\">Transparency · Quality · Trust</p>
  560. <h1 class=\"hero-title\">
  561. <em>";
  562. // line 419
  563. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["english_school_name"]) || array_key_exists("english_school_name", $context) ? $context["english_school_name"] : (function () { throw new RuntimeError('Variable "english_school_name" does not exist.', 419, $this->source); })()), "html", null, true);
  564. yield "</em><br>
  565. ";
  566. // line 420
  567. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["english_slogan"]) || array_key_exists("english_slogan", $context) ? $context["english_slogan"] : (function () { throw new RuntimeError('Variable "english_slogan" does not exist.', 420, $this->source); })()), "html", null, true);
  568. yield "
  569. </h1>
  570. <p class=\"hero-sub\">Real-time data, open reporting and trusted results — for every student, every year.</p>
  571. <div class=\"hero-cta\">
  572. <a href=\"#officialExams\" class=\"btn-gold\">Voir les statistiques</a>
  573. </div>
  574. </div>
  575. </div>
  577. ";
  578. // line 430
  579. yield " <div class=\"hero-bar\"></div>
  581. ";
  582. // line 433
  583. yield " <ol class=\"hero-indicators\" id=\"heroIndicators\">
  584. <li class=\"active\" data-slide=\"0\"></li>
  585. <li data-slide=\"1\"></li>
  586. <li data-slide=\"2\"></li>
  587. </ol>
  589. ";
  590. // line 440
  591. yield " <div class=\"slide-counter\">
  592. <span id=\"slideNum\">01</span> / 03
  593. </div>
  595. ";
  596. // line 445
  597. yield " <a class=\"hero-prev\" id=\"heroPrev\" href=\"#\">
  598. <i class=\"fa fa-angle-left\"></i>
  599. </a>
  600. <a class=\"hero-next\" id=\"heroNext\" href=\"#\">
  601. <i class=\"fa fa-angle-right\"></i>
  602. </a>
  603. </div>
  605. ";
  606. // line 454
  607. yield "<div class=\"stats-bar\">
  608. <div class=\"stat-item\">
  609. <span class=\"stat-num\">98%</span>
  610. <span class=\"stat-label\">Taux d'admission</span>
  611. </div>
  612. <div class=\"stat-item\">
  613. <span class=\"stat-num\">400+</span>
  614. <span class=\"stat-label\">Élèves inscrits</span>
  615. </div>
  616. <div class=\"stat-item\">
  617. <span class=\"stat-num\">50+</span>
  618. <span class=\"stat-label\">Enseignants qualifiés</span>
  619. </div>
  620. <div class=\"stat-item\">
  621. <span class=\"stat-num\">";
  622. // line 468
  623. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 468, $this->source); })()), "code", [], "any", false, false, false, 468), "html", null, true);
  624. yield "</span>
  625. <span class=\"stat-label\">Année académique</span>
  626. </div>
  627. </div>
  629. ";
  630. // line 474
  631. yield "<section class=\"charts-section\" id=\"officialExams\">
  632. <div class=\"section-header\">
  633. <span class=\"section-tag\">Résultats officiels</span>
  634. <h2 class=\"section-title\">
  635. Taux de réussite aux examens<br>
  636. session <em>";
  637. // line 479
  638. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 479, $this->source); })()), "code", [], "any", false, false, false, 479), "html", null, true);
  639. yield "</em>
  640. </h2>
  641. <div class=\"section-divider\"></div>
  642. <p class=\"section-sub\">
  643. Statistiques détaillées par série et par niveau pour la session officielle en cours.
  644. </p>
  645. </div>
  647. <div class=\"charts-grid\">
  648. ";
  649. // line 488
  650. $context['_parent'] = $context;
  651. $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::keys((isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 488, $this->source); })())));
  652. foreach ($context['_seq'] as $context["_key"] => $context["key"]) {
  653. // line 489
  654. yield " <div class=\"chart-card\">
  655. <canvas id=\"";
  656. // line 490
  657. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  658. yield "\" height=\"160\"
  659. data-exam-objects=\"";
  660. // line 491
  661. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 491, $this->source); })()), $context["key"], [], "array", false, false, false, 491), "html", null, true);
  662. yield "\"></canvas>
  663. </div>
  664. ";
  665. }
  666. $_parent = $context['_parent'];
  667. unset($context['_seq'], $context['_key'], $context['key'], $context['_parent']);
  668. $context = array_intersect_key($context, $_parent) + $_parent;
  669. // line 494
  670. yield " </div>
  671. </section>
  673. ";
  674. // line 498
  675. yield "<div class=\"page-footer-accent\">
  676. Propulsé par <span>LiveEdu</span> · Tous droits réservés ";
  677. // line 499
  678. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y"), "html", null, true);
  679. yield "
  680. </div>
  682. ";
  684. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  687. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  689. yield from [];
  690. }
  692. // line 504
  693. /**
  694. * @return iterable<null|scalar|\Stringable>
  695. */
  696. public function block_javascripts(array $context, array $blocks = []): iterable
  697. {
  698. $macros = $this->macros;
  699. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  700. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  702. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  703. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  705. // line 505
  706. yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  707. yield "
  708. <script>
  709. /* ── Custom Carousel ───────────────────────────────────────── */
  710. (function () {
  711. const slides = document.querySelectorAll('.carousel-item-custom');
  712. const indicators = document.querySelectorAll('#heroIndicators li');
  713. const slideNum = document.getElementById('slideNum');
  714. let current = 0, timer;
  716. function goTo(n) {
  717. slides[current].classList.remove('active');
  718. indicators[current].classList.remove('active');
  719. current = (n + slides.length) % slides.length;
  720. slides[current].classList.add('active');
  721. indicators[current].classList.add('active');
  722. slideNum.textContent = String(current + 1).padStart(2, '0');
  723. }
  725. function autoPlay() { timer = setInterval(() => goTo(current + 1), 5500); }
  726. function resetTimer() { clearInterval(timer); autoPlay(); }
  728. document.getElementById('heroPrev').addEventListener('click', e => {
  729. e.preventDefault(); goTo(current - 1); resetTimer();
  730. });
  731. document.getElementById('heroNext').addEventListener('click', e => {
  732. e.preventDefault(); goTo(current + 1); resetTimer();
  733. });
  734. indicators.forEach(li => {
  735. li.addEventListener('click', () => { goTo(+li.dataset.slide); resetTimer(); });
  736. });
  738. autoPlay();
  739. })();
  741. /* ── Charts ─────────────────────────────────────────────────── */
  742. const palette = [
  743. '#C9A84C','#2C6BAD','#1D8A6E','#D9534F',
  744. '#7B5EA7','#F0A500','#2E86AB','#A23B72'
  745. ];
  747. const randomColor = (type, idx) =>
  748. type === 'ECHEC' ? '#D9534F' : palette[idx % palette.length];
  750. const drawCanvas = (examData, canvasId, name) => {
  751. const el = document.getElementById(canvasId);
  752. if (!el || !examData) return;
  753. const parsed = JSON.parse(examData);
  754. const values = parsed.mentionCountCategories.map(Number);
  755. const colors = parsed.mentionCategories.map((cat, i) => randomColor(cat, i));
  757. new Chart(el, {
  758. type: 'doughnut',
  759. data: {
  760. labels: parsed.mentionCategories,
  761. datasets: [{ data: values, backgroundColor: colors, borderWidth: 0 }]
  762. },
  763. options: {
  764. cutout: '68%',
  765. animation: { animateRotate: true, duration: 1000 },
  766. plugins: {
  767. legend: { display: false },
  768. title: {
  769. display: true,
  770. text: name,
  771. color: '#0A1628',
  772. font: { size: 13, family: \"'DM Sans', sans-serif\", weight: '600' },
  773. position: 'bottom',
  774. padding: { top: 14 }
  775. }
  776. }
  777. }
  778. });
  779. };
  781. ";
  782. // line 579
  783. $context['_parent'] = $context;
  784. $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::keys((isset($context["results"]) || array_key_exists("results", $context) ? $context["results"] : (function () { throw new RuntimeError('Variable "results" does not exist.', 579, $this->source); })())));
  785. foreach ($context['_seq'] as $context["_key"] => $context["key"]) {
  786. // line 580
  787. yield "drawCanvas(
  788. document.getElementById('";
  789. // line 581
  790. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  791. yield "')?.dataset?.examObjects,
  792. '";
  793. // line 582
  794. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["key"], "html", null, true);
  795. yield "',
  796. '";
  797. // line 583
  798. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::titleCase($this->env->getCharset(), Twig\Extension\CoreExtension::replace($context["key"], ["_" => " "])), "html", null, true);
  799. yield "'
  800. );
  801. ";
  802. }
  803. $_parent = $context['_parent'];
  804. unset($context['_seq'], $context['_key'], $context['key'], $context['_parent']);
  805. $context = array_intersect_key($context, $_parent) + $_parent;
  806. // line 586
  807. yield "</script>
  808. ";
  810. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  813. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  815. yield from [];
  816. }
  818. /**
  819. * @codeCoverageIgnore
  820. */
  821. public function getTemplateName(): string
  822. {
  823. return "school/index.html.twig";
  824. }
  826. /**
  827. * @codeCoverageIgnore
  828. */
  829. public function isTraitable(): bool
  830. {
  831. return false;
  832. }
  834. /**
  835. * @codeCoverageIgnore
  836. */
  837. public function getDebugInfo(): array
  838. {
  839. return array ( 807 => 586, 798 => 583, 794 => 582, 790 => 581, 787 => 580, 783 => 579, 706 => 505, 693 => 504, 678 => 499, 675 => 498, 670 => 494, 661 => 491, 657 => 490, 654 => 489, 650 => 488, 638 => 479, 631 => 474, 623 => 468, 607 => 454, 597 => 445, 591 => 440, 583 => 433, 579 => 430, 567 => 420, 563 => 419, 555 => 414, 552 => 413, 534 => 397, 531 => 396, 518 => 387, 513 => 385, 509 => 384, 501 => 379, 498 => 378, 494 => 375, 491 => 373, 478 => 372, 104 => 8, 91 => 7, 79 => 4, 66 => 3, 43 => 1,);
  840. }
  842. public function getSourceContext(): Source
  843. {
  844. return new Source("{% extends 'layout/frontEndLayout.html.twig' %}
  846. {% block name %}
  847. Welcome to LiveEdu
  848. {% endblock %}
  850. {% block stylesheets %}
  851. {{ parent() }}
  852. <link href=\"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">
  853. <style>
  854. :root {
  855. --gold: #C9A84C;
  856. --gold-light: #E8D5A3;
  857. --navy: #0A1628;
  858. --navy-mid: #112244;
  859. --white: #FAFAF8;
  860. --cream: #F5F0E8;
  861. --text-muted: #8A8A8A;
  862. --accent: #2C6BAD;
  863. }
  865. * { margin: 0; padding: 0; box-sizing: border-box; }
  867. body {
  868. font-family: 'DM Sans', sans-serif;
  869. background: var(--white);
  870. color: var(--navy);
  871. }
  873. /* ─── HERO SLIDER ─────────────────────────────────────── */
  874. .hero-slider {
  875. position: relative;
  876. height: 100vh;
  877. min-height: 600px;
  878. overflow: hidden;
  879. }
  881. .carousel-item-custom {
  882. position: absolute;
  883. inset: 0;
  884. opacity: 0;
  885. transition: opacity 1s ease;
  886. background-size: cover;
  887. background-position: center;
  888. }
  889. .carousel-item-custom.active { opacity: 1; }
  891. .hero-overlay {
  892. position: absolute;
  893. inset: 0;
  894. background: linear-gradient(
  895. 135deg,
  896. rgba(10,22,40,0.85) 0%,
  897. rgba(17,34,68,0.60) 60%,
  898. rgba(201,168,76,0.15) 100%
  899. );
  900. }
  902. .hero-content {
  903. position: absolute;
  904. inset: 0;
  905. display: flex;
  906. flex-direction: column;
  907. justify-content: center;
  908. padding: 0 8vw;
  909. max-width: 900px;
  910. }
  912. .hero-label {
  913. font-family: 'DM Sans', sans-serif;
  914. font-size: 0.75rem;
  915. font-weight: 600;
  916. letter-spacing: 0.35em;
  917. text-transform: uppercase;
  918. color: var(--gold);
  919. margin-bottom: 1.5rem;
  920. opacity: 0;
  921. transform: translateY(20px);
  922. animation: fadeUp 0.8s ease 0.3s forwards;
  923. }
  925. .hero-title {
  926. font-family: 'Playfair Display', serif;
  927. font-size: clamp(2.5rem, 6vw, 5rem);
  928. font-weight: 900;
  929. line-height: 1.1;
  930. color: var(--white);
  931. margin-bottom: 1.5rem;
  932. opacity: 0;
  933. transform: translateY(30px);
  934. animation: fadeUp 0.9s ease 0.5s forwards;
  935. }
  937. .hero-title em {
  938. font-style: italic;
  939. color: var(--gold);
  940. }
  942. .hero-sub {
  943. font-size: 1.1rem;
  944. font-weight: 300;
  945. color: rgba(255,255,255,0.75);
  946. max-width: 480px;
  947. line-height: 1.7;
  948. opacity: 0;
  949. transform: translateY(20px);
  950. animation: fadeUp 0.9s ease 0.7s forwards;
  951. }
  953. .hero-cta {
  954. margin-top: 2.5rem;
  955. display: flex;
  956. gap: 1rem;
  957. opacity: 0;
  958. animation: fadeUp 0.9s ease 0.9s forwards;
  959. }
  961. .btn-gold {
  962. padding: 0.85rem 2rem;
  963. background: var(--gold);
  964. color: var(--navy);
  965. font-weight: 600;
  966. font-size: 0.9rem;
  967. letter-spacing: 0.05em;
  968. border: none;
  969. cursor: pointer;
  970. text-decoration: none;
  971. transition: all 0.3s ease;
  972. }
  973. .btn-gold:hover { background: var(--gold-light); transform: translateY(-2px); }
  975. .btn-outline-white {
  976. padding: 0.85rem 2rem;
  977. background: transparent;
  978. color: var(--white);
  979. font-weight: 500;
  980. font-size: 0.9rem;
  981. letter-spacing: 0.05em;
  982. border: 1px solid rgba(255,255,255,0.4);
  983. cursor: pointer;
  984. text-decoration: none;
  985. transition: all 0.3s ease;
  986. }
  987. .btn-outline-white:hover { border-color: var(--gold); color: var(--gold); }
  989. /* Slider decorative bar */
  990. .hero-bar {
  991. position: absolute;
  992. right: 0;
  993. top: 0;
  994. bottom: 0;
  995. width: 6px;
  996. background: var(--gold);
  997. }
  999. /* Slide counter */
  1000. .slide-counter {
  1001. position: absolute;
  1002. bottom: 2.5rem;
  1003. right: 3rem;
  1004. color: rgba(255,255,255,0.5);
  1005. font-size: 0.8rem;
  1006. letter-spacing: 0.2em;
  1007. font-weight: 500;
  1008. }
  1009. .slide-counter span { color: var(--gold); font-size: 1.1rem; }
  1011. /* Carousel indicators */
  1012. .hero-indicators {
  1013. position: absolute;
  1014. bottom: 2.5rem;
  1015. left: 8vw;
  1016. display: flex;
  1017. gap: 0.6rem;
  1018. list-style: none;
  1019. }
  1020. .hero-indicators li {
  1021. width: 28px;
  1022. height: 2px;
  1023. background: rgba(255,255,255,0.3);
  1024. cursor: pointer;
  1025. transition: all 0.3s;
  1026. }
  1027. .hero-indicators li.active {
  1028. width: 52px;
  1029. background: var(--gold);
  1030. }
  1032. /* Carousel controls */
  1033. .hero-prev, .hero-next {
  1034. position: absolute;
  1035. top: 50%;
  1036. transform: translateY(-50%);
  1037. width: 52px;
  1038. height: 52px;
  1039. border: 1px solid rgba(255,255,255,0.25);
  1040. background: rgba(10,22,40,0.4);
  1041. backdrop-filter: blur(8px);
  1042. color: white;
  1043. display: flex;
  1044. align-items: center;
  1045. justify-content: center;
  1046. font-size: 1.1rem;
  1047. cursor: pointer;
  1048. transition: all 0.3s;
  1049. text-decoration: none;
  1050. z-index: 10;
  1051. }
  1052. .hero-prev { left: 2rem; }
  1053. .hero-next { right: 2rem; }
  1054. .hero-prev:hover, .hero-next:hover {
  1055. background: var(--gold);
  1056. border-color: var(--gold);
  1057. color: var(--navy);
  1058. }
  1060. @keyframes fadeUp {
  1061. to { opacity: 1; transform: translateY(0); }
  1062. }
  1064. /* ─── STATS BAR ──────────────────────────────────────── */
  1065. .stats-bar {
  1066. background: var(--navy);
  1067. padding: 0;
  1068. display: grid;
  1069. grid-template-columns: repeat(4, 1fr);
  1070. }
  1072. .stat-item {
  1073. padding: 2rem 1.5rem;
  1074. text-align: center;
  1075. border-right: 1px solid rgba(255,255,255,0.06);
  1076. transition: background 0.3s;
  1077. }
  1078. .stat-item:last-child { border-right: none; }
  1079. .stat-item:hover { background: rgba(201,168,76,0.08); }
  1081. .stat-num {
  1082. font-family: 'Playfair Display', serif;
  1083. font-size: 2rem;
  1084. font-weight: 700;
  1085. color: var(--gold);
  1086. display: block;
  1087. }
  1088. .stat-label {
  1089. font-size: 0.75rem;
  1090. letter-spacing: 0.12em;
  1091. text-transform: uppercase;
  1092. color: rgba(255,255,255,0.45);
  1093. margin-top: 0.3rem;
  1094. }
  1096. /* ─── SECTION HEADING ────────────────────────────────── */
  1097. .section-header {
  1098. text-align: center;
  1099. padding: 5rem 2rem 3rem;
  1100. }
  1102. .section-tag {
  1103. display: inline-block;
  1104. font-size: 0.7rem;
  1105. font-weight: 600;
  1106. letter-spacing: 0.35em;
  1107. text-transform: uppercase;
  1108. color: var(--gold);
  1109. margin-bottom: 1rem;
  1110. padding: 0.35rem 1rem;
  1111. border: 1px solid var(--gold-light);
  1112. background: rgba(201,168,76,0.06);
  1113. }
  1115. .section-title {
  1116. font-family: 'Playfair Display', serif;
  1117. font-size: clamp(1.8rem, 4vw, 2.8rem);
  1118. font-weight: 700;
  1119. color: var(--navy);
  1120. line-height: 1.2;
  1121. }
  1123. .section-title em {
  1124. font-style: italic;
  1125. color: var(--accent);
  1126. }
  1128. .section-divider {
  1129. width: 60px;
  1130. height: 3px;
  1131. background: var(--gold);
  1132. margin: 1.5rem auto 0;
  1133. }
  1135. .section-sub {
  1136. max-width: 520px;
  1137. margin: 1.2rem auto 0;
  1138. color: var(--text-muted);
  1139. font-size: 0.95rem;
  1140. line-height: 1.7;
  1141. }
  1143. /* ─── CHARTS SECTION ─────────────────────────────────── */
  1144. .charts-section {
  1145. background: var(--cream);
  1146. padding-bottom: 5rem;
  1147. }
  1149. .charts-grid {
  1150. display: grid;
  1151. grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  1152. gap: 1.5rem;
  1153. padding: 0 4vw 2rem;
  1154. max-width: 1400px;
  1155. margin: 0 auto;
  1156. }
  1158. .chart-card {
  1159. background: var(--white);
  1160. border: 1px solid rgba(0,0,0,0.06);
  1161. padding: 1.5rem 1rem 1.25rem;
  1162. text-align: center;
  1163. transition: all 0.35s ease;
  1164. position: relative;
  1165. overflow: hidden;
  1166. }
  1168. .chart-card::before {
  1169. content: '';
  1170. position: absolute;
  1171. top: 0; left: 0; right: 0;
  1172. height: 3px;
  1173. background: linear-gradient(90deg, var(--gold), var(--accent));
  1174. transform: scaleX(0);
  1175. transition: transform 0.35s ease;
  1176. }
  1178. .chart-card:hover {
  1179. transform: translateY(-6px);
  1180. box-shadow: 0 20px 48px rgba(10,22,40,0.10);
  1181. }
  1182. .chart-card:hover::before { transform: scaleX(1); }
  1184. .chart-card canvas {
  1185. max-width: 180px;
  1186. margin: 0 auto;
  1187. display: block;
  1188. }
  1190. /* ─── FOOTER ACCENT ──────────────────────────────────── */
  1191. .page-footer-accent {
  1192. background: var(--navy);
  1193. text-align: center;
  1194. padding: 2rem;
  1195. color: rgba(255,255,255,0.35);
  1196. font-size: 0.8rem;
  1197. letter-spacing: 0.1em;
  1198. }
  1199. .page-footer-accent span { color: var(--gold); }
  1201. /* ─── RESPONSIVE ─────────────────────────────────────── */
  1202. @media (max-width: 768px) {
  1203. .stats-bar { grid-template-columns: repeat(2, 1fr); }
  1204. .hero-content { padding: 0 5vw; }
  1205. .hero-prev { left: 0.75rem; }
  1206. .hero-next { right: 0.75rem; }
  1207. }
  1208. @media (max-width: 480px) {
  1209. .stats-bar { grid-template-columns: 1fr 1fr; }
  1210. .charts-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  1211. }
  1212. </style>
  1213. {% endblock %}
  1215. {% block body %}
  1217. {# ── HERO CAROUSEL ────────────────────────────────────────── #}
  1218. <div id=\"heroCarousel\" class=\"hero-slider\">
  1220. {# Slide 1 #}
  1221. <div class=\"carousel-item-custom active\"
  1222. style=\"background-image:url({{ asset('assets/images/slider-01.jpg') }});\">
  1223. <div class=\"hero-overlay\"></div>
  1224. <div class=\"hero-content\">
  1225. <p class=\"hero-label\">Excellence · Innovation · Bilingual Education</p>
  1226. <h1 class=\"hero-title\">
  1227. {{ french_school_name }}<br>
  1228. <em>{{ english_school_name }}</em>
  1229. </h1>
  1230. <p class=\"hero-sub\">{{ french_slogan }} &nbsp;·&nbsp; {{ english_slogan }}</p>
  1231. <div class=\"hero-cta\">
  1232. <a href=\"#officialExams\" class=\"btn-gold\">Voir les résultats</a>
  1233. <a href=\"#\" class=\"btn-outline-white\">En savoir plus</a>
  1234. </div>
  1235. </div>
  1236. </div>
  1238. {# Slide 2 #}
  1239. <div class=\"carousel-item-custom\"
  1240. style=\"background-image:url({{ asset('assets/images/slider-02.jpg') }});\">
  1241. <div class=\"hero-overlay\"></div>
  1242. <div class=\"hero-content\">
  1243. <p class=\"hero-label\">Digital · Connected · Modern</p>
  1244. <h1 class=\"hero-title\">
  1245. <em>LiveEdu</em><br>
  1246. Software Online Services
  1247. </h1>
  1248. <p class=\"hero-sub\">A complete digital ecosystem built for educators, students, and administrators.</p>
  1249. <div class=\"hero-cta\">
  1250. <a href=\"#\" class=\"btn-gold\">Découvrir la plateforme</a>
  1251. </div>
  1252. </div>
  1253. </div>
  1255. {# Slide 3 #}
  1256. <div class=\"carousel-item-custom\"
  1257. style=\"background-image:url({{ asset('assets/images/slide_04.PNG') }});\">
  1258. <div class=\"hero-overlay\"></div>
  1259. <div class=\"hero-content\">
  1260. <p class=\"hero-label\">Transparency · Quality · Trust</p>
  1261. <h1 class=\"hero-title\">
  1262. <em>{{ english_school_name }}</em><br>
  1263. {{ english_slogan }}
  1264. </h1>
  1265. <p class=\"hero-sub\">Real-time data, open reporting and trusted results — for every student, every year.</p>
  1266. <div class=\"hero-cta\">
  1267. <a href=\"#officialExams\" class=\"btn-gold\">Voir les statistiques</a>
  1268. </div>
  1269. </div>
  1270. </div>
  1272. {# Decorative bar #}
  1273. <div class=\"hero-bar\"></div>
  1275. {# Indicators #}
  1276. <ol class=\"hero-indicators\" id=\"heroIndicators\">
  1277. <li class=\"active\" data-slide=\"0\"></li>
  1278. <li data-slide=\"1\"></li>
  1279. <li data-slide=\"2\"></li>
  1280. </ol>
  1282. {# Slide counter #}
  1283. <div class=\"slide-counter\">
  1284. <span id=\"slideNum\">01</span> / 03
  1285. </div>
  1287. {# Controls #}
  1288. <a class=\"hero-prev\" id=\"heroPrev\" href=\"#\">
  1289. <i class=\"fa fa-angle-left\"></i>
  1290. </a>
  1291. <a class=\"hero-next\" id=\"heroNext\" href=\"#\">
  1292. <i class=\"fa fa-angle-right\"></i>
  1293. </a>
  1294. </div>
  1296. {# ── STATS BAR ─────────────────────────────────────────────── #}
  1297. <div class=\"stats-bar\">
  1298. <div class=\"stat-item\">
  1299. <span class=\"stat-num\">98%</span>
  1300. <span class=\"stat-label\">Taux d'admission</span>
  1301. </div>
  1302. <div class=\"stat-item\">
  1303. <span class=\"stat-num\">400+</span>
  1304. <span class=\"stat-label\">Élèves inscrits</span>
  1305. </div>
  1306. <div class=\"stat-item\">
  1307. <span class=\"stat-num\">50+</span>
  1308. <span class=\"stat-label\">Enseignants qualifiés</span>
  1309. </div>
  1310. <div class=\"stat-item\">
  1311. <span class=\"stat-num\">{{ year.code }}</span>
  1312. <span class=\"stat-label\">Année académique</span>
  1313. </div>
  1314. </div>
  1316. {# ── EXAM RESULTS SECTION ─────────────────────────────────── #}
  1317. <section class=\"charts-section\" id=\"officialExams\">
  1318. <div class=\"section-header\">
  1319. <span class=\"section-tag\">Résultats officiels</span>
  1320. <h2 class=\"section-title\">
  1321. Taux de réussite aux examens<br>
  1322. session <em>{{ year.code }}</em>
  1323. </h2>
  1324. <div class=\"section-divider\"></div>
  1325. <p class=\"section-sub\">
  1326. Statistiques détaillées par série et par niveau pour la session officielle en cours.
  1327. </p>
  1328. </div>
  1330. <div class=\"charts-grid\">
  1331. {% for key in results|keys %}
  1332. <div class=\"chart-card\">
  1333. <canvas id=\"{{ key }}\" height=\"160\"
  1334. data-exam-objects=\"{{ results[key] }}\"></canvas>
  1335. </div>
  1336. {% endfor %}
  1337. </div>
  1338. </section>
  1340. {# ── FOOTER ACCENT ─────────────────────────────────────────── #}
  1341. <div class=\"page-footer-accent\">
  1342. Propulsé par <span>LiveEdu</span> · Tous droits réservés {{ \"now\"|date(\"Y\") }}
  1343. </div>
  1345. {% endblock %}
  1347. {% block javascripts %}
  1348. {{ parent() }}
  1349. <script>
  1350. /* ── Custom Carousel ───────────────────────────────────────── */
  1351. (function () {
  1352. const slides = document.querySelectorAll('.carousel-item-custom');
  1353. const indicators = document.querySelectorAll('#heroIndicators li');
  1354. const slideNum = document.getElementById('slideNum');
  1355. let current = 0, timer;
  1357. function goTo(n) {
  1358. slides[current].classList.remove('active');
  1359. indicators[current].classList.remove('active');
  1360. current = (n + slides.length) % slides.length;
  1361. slides[current].classList.add('active');
  1362. indicators[current].classList.add('active');
  1363. slideNum.textContent = String(current + 1).padStart(2, '0');
  1364. }
  1366. function autoPlay() { timer = setInterval(() => goTo(current + 1), 5500); }
  1367. function resetTimer() { clearInterval(timer); autoPlay(); }
  1369. document.getElementById('heroPrev').addEventListener('click', e => {
  1370. e.preventDefault(); goTo(current - 1); resetTimer();
  1371. });
  1372. document.getElementById('heroNext').addEventListener('click', e => {
  1373. e.preventDefault(); goTo(current + 1); resetTimer();
  1374. });
  1375. indicators.forEach(li => {
  1376. li.addEventListener('click', () => { goTo(+li.dataset.slide); resetTimer(); });
  1377. });
  1379. autoPlay();
  1380. })();
  1382. /* ── Charts ─────────────────────────────────────────────────── */
  1383. const palette = [
  1384. '#C9A84C','#2C6BAD','#1D8A6E','#D9534F',
  1385. '#7B5EA7','#F0A500','#2E86AB','#A23B72'
  1386. ];
  1388. const randomColor = (type, idx) =>
  1389. type === 'ECHEC' ? '#D9534F' : palette[idx % palette.length];
  1391. const drawCanvas = (examData, canvasId, name) => {
  1392. const el = document.getElementById(canvasId);
  1393. if (!el || !examData) return;
  1394. const parsed = JSON.parse(examData);
  1395. const values = parsed.mentionCountCategories.map(Number);
  1396. const colors = parsed.mentionCategories.map((cat, i) => randomColor(cat, i));
  1398. new Chart(el, {
  1399. type: 'doughnut',
  1400. data: {
  1401. labels: parsed.mentionCategories,
  1402. datasets: [{ data: values, backgroundColor: colors, borderWidth: 0 }]
  1403. },
  1404. options: {
  1405. cutout: '68%',
  1406. animation: { animateRotate: true, duration: 1000 },
  1407. plugins: {
  1408. legend: { display: false },
  1409. title: {
  1410. display: true,
  1411. text: name,
  1412. color: '#0A1628',
  1413. font: { size: 13, family: \"'DM Sans', sans-serif\", weight: '600' },
  1414. position: 'bottom',
  1415. padding: { top: 14 }
  1416. }
  1417. }
  1418. }
  1419. });
  1420. };
  1422. {% for key in results|keys %}
  1423. drawCanvas(
  1424. document.getElementById('{{ key }}')?.dataset?.examObjects,
  1425. '{{ key }}',
  1426. '{{ key|replace({'_': ' '})|title }}'
  1427. );
  1428. {% endfor %}
  1429. </script>
  1430. {% endblock javascripts %}
  1431. ", "school/index.html.twig", "/var/www/bethesda/templates/school/index.html.twig");
  1432. }
  1433. }