<?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;
/* layout/security-base.html.twig */
class __TwigTemplate_f8acdfe06cb52150a0c009bddb33ed54 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->parent = false;
$this->blocks = [
'title' => [$this, 'block_title'],
'body' => [$this, 'block_body'],
];
}
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", "layout/security-base.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "layout/security-base.html.twig"));
// line 1
yield "<!doctype html>
<html lang=\"en\">
<head>
<title>";
// line 5
yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
yield " | G-School</title>
<!-- [Meta] -->
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,user-scalable=0,minimal-ui\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
<meta name=\"description\" content=\"G-School, votre assistant de gestion et de suivi scolaire numérique : surveillez et communiquez en temps réél aux parents les progrès et les délais de paiement de vos élèves, centralisez les informations, et gagnez du temps sur chaque tâche quotidienne.\">
<meta name=\"keywords\" content=\"Application Mobile & Application Web\">
\t<meta name=\"author\" content=\"G-Tech\">
<!-- [Favicon] icon -->
<link rel=\"icon\" href=\"";
// line 14
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icon.png"), "html", null, true);
yield "\" type=\"image/x-icon\">
<!-- [Font] Family -->
<link rel=\"stylesheet\" href=\"";
// line 16
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/inter/inter.css"), "html", null, true);
yield "\" id=\"main-font-link\">
<!-- [phosphor Icons] https://phosphoricons.com/ -->
<link rel=\"stylesheet\" href=\"";
// line 18
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/phosphor/duotone/style.css"), "html", null, true);
yield "\">
<!-- [Tabler Icons] https://tablericons.com -->
<link rel=\"stylesheet\" href=\"";
// line 20
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/tabler-icons.min.css"), "html", null, true);
yield "\">
<!-- [Feather Icons] https://feathericons.com -->
<link rel=\"stylesheet\" href=\"";
// line 22
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/feather.css"), "html", null, true);
yield "\">
<!-- [Font Awesome Icons] https://fontawesome.com/icons -->
<link rel=\"stylesheet\" href=\"";
// line 24
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/fontawesome.css"), "html", null, true);
yield "\">
<!-- [Material Icons] https://fonts.google.com/icons -->
<link rel=\"stylesheet\" href=\"";
// line 26
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/fonts/material.css"), "html", null, true);
yield "\">
<!-- [Template CSS Files] -->
<link rel=\"stylesheet\" href=\"";
// line 28
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/style.css"), "html", null, true);
yield "\" id=\"main-style-link\">
<link rel=\"stylesheet\" href=\"";
// line 29
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/style-preset.css"), "html", null, true);
yield "\">
</head>
<!-- [Head] end -->
<!-- [Body] Start -->
<body data-pc-preset=\"preset-1\" data-pc-sidebar-caption=\"true\" data-pc-layout=\"vertical\" data-pc-direction=\"ltr\" data-pc-theme_contrast=\"\" data-pc-theme=\"dark\">
<!-- [ Pre-loader ] start -->
<div class=\"page-loader\">
<div class=\"bar\">
</div>
</div>
<!-- Loader page -->
<div style=\"width: 100%; height: 100Vh; position: fixed; z-index: 10; top: 0; bottom: 0; background: #131920\" class=\"loader-page\"></div>
<!-- [ Pre-loader ] End -->
<div class=\"auth-main\">
";
// line 45
yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
// line 48
yield "
</div>
<!-- [ Main Content ] end -->
<!-- Required Js -->
<script src=\"";
// line 52
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/plugins/popper.min.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 53
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/plugins/simplebar.min.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 54
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/plugins/bootstrap.min.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 55
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/fonts/custom-font.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 56
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/pcoded.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 57
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/plugins/feather.min.js"), "html", null, true);
yield "\"></script>
<script>
layout_change('light');
</script>
<script>
change_box_container('false');
</script>
<script>
layout_caption_change('true');
</script>
<script>
layout_rtl_change('false');
</script>
<script>
preset_change('preset-1');
</script>
<script>
main_layout_change('vertical');
</script>
<div class=\"pct-c-btn\">
<a href=\"#\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#offcanvas_pc_layout\">
<i class=\"ph-duotone ph-gear-six\"></i>
</a>
</div>
<div class=\"offcanvas border-0 pct-offcanvas offcanvas-end\" tabindex=\"-1\" id=\"offcanvas_pc_layout\">
<div class=\"offcanvas-header\">
<h5 class=\"offcanvas-title\">Settings</h5>
<button type=\"button\" class=\"btn btn-icon btn-link-danger ms-auto\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">
<i class=\"ti ti-x\"></i>
</button>
</div>
<div class=\"pct-body customizer-body\">
<div class=\"offcanvas-body py-0\">
<ul class=\"list-group list-group-flush\">
<li class=\"list-group-item\">
<div class=\"pc-dark\">
<h6 class=\"mb-1\">Theme Mode</h6>
<p class=\"text-muted text-sm\">Choose light or dark mode or Auto</p>
<div class=\"row theme-color theme-layout\">
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn active\" data-value=\"true\" onclick=\"layout_change('light');\" data-bs-toggle=\"tooltip\" title=\"Light\">
<svg class=\"pc-icon text-warning\">
<use xlink:href=\"#custom-sun-1\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"false\" onclick=\"layout_change('dark');\" data-bs-toggle=\"tooltip\" title=\"Dark\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-moon\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"default\" onclick=\"layout_change_default();\" data-bs-toggle=\"tooltip\" title=\"Automatically sets the theme based on user's operating system's color scheme.\">
<span class=\"pc-lay-icon d-flex align-items-center justify-content-center\">
<i class=\"ph-duotone ph-cpu\"></i>
</span>
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Theme Contrast</h6>
<p class=\"text-muted text-sm\">Choose theme contrast</p>
<div class=\"row theme-contrast\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"true\" onclick=\"layout_theme_contrast_change('true');\" data-bs-toggle=\"tooltip\" title=\"True\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-mask\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn active\" data-value=\"false\" onclick=\"layout_theme_contrast_change('false');\" data-bs-toggle=\"tooltip\" title=\"False\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-mask-1-outline\">
</use>
</svg>
</button>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Custom Theme</h6>
<p class=\"text-muted text-sm\">Choose your primary theme color</p>
<div class=\"theme-color preset-color\">
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Blue\" class=\"active\" data-value=\"preset-1\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Indigo\" data-value=\"preset-2\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Purple\" data-value=\"preset-3\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Pink\" data-value=\"preset-4\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Red\" data-value=\"preset-5\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Orange\" data-value=\"preset-6\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Yellow\" data-value=\"preset-7\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Green\" data-value=\"preset-8\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Teal\" data-value=\"preset-9\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Cyan\" data-value=\"preset-10\">
<i class=\"ti ti-checks\"></i>
</a>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Theme layout</h6>
<p class=\"text-muted text-sm\">Choose your layout</p>
<div class=\"theme-main-layout d-flex align-center gap-1 w-100\">
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Vertical\" class=\"active\" data-value=\"vertical\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-on.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Horizontal\" data-value=\"horizontal\">
<img src=\"https://ableproadmin.com/assets/images/customizer/horizontal.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Color Header\" data-value=\"color-header\">
<img src=\"https://ableproadmin.com/assets/images/customizer/color-header.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Compact\" data-value=\"compact\">
<img src=\"https://ableproadmin.com/assets/images/customizer/compact.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Tab\" data-value=\"tab\">
<img src=\"https://ableproadmin.com/assets/images/customizer/tab.svg\" alt=\"img\" class=\"img-fluid\">
</a>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Sidebar Caption</h6>
<p class=\"text-muted text-sm\">Sidebar Caption Hide/Show</p>
<div class=\"row theme-color theme-nav-caption\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"true\" onclick=\"layout_caption_change('true');\" data-bs-toggle=\"tooltip\" title=\"Caption Show\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-on.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"false\" onclick=\"layout_caption_change('false');\" data-bs-toggle=\"tooltip\" title=\"Caption Hide\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-off.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<div class=\"pc-rtl\">
<h6 class=\"mb-1\">Theme Layout</h6>
<p class=\"text-muted text-sm\">LTR/RTL</p>
<div class=\"row theme-color theme-direction\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"false\" onclick=\"layout_rtl_change('false');\" data-bs-toggle=\"tooltip\" title=\"LTR\">
<img src=\"https://ableproadmin.com/assets/images/customizer/ltr.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"true\" onclick=\"layout_rtl_change('true');\" data-bs-toggle=\"tooltip\" title=\"RTL\">
<img src=\"https://ableproadmin.com/assets/images/customizer/rtl.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item pc-box-width\">
<div class=\"pc-container-width\">
<h6 class=\"mb-1\">Layout Width</h6>
<p class=\"text-muted text-sm\">Choose Full or Container Layout</p>
<div class=\"row theme-color theme-container\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"false\" onclick=\"change_box_container('false')\" data-bs-toggle=\"tooltip\" title=\"Full Width\">
<img src=\"https://ableproadmin.com/assets/images/customizer/full.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"true\" onclick=\"change_box_container('true')\" data-bs-toggle=\"tooltip\" title=\"Fixed Width\">
<img src=\"https://ableproadmin.com/assets/images/customizer/fixed.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<div class=\"d-grid\">
<button class=\"btn btn-light-danger\" id=\"layoutreset\">Reset Layout</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
<script src=\"";
// line 285
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/jquery.js"), "html", null, true);
yield "\"></script>
<script>
\$(document).ready(function (){
\$('.loader-page').fadeOut(1000);
setTimeout(function () {
\$('.alert-error-connexion').fadeOut();
},8000)
function getThemeSystem() {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
\$('body').attr('data-pc-theme','dark')
return 'dark';
} else {
\$('body').attr('data-pc-theme','light')
return 'light';
}
}
const themeSystem = getThemeSystem();
// console.log(`Le thème système actif est : \${themeSystem}`);
})
</script>
</html>";
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
yield from [];
}
// 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 " ";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 45
/**
* @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 46
yield "
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName(): string
{
return "layout/security-base.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable(): bool
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo(): array
{
return array ( 457 => 46, 444 => 45, 421 => 5, 385 => 285, 154 => 57, 150 => 56, 146 => 55, 142 => 54, 138 => 53, 134 => 52, 128 => 48, 126 => 45, 107 => 29, 103 => 28, 98 => 26, 93 => 24, 88 => 22, 83 => 20, 78 => 18, 73 => 16, 68 => 14, 56 => 5, 50 => 1,);
}
public function getSourceContext(): Source
{
return new Source("<!doctype html>
<html lang=\"en\">
<head>
<title>{% block title %} {% endblock %} | G-School</title>
<!-- [Meta] -->
<meta charset=\"utf-8\">
<meta name=\"viewport\" content=\"width=device-width,initial-scale=1,user-scalable=0,minimal-ui\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
<meta name=\"description\" content=\"G-School, votre assistant de gestion et de suivi scolaire numérique : surveillez et communiquez en temps réél aux parents les progrès et les délais de paiement de vos élèves, centralisez les informations, et gagnez du temps sur chaque tâche quotidienne.\">
<meta name=\"keywords\" content=\"Application Mobile & Application Web\">
\t<meta name=\"author\" content=\"G-Tech\">
<!-- [Favicon] icon -->
<link rel=\"icon\" href=\"{{asset('assets/images/icon.png')}}\" type=\"image/x-icon\">
<!-- [Font] Family -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/inter/inter.css') }}\" id=\"main-font-link\">
<!-- [phosphor Icons] https://phosphoricons.com/ -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/phosphor/duotone/style.css') }}\">
<!-- [Tabler Icons] https://tablericons.com -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/tabler-icons.min.css') }}\">
<!-- [Feather Icons] https://feathericons.com -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/feather.css') }}\">
<!-- [Font Awesome Icons] https://fontawesome.com/icons -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/fontawesome.css') }}\">
<!-- [Material Icons] https://fonts.google.com/icons -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/fonts/material.css') }}\">
<!-- [Template CSS Files] -->
<link rel=\"stylesheet\" href=\"{{ asset('assets/css/style.css') }}\" id=\"main-style-link\">
<link rel=\"stylesheet\" href=\"{{ asset('assets/css/style-preset.css') }}\">
</head>
<!-- [Head] end -->
<!-- [Body] Start -->
<body data-pc-preset=\"preset-1\" data-pc-sidebar-caption=\"true\" data-pc-layout=\"vertical\" data-pc-direction=\"ltr\" data-pc-theme_contrast=\"\" data-pc-theme=\"dark\">
<!-- [ Pre-loader ] start -->
<div class=\"page-loader\">
<div class=\"bar\">
</div>
</div>
<!-- Loader page -->
<div style=\"width: 100%; height: 100Vh; position: fixed; z-index: 10; top: 0; bottom: 0; background: #131920\" class=\"loader-page\"></div>
<!-- [ Pre-loader ] End -->
<div class=\"auth-main\">
{% block body %}
{% endblock %}
</div>
<!-- [ Main Content ] end -->
<!-- Required Js -->
<script src=\"{{ asset('assets/js/plugins/popper.min.js') }}\"></script>
<script src=\"{{ asset('assets/js/plugins/simplebar.min.js') }}\"></script>
<script src=\"{{ asset('assets/js/plugins/bootstrap.min.js') }}\"></script>
<script src=\"{{ asset('assets/js/fonts/custom-font.js') }}\"></script>
<script src=\"{{ asset('assets/js/pcoded.js') }}\"></script>
<script src=\"{{ asset('assets/js/plugins/feather.min.js') }}\"></script>
<script>
layout_change('light');
</script>
<script>
change_box_container('false');
</script>
<script>
layout_caption_change('true');
</script>
<script>
layout_rtl_change('false');
</script>
<script>
preset_change('preset-1');
</script>
<script>
main_layout_change('vertical');
</script>
<div class=\"pct-c-btn\">
<a href=\"#\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#offcanvas_pc_layout\">
<i class=\"ph-duotone ph-gear-six\"></i>
</a>
</div>
<div class=\"offcanvas border-0 pct-offcanvas offcanvas-end\" tabindex=\"-1\" id=\"offcanvas_pc_layout\">
<div class=\"offcanvas-header\">
<h5 class=\"offcanvas-title\">Settings</h5>
<button type=\"button\" class=\"btn btn-icon btn-link-danger ms-auto\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">
<i class=\"ti ti-x\"></i>
</button>
</div>
<div class=\"pct-body customizer-body\">
<div class=\"offcanvas-body py-0\">
<ul class=\"list-group list-group-flush\">
<li class=\"list-group-item\">
<div class=\"pc-dark\">
<h6 class=\"mb-1\">Theme Mode</h6>
<p class=\"text-muted text-sm\">Choose light or dark mode or Auto</p>
<div class=\"row theme-color theme-layout\">
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn active\" data-value=\"true\" onclick=\"layout_change('light');\" data-bs-toggle=\"tooltip\" title=\"Light\">
<svg class=\"pc-icon text-warning\">
<use xlink:href=\"#custom-sun-1\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"false\" onclick=\"layout_change('dark');\" data-bs-toggle=\"tooltip\" title=\"Dark\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-moon\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-4\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"default\" onclick=\"layout_change_default();\" data-bs-toggle=\"tooltip\" title=\"Automatically sets the theme based on user's operating system's color scheme.\">
<span class=\"pc-lay-icon d-flex align-items-center justify-content-center\">
<i class=\"ph-duotone ph-cpu\"></i>
</span>
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Theme Contrast</h6>
<p class=\"text-muted text-sm\">Choose theme contrast</p>
<div class=\"row theme-contrast\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn\" data-value=\"true\" onclick=\"layout_theme_contrast_change('true');\" data-bs-toggle=\"tooltip\" title=\"True\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-mask\">
</use>
</svg>
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn active\" data-value=\"false\" onclick=\"layout_theme_contrast_change('false');\" data-bs-toggle=\"tooltip\" title=\"False\">
<svg class=\"pc-icon\">
<use xlink:href=\"#custom-mask-1-outline\">
</use>
</svg>
</button>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Custom Theme</h6>
<p class=\"text-muted text-sm\">Choose your primary theme color</p>
<div class=\"theme-color preset-color\">
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Blue\" class=\"active\" data-value=\"preset-1\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Indigo\" data-value=\"preset-2\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Purple\" data-value=\"preset-3\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Pink\" data-value=\"preset-4\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Red\" data-value=\"preset-5\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Orange\" data-value=\"preset-6\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Yellow\" data-value=\"preset-7\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Green\" data-value=\"preset-8\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Teal\" data-value=\"preset-9\">
<i class=\"ti ti-checks\"></i>
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Cyan\" data-value=\"preset-10\">
<i class=\"ti ti-checks\"></i>
</a>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Theme layout</h6>
<p class=\"text-muted text-sm\">Choose your layout</p>
<div class=\"theme-main-layout d-flex align-center gap-1 w-100\">
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Vertical\" class=\"active\" data-value=\"vertical\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-on.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Horizontal\" data-value=\"horizontal\">
<img src=\"https://ableproadmin.com/assets/images/customizer/horizontal.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Color Header\" data-value=\"color-header\">
<img src=\"https://ableproadmin.com/assets/images/customizer/color-header.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Compact\" data-value=\"compact\">
<img src=\"https://ableproadmin.com/assets/images/customizer/compact.svg\" alt=\"img\" class=\"img-fluid\">
</a>
<a href=\"#!\" data-bs-toggle=\"tooltip\" title=\"Tab\" data-value=\"tab\">
<img src=\"https://ableproadmin.com/assets/images/customizer/tab.svg\" alt=\"img\" class=\"img-fluid\">
</a>
</div>
</li>
<li class=\"list-group-item\">
<h6 class=\"mb-1\">Sidebar Caption</h6>
<p class=\"text-muted text-sm\">Sidebar Caption Hide/Show</p>
<div class=\"row theme-color theme-nav-caption\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"true\" onclick=\"layout_caption_change('true');\" data-bs-toggle=\"tooltip\" title=\"Caption Show\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-on.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"false\" onclick=\"layout_caption_change('false');\" data-bs-toggle=\"tooltip\" title=\"Caption Hide\">
<img src=\"https://ableproadmin.com/assets/images/customizer/caption-off.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<div class=\"pc-rtl\">
<h6 class=\"mb-1\">Theme Layout</h6>
<p class=\"text-muted text-sm\">LTR/RTL</p>
<div class=\"row theme-color theme-direction\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"false\" onclick=\"layout_rtl_change('false');\" data-bs-toggle=\"tooltip\" title=\"LTR\">
<img src=\"https://ableproadmin.com/assets/images/customizer/ltr.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"true\" onclick=\"layout_rtl_change('true');\" data-bs-toggle=\"tooltip\" title=\"RTL\">
<img src=\"https://ableproadmin.com/assets/images/customizer/rtl.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item pc-box-width\">
<div class=\"pc-container-width\">
<h6 class=\"mb-1\">Layout Width</h6>
<p class=\"text-muted text-sm\">Choose Full or Container Layout</p>
<div class=\"row theme-color theme-container\">
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn active\" data-value=\"false\" onclick=\"change_box_container('false')\" data-bs-toggle=\"tooltip\" title=\"Full Width\">
<img src=\"https://ableproadmin.com/assets/images/customizer/full.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
<div class=\"col-6\">
<div class=\"d-grid\">
<button class=\"preset-btn btn-img btn\" data-value=\"true\" onclick=\"change_box_container('true')\" data-bs-toggle=\"tooltip\" title=\"Fixed Width\">
<img src=\"https://ableproadmin.com/assets/images/customizer/fixed.svg\" alt=\"img\" class=\"img-fluid\">
</button>
</div>
</div>
</div>
</div>
</li>
<li class=\"list-group-item\">
<div class=\"d-grid\">
<button class=\"btn btn-light-danger\" id=\"layoutreset\">Reset Layout</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</body>
<script src=\"{{ asset('assets/js/jquery.js') }}\"></script>
<script>
\$(document).ready(function (){
\$('.loader-page').fadeOut(1000);
setTimeout(function () {
\$('.alert-error-connexion').fadeOut();
},8000)
function getThemeSystem() {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
\$('body').attr('data-pc-theme','dark')
return 'dark';
} else {
\$('body').attr('data-pc-theme','light')
return 'light';
}
}
const themeSystem = getThemeSystem();
// console.log(`Le thème système actif est : \${themeSystem}`);
})
</script>
</html>", "layout/security-base.html.twig", "/var/www/g-school/templates/layout/security-base.html.twig");
}
}