templates/layout/security-base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  4. <head>
  5.     <title>{% block title %} {% endblock %} | {% trans %} Collège Privé Bilingue Shekinah {% endtrans %}</title>
  6.     <!-- [Meta] -->
  7.     <meta charset="utf-8">
  8.     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimal-ui">
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <meta name="description" content="Skolya, 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.">
  11.     <meta name="keywords" content="Application Mobile & Application Web">
  12.     <meta name="author" content="Skolya">
  13.     <!-- [Favicon] icon -->
  14.     <link rel="icon" href="{{asset('assets/images/icon.png')}}" type="image/x-icon">
  15.     <!-- [Font] Family -->
  16.     <link rel="stylesheet" href="{{ asset('assets/fonts/inter/inter.css') }}" id="main-font-link">
  17.     <!-- [phosphor Icons] https://phosphoricons.com/ -->
  18.     <link rel="stylesheet" href="{{ asset('assets/fonts/phosphor/duotone/style.css') }}">
  19.     <!-- [Tabler Icons] https://tablericons.com -->
  20.     <link rel="stylesheet" href="{{ asset('assets/fonts/tabler-icons.min.css') }}">
  21.     <!-- [Feather Icons] https://feathericons.com -->
  22.     <link rel="stylesheet" href="{{ asset('assets/fonts/feather.css') }}">
  23.     <!-- [Font Awesome Icons] https://fontawesome.com/icons -->
  24.     <link rel="stylesheet" href="{{ asset('assets/fonts/fontawesome.css') }}">
  25.     <!-- [Material Icons] https://fonts.google.com/icons -->
  26.     <link rel="stylesheet" href="{{ asset('assets/fonts/material.css') }}">
  27.     <!-- [Template CSS Files] -->
  28.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}" id="main-style-link">
  29.     <link rel="stylesheet" href="{{ asset('assets/css/style-preset.css') }}">
  30. </head>
  31. <!-- [Head] end -->
  32. <!-- [Body] Start -->
  34. <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">
  35.     <!-- [ Pre-loader ] start -->
  36.     <div class="page-loader">
  37.         <div class="bar">
  38.         </div>
  39.     </div>
  40.     <!-- Loader page -->
  41.     <div style="width: 100%; height: 100Vh; position: fixed; z-index: 10; top: 0; bottom: 0; background: #131920" class="loader-page"></div>
  42.     <!-- [ Pre-loader ] End -->
  43.     <div class="auth-main">
  45.         {% block body %}
  47.         {% endblock %}
  49.         <footer style="position: absolute; bottom: 20px; width: 100%; text-align: center; color: #6c757d; font-size: 0.85rem; z-index: 5;">
  50.             <p class="mb-0">
  51.                 © 2026 <strong>Skolya</strong> - Un produit de 
  52.                 <span style="text-decoration: underline;">ETS G-TECH</span>, Yaoundé. 
  53.                 Tous droits réservés.
  54.             </p>
  55.             <div class="mt-1">
  56.                 <a href="{{ path('app_legal_notice') }}" style="color: #6c757d; text-decoration: underline; margin-right: 10px;">Mentions Légales</a>
  57.                 <a href="{{ path('app_privacy') }}" style="color: #6c757d; text-decoration: underline;">Politique de Confidentialité</a>
  58.             </div>
  59.         </footer>
  61.     </div>
  62.     <!-- [ Main Content ] end -->
  63.     <!-- Required Js -->
  64.     <script src="{{ asset('assets/js/plugins/popper.min.js') }}"></script>
  65.     <script src="{{ asset('assets/js/plugins/simplebar.min.js') }}"></script>
  66.     <script src="{{ asset('assets/js/plugins/bootstrap.min.js') }}"></script>
  67.     <script src="{{ asset('assets/js/fonts/custom-font.js') }}"></script>
  68.     <script src="{{ asset('assets/js/pcoded.js') }}"></script>
  69.     <script src="{{ asset('assets/js/plugins/feather.min.js') }}"></script>
  70.     <script>
  71.         layout_change('light');
  72.     </script>
  73.     <script>
  74.         change_box_container('false');
  75.     </script>
  76.     <script>
  77.         layout_caption_change('true');
  78.     </script>
  79.     <script>
  80.         layout_rtl_change('false');
  81.     </script>
  82.     <script>
  83.         preset_change('preset-1');
  84.     </script>
  85.     <script>
  86.         main_layout_change('vertical');
  87.     </script>
  88.     <div class="pct-c-btn">
  89.         <a href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_pc_layout">
  90.             <i class="ph-duotone ph-gear-six"></i>
  91.         </a>
  92.     </div>
  93.     <div class="offcanvas border-0 pct-offcanvas offcanvas-end" tabindex="-1" id="offcanvas_pc_layout">
  94.         <div class="offcanvas-header">
  95.             <h5 class="offcanvas-title">Settings</h5>
  96.             <button type="button" class="btn btn-icon btn-link-danger ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
  97.                 <i class="ti ti-x"></i>
  98.             </button>
  99.         </div>
  100.         <div class="pct-body customizer-body">
  101.             <div class="offcanvas-body py-0">
  102.                 <ul class="list-group list-group-flush">
  103.                     <li class="list-group-item">
  104.                         <div class="pc-dark">
  105.                             <h6 class="mb-1">Theme Mode</h6>
  106.                             <p class="text-muted text-sm">Choose light or dark mode or Auto</p>
  107.                             <div class="row theme-color theme-layout">
  108.                                 <div class="col-4">
  109.                                     <div class="d-grid">
  110.                                         <button class="preset-btn btn active" data-value="true" onclick="layout_change('light');" data-bs-toggle="tooltip" title="Light">
  111.                                             <svg class="pc-icon text-warning">
  112.                                                 <use xlink:href="#custom-sun-1">
  113.                                                 </use>
  114.                                             </svg>
  115.                                         </button>
  116.                                     </div>
  117.                                 </div>
  118.                                 <div class="col-4">
  119.                                     <div class="d-grid">
  120.                                         <button class="preset-btn btn" data-value="false" onclick="layout_change('dark');" data-bs-toggle="tooltip" title="Dark">
  121.                                             <svg class="pc-icon">
  122.                                                 <use xlink:href="#custom-moon">
  123.                                                 </use>
  124.                                             </svg>
  125.                                         </button>
  126.                                     </div>
  127.                                 </div>
  128.                                 <div class="col-4">
  129.                                     <div class="d-grid">
  130.                                         <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.">
  131.                           <span class="pc-lay-icon d-flex align-items-center justify-content-center">
  132.                             <i class="ph-duotone ph-cpu"></i>
  133.                           </span>
  134.                                         </button>
  135.                                     </div>
  136.                                 </div>
  137.                             </div>
  138.                         </div>
  139.                     </li>
  140.                     <li class="list-group-item">
  141.                         <h6 class="mb-1">Theme Contrast</h6>
  142.                         <p class="text-muted text-sm">Choose theme contrast</p>
  143.                         <div class="row theme-contrast">
  144.                             <div class="col-6">
  145.                                 <div class="d-grid">
  146.                                     <button class="preset-btn btn" data-value="true" onclick="layout_theme_contrast_change('true');" data-bs-toggle="tooltip" title="True">
  147.                                         <svg class="pc-icon">
  148.                                             <use xlink:href="#custom-mask">
  149.                                             </use>
  150.                                         </svg>
  151.                                     </button>
  152.                                 </div>
  153.                             </div>
  154.                             <div class="col-6">
  155.                                 <div class="d-grid">
  156.                                     <button class="preset-btn btn active" data-value="false" onclick="layout_theme_contrast_change('false');" data-bs-toggle="tooltip" title="False">
  157.                                         <svg class="pc-icon">
  158.                                             <use xlink:href="#custom-mask-1-outline">
  159.                                             </use>
  160.                                         </svg>
  161.                                     </button>
  162.                                 </div>
  163.                             </div>
  164.                         </div>
  165.                     </li>
  166.                     <li class="list-group-item">
  167.                         <h6 class="mb-1">Custom Theme</h6>
  168.                         <p class="text-muted text-sm">Choose your primary theme color</p>
  169.                         <div class="theme-color preset-color">
  170.                             <a href="#!" data-bs-toggle="tooltip" title="Blue" class="active" data-value="preset-1">
  171.                                 <i class="ti ti-checks"></i>
  172.                             </a>
  173.                             <a href="#!" data-bs-toggle="tooltip" title="Indigo" data-value="preset-2">
  174.                                 <i class="ti ti-checks"></i>
  175.                             </a>
  176.                             <a href="#!" data-bs-toggle="tooltip" title="Purple" data-value="preset-3">
  177.                                 <i class="ti ti-checks"></i>
  178.                             </a>
  179.                             <a href="#!" data-bs-toggle="tooltip" title="Pink" data-value="preset-4">
  180.                                 <i class="ti ti-checks"></i>
  181.                             </a>
  182.                             <a href="#!" data-bs-toggle="tooltip" title="Red" data-value="preset-5">
  183.                                 <i class="ti ti-checks"></i>
  184.                             </a>
  185.                             <a href="#!" data-bs-toggle="tooltip" title="Orange" data-value="preset-6">
  186.                                 <i class="ti ti-checks"></i>
  187.                             </a>
  188.                             <a href="#!" data-bs-toggle="tooltip" title="Yellow" data-value="preset-7">
  189.                                 <i class="ti ti-checks"></i>
  190.                             </a>
  191.                             <a href="#!" data-bs-toggle="tooltip" title="Green" data-value="preset-8">
  192.                                 <i class="ti ti-checks"></i>
  193.                             </a>
  194.                             <a href="#!" data-bs-toggle="tooltip" title="Teal" data-value="preset-9">
  195.                                 <i class="ti ti-checks"></i>
  196.                             </a>
  197.                             <a href="#!" data-bs-toggle="tooltip" title="Cyan" data-value="preset-10">
  198.                                 <i class="ti ti-checks"></i>
  199.                             </a>
  200.                         </div>
  201.                     </li>
  202.                     <li class="list-group-item">
  203.                         <h6 class="mb-1">Theme layout</h6>
  204.                         <p class="text-muted text-sm">Choose your layout</p>
  205.                         <div class="theme-main-layout d-flex align-center gap-1 w-100">
  206.                             <a href="#!" data-bs-toggle="tooltip" title="Vertical" class="active" data-value="vertical">
  207.                                 <img src="https://ableproadmin.com/assets/images/customizer/caption-on.svg" alt="img" class="img-fluid">
  208.                             </a>
  209.                             <a href="#!" data-bs-toggle="tooltip" title="Horizontal" data-value="horizontal">
  210.                                 <img src="https://ableproadmin.com/assets/images/customizer/horizontal.svg" alt="img" class="img-fluid">
  211.                             </a>
  212.                             <a href="#!" data-bs-toggle="tooltip" title="Color Header" data-value="color-header">
  213.                                 <img src="https://ableproadmin.com/assets/images/customizer/color-header.svg" alt="img" class="img-fluid">
  214.                             </a>
  215.                             <a href="#!" data-bs-toggle="tooltip" title="Compact" data-value="compact">
  216.                                 <img src="https://ableproadmin.com/assets/images/customizer/compact.svg" alt="img" class="img-fluid">
  217.                             </a>
  218.                             <a href="#!" data-bs-toggle="tooltip" title="Tab" data-value="tab">
  219.                                 <img src="https://ableproadmin.com/assets/images/customizer/tab.svg" alt="img" class="img-fluid">
  220.                             </a>
  221.                         </div>
  222.                     </li>
  223.                     <li class="list-group-item">
  224.                         <h6 class="mb-1">Sidebar Caption</h6>
  225.                         <p class="text-muted text-sm">Sidebar Caption Hide/Show</p>
  226.                         <div class="row theme-color theme-nav-caption">
  227.                             <div class="col-6">
  228.                                 <div class="d-grid">
  229.                                     <button class="preset-btn btn-img btn active" data-value="true" onclick="layout_caption_change('true');" data-bs-toggle="tooltip" title="Caption Show">
  230.                                         <img src="https://ableproadmin.com/assets/images/customizer/caption-on.svg" alt="img" class="img-fluid">
  231.                                     </button>
  232.                                 </div>
  233.                             </div>
  234.                             <div class="col-6">
  235.                                 <div class="d-grid">
  236.                                     <button class="preset-btn btn-img btn" data-value="false" onclick="layout_caption_change('false');" data-bs-toggle="tooltip" title="Caption Hide">
  237.                                         <img src="https://ableproadmin.com/assets/images/customizer/caption-off.svg" alt="img" class="img-fluid">
  238.                                     </button>
  239.                                 </div>
  240.                             </div>
  241.                         </div>
  242.                     </li>
  243.                     <li class="list-group-item">
  244.                         <div class="pc-rtl">
  245.                             <h6 class="mb-1">Theme Layout</h6>
  246.                             <p class="text-muted text-sm">LTR/RTL</p>
  247.                             <div class="row theme-color theme-direction">
  248.                                 <div class="col-6">
  249.                                     <div class="d-grid">
  250.                                         <button class="preset-btn btn-img btn active" data-value="false" onclick="layout_rtl_change('false');" data-bs-toggle="tooltip" title="LTR">
  251.                                             <img src="https://ableproadmin.com/assets/images/customizer/ltr.svg" alt="img" class="img-fluid">
  252.                                         </button>
  253.                                     </div>
  254.                                 </div>
  255.                                 <div class="col-6">
  256.                                     <div class="d-grid">
  257.                                         <button class="preset-btn btn-img btn" data-value="true" onclick="layout_rtl_change('true');" data-bs-toggle="tooltip" title="RTL">
  258.                                             <img src="https://ableproadmin.com/assets/images/customizer/rtl.svg" alt="img" class="img-fluid">
  259.                                         </button>
  260.                                     </div>
  261.                                 </div>
  262.                             </div>
  263.                         </div>
  264.                     </li>
  265.                     <li class="list-group-item pc-box-width">
  266.                         <div class="pc-container-width">
  267.                             <h6 class="mb-1">Layout Width</h6>
  268.                             <p class="text-muted text-sm">Choose Full or Container Layout</p>
  269.                             <div class="row theme-color theme-container">
  270.                                 <div class="col-6">
  271.                                     <div class="d-grid">
  272.                                         <button class="preset-btn btn-img btn active" data-value="false" onclick="change_box_container('false')" data-bs-toggle="tooltip" title="Full Width">
  273.                                             <img src="https://ableproadmin.com/assets/images/customizer/full.svg" alt="img" class="img-fluid">
  274.                                         </button>
  275.                                     </div>
  276.                                 </div>
  277.                                 <div class="col-6">
  278.                                     <div class="d-grid">
  279.                                         <button class="preset-btn btn-img btn" data-value="true" onclick="change_box_container('true')" data-bs-toggle="tooltip" title="Fixed Width">
  280.                                             <img src="https://ableproadmin.com/assets/images/customizer/fixed.svg" alt="img" class="img-fluid">
  281.                                         </button>
  282.                                     </div>
  283.                                 </div>
  284.                             </div>
  285.                         </div>
  286.                     </li>
  287.                     <li class="list-group-item">
  288.                         <div class="d-grid">
  289.                             <button class="btn btn-light-danger" id="layoutreset">Reset Layout</button>
  290.                         </div>
  291.                     </li>
  292.                 </ul>
  293.             </div>
  294.         </div>
  295.     </div>
  296. </body>
  297. <script src="{{ asset('assets/js/jquery.js') }}"></script>
  298. <script>
  299.     $(document).ready(function (){
  301.         $('.loader-page').fadeOut(1000);
  302.         setTimeout(function () {
  303.             $('.alert-error-connexion').fadeOut();
  304.         },8000)
  306.         function getThemeSystem() {
  308.             if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  309.                 $('body').attr('data-pc-theme','dark')
  310.                 return 'dark';
  311.             } else {
  312.                 $('body').attr('data-pc-theme','light')
  313.                 return 'light';
  314.             }
  315.         }
  317.         const themeSystem = getThemeSystem();
  318.         // console.log(`Le thème système actif est : ${themeSystem}`);
  319.     })
  320. </script>
  321. </html>