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 %} | G-School</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="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.">
  11.     <meta name="keywords" content="Application Mobile & Application Web">
  12.     <meta name="author" content="G-Tech">
  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.     </div>
  50.     <!-- [ Main Content ] end -->
  51.     <!-- Required Js -->
  52.     <script src="{{ asset('assets/js/plugins/popper.min.js') }}"></script>
  53.     <script src="{{ asset('assets/js/plugins/simplebar.min.js') }}"></script>
  54.     <script src="{{ asset('assets/js/plugins/bootstrap.min.js') }}"></script>
  55.     <script src="{{ asset('assets/js/fonts/custom-font.js') }}"></script>
  56.     <script src="{{ asset('assets/js/pcoded.js') }}"></script>
  57.     <script src="{{ asset('assets/js/plugins/feather.min.js') }}"></script>
  58.     <script>
  59.         layout_change('light');
  60.     </script>
  61.     <script>
  62.         change_box_container('false');
  63.     </script>
  64.     <script>
  65.         layout_caption_change('true');
  66.     </script>
  67.     <script>
  68.         layout_rtl_change('false');
  69.     </script>
  70.     <script>
  71.         preset_change('preset-1');
  72.     </script>
  73.     <script>
  74.         main_layout_change('vertical');
  75.     </script>
  76.     <div class="pct-c-btn">
  77.         <a href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_pc_layout">
  78.             <i class="ph-duotone ph-gear-six"></i>
  79.         </a>
  80.     </div>
  81.     <div class="offcanvas border-0 pct-offcanvas offcanvas-end" tabindex="-1" id="offcanvas_pc_layout">
  82.         <div class="offcanvas-header">
  83.             <h5 class="offcanvas-title">Settings</h5>
  84.             <button type="button" class="btn btn-icon btn-link-danger ms-auto" data-bs-dismiss="offcanvas" aria-label="Close">
  85.                 <i class="ti ti-x"></i>
  86.             </button>
  87.         </div>
  88.         <div class="pct-body customizer-body">
  89.             <div class="offcanvas-body py-0">
  90.                 <ul class="list-group list-group-flush">
  91.                     <li class="list-group-item">
  92.                         <div class="pc-dark">
  93.                             <h6 class="mb-1">Theme Mode</h6>
  94.                             <p class="text-muted text-sm">Choose light or dark mode or Auto</p>
  95.                             <div class="row theme-color theme-layout">
  96.                                 <div class="col-4">
  97.                                     <div class="d-grid">
  98.                                         <button class="preset-btn btn active" data-value="true" onclick="layout_change('light');" data-bs-toggle="tooltip" title="Light">
  99.                                             <svg class="pc-icon text-warning">
  100.                                                 <use xlink:href="#custom-sun-1">
  101.                                                 </use>
  102.                                             </svg>
  103.                                         </button>
  104.                                     </div>
  105.                                 </div>
  106.                                 <div class="col-4">
  107.                                     <div class="d-grid">
  108.                                         <button class="preset-btn btn" data-value="false" onclick="layout_change('dark');" data-bs-toggle="tooltip" title="Dark">
  109.                                             <svg class="pc-icon">
  110.                                                 <use xlink:href="#custom-moon">
  111.                                                 </use>
  112.                                             </svg>
  113.                                         </button>
  114.                                     </div>
  115.                                 </div>
  116.                                 <div class="col-4">
  117.                                     <div class="d-grid">
  118.                                         <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.">
  119.                           <span class="pc-lay-icon d-flex align-items-center justify-content-center">
  120.                             <i class="ph-duotone ph-cpu"></i>
  121.                           </span>
  122.                                         </button>
  123.                                     </div>
  124.                                 </div>
  125.                             </div>
  126.                         </div>
  127.                     </li>
  128.                     <li class="list-group-item">
  129.                         <h6 class="mb-1">Theme Contrast</h6>
  130.                         <p class="text-muted text-sm">Choose theme contrast</p>
  131.                         <div class="row theme-contrast">
  132.                             <div class="col-6">
  133.                                 <div class="d-grid">
  134.                                     <button class="preset-btn btn" data-value="true" onclick="layout_theme_contrast_change('true');" data-bs-toggle="tooltip" title="True">
  135.                                         <svg class="pc-icon">
  136.                                             <use xlink:href="#custom-mask">
  137.                                             </use>
  138.                                         </svg>
  139.                                     </button>
  140.                                 </div>
  141.                             </div>
  142.                             <div class="col-6">
  143.                                 <div class="d-grid">
  144.                                     <button class="preset-btn btn active" data-value="false" onclick="layout_theme_contrast_change('false');" data-bs-toggle="tooltip" title="False">
  145.                                         <svg class="pc-icon">
  146.                                             <use xlink:href="#custom-mask-1-outline">
  147.                                             </use>
  148.                                         </svg>
  149.                                     </button>
  150.                                 </div>
  151.                             </div>
  152.                         </div>
  153.                     </li>
  154.                     <li class="list-group-item">
  155.                         <h6 class="mb-1">Custom Theme</h6>
  156.                         <p class="text-muted text-sm">Choose your primary theme color</p>
  157.                         <div class="theme-color preset-color">
  158.                             <a href="#!" data-bs-toggle="tooltip" title="Blue" class="active" data-value="preset-1">
  159.                                 <i class="ti ti-checks"></i>
  160.                             </a>
  161.                             <a href="#!" data-bs-toggle="tooltip" title="Indigo" data-value="preset-2">
  162.                                 <i class="ti ti-checks"></i>
  163.                             </a>
  164.                             <a href="#!" data-bs-toggle="tooltip" title="Purple" data-value="preset-3">
  165.                                 <i class="ti ti-checks"></i>
  166.                             </a>
  167.                             <a href="#!" data-bs-toggle="tooltip" title="Pink" data-value="preset-4">
  168.                                 <i class="ti ti-checks"></i>
  169.                             </a>
  170.                             <a href="#!" data-bs-toggle="tooltip" title="Red" data-value="preset-5">
  171.                                 <i class="ti ti-checks"></i>
  172.                             </a>
  173.                             <a href="#!" data-bs-toggle="tooltip" title="Orange" data-value="preset-6">
  174.                                 <i class="ti ti-checks"></i>
  175.                             </a>
  176.                             <a href="#!" data-bs-toggle="tooltip" title="Yellow" data-value="preset-7">
  177.                                 <i class="ti ti-checks"></i>
  178.                             </a>
  179.                             <a href="#!" data-bs-toggle="tooltip" title="Green" data-value="preset-8">
  180.                                 <i class="ti ti-checks"></i>
  181.                             </a>
  182.                             <a href="#!" data-bs-toggle="tooltip" title="Teal" data-value="preset-9">
  183.                                 <i class="ti ti-checks"></i>
  184.                             </a>
  185.                             <a href="#!" data-bs-toggle="tooltip" title="Cyan" data-value="preset-10">
  186.                                 <i class="ti ti-checks"></i>
  187.                             </a>
  188.                         </div>
  189.                     </li>
  190.                     <li class="list-group-item">
  191.                         <h6 class="mb-1">Theme layout</h6>
  192.                         <p class="text-muted text-sm">Choose your layout</p>
  193.                         <div class="theme-main-layout d-flex align-center gap-1 w-100">
  194.                             <a href="#!" data-bs-toggle="tooltip" title="Vertical" class="active" data-value="vertical">
  195.                                 <img src="https://ableproadmin.com/assets/images/customizer/caption-on.svg" alt="img" class="img-fluid">
  196.                             </a>
  197.                             <a href="#!" data-bs-toggle="tooltip" title="Horizontal" data-value="horizontal">
  198.                                 <img src="https://ableproadmin.com/assets/images/customizer/horizontal.svg" alt="img" class="img-fluid">
  199.                             </a>
  200.                             <a href="#!" data-bs-toggle="tooltip" title="Color Header" data-value="color-header">
  201.                                 <img src="https://ableproadmin.com/assets/images/customizer/color-header.svg" alt="img" class="img-fluid">
  202.                             </a>
  203.                             <a href="#!" data-bs-toggle="tooltip" title="Compact" data-value="compact">
  204.                                 <img src="https://ableproadmin.com/assets/images/customizer/compact.svg" alt="img" class="img-fluid">
  205.                             </a>
  206.                             <a href="#!" data-bs-toggle="tooltip" title="Tab" data-value="tab">
  207.                                 <img src="https://ableproadmin.com/assets/images/customizer/tab.svg" alt="img" class="img-fluid">
  208.                             </a>
  209.                         </div>
  210.                     </li>
  211.                     <li class="list-group-item">
  212.                         <h6 class="mb-1">Sidebar Caption</h6>
  213.                         <p class="text-muted text-sm">Sidebar Caption Hide/Show</p>
  214.                         <div class="row theme-color theme-nav-caption">
  215.                             <div class="col-6">
  216.                                 <div class="d-grid">
  217.                                     <button class="preset-btn btn-img btn active" data-value="true" onclick="layout_caption_change('true');" data-bs-toggle="tooltip" title="Caption Show">
  218.                                         <img src="https://ableproadmin.com/assets/images/customizer/caption-on.svg" alt="img" class="img-fluid">
  219.                                     </button>
  220.                                 </div>
  221.                             </div>
  222.                             <div class="col-6">
  223.                                 <div class="d-grid">
  224.                                     <button class="preset-btn btn-img btn" data-value="false" onclick="layout_caption_change('false');" data-bs-toggle="tooltip" title="Caption Hide">
  225.                                         <img src="https://ableproadmin.com/assets/images/customizer/caption-off.svg" alt="img" class="img-fluid">
  226.                                     </button>
  227.                                 </div>
  228.                             </div>
  229.                         </div>
  230.                     </li>
  231.                     <li class="list-group-item">
  232.                         <div class="pc-rtl">
  233.                             <h6 class="mb-1">Theme Layout</h6>
  234.                             <p class="text-muted text-sm">LTR/RTL</p>
  235.                             <div class="row theme-color theme-direction">
  236.                                 <div class="col-6">
  237.                                     <div class="d-grid">
  238.                                         <button class="preset-btn btn-img btn active" data-value="false" onclick="layout_rtl_change('false');" data-bs-toggle="tooltip" title="LTR">
  239.                                             <img src="https://ableproadmin.com/assets/images/customizer/ltr.svg" alt="img" class="img-fluid">
  240.                                         </button>
  241.                                     </div>
  242.                                 </div>
  243.                                 <div class="col-6">
  244.                                     <div class="d-grid">
  245.                                         <button class="preset-btn btn-img btn" data-value="true" onclick="layout_rtl_change('true');" data-bs-toggle="tooltip" title="RTL">
  246.                                             <img src="https://ableproadmin.com/assets/images/customizer/rtl.svg" alt="img" class="img-fluid">
  247.                                         </button>
  248.                                     </div>
  249.                                 </div>
  250.                             </div>
  251.                         </div>
  252.                     </li>
  253.                     <li class="list-group-item pc-box-width">
  254.                         <div class="pc-container-width">
  255.                             <h6 class="mb-1">Layout Width</h6>
  256.                             <p class="text-muted text-sm">Choose Full or Container Layout</p>
  257.                             <div class="row theme-color theme-container">
  258.                                 <div class="col-6">
  259.                                     <div class="d-grid">
  260.                                         <button class="preset-btn btn-img btn active" data-value="false" onclick="change_box_container('false')" data-bs-toggle="tooltip" title="Full Width">
  261.                                             <img src="https://ableproadmin.com/assets/images/customizer/full.svg" alt="img" class="img-fluid">
  262.                                         </button>
  263.                                     </div>
  264.                                 </div>
  265.                                 <div class="col-6">
  266.                                     <div class="d-grid">
  267.                                         <button class="preset-btn btn-img btn" data-value="true" onclick="change_box_container('true')" data-bs-toggle="tooltip" title="Fixed Width">
  268.                                             <img src="https://ableproadmin.com/assets/images/customizer/fixed.svg" alt="img" class="img-fluid">
  269.                                         </button>
  270.                                     </div>
  271.                                 </div>
  272.                             </div>
  273.                         </div>
  274.                     </li>
  275.                     <li class="list-group-item">
  276.                         <div class="d-grid">
  277.                             <button class="btn btn-light-danger" id="layoutreset">Reset Layout</button>
  278.                         </div>
  279.                     </li>
  280.                 </ul>
  281.             </div>
  282.         </div>
  283.     </div>
  284. </body>
  285. <script src="{{ asset('assets/js/jquery.js') }}"></script>
  286. <script>
  287.     $(document).ready(function (){
  289.         $('.loader-page').fadeOut(1000);
  290.         setTimeout(function () {
  291.             $('.alert-error-connexion').fadeOut();
  292.         },8000)
  294.         function getThemeSystem() {
  296.             if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  297.                 $('body').attr('data-pc-theme','dark')
  298.                 return 'dark';
  299.             } else {
  300.                 $('body').attr('data-pc-theme','light')
  301.                 return 'light';
  302.             }
  303.         }
  305.         const themeSystem = getThemeSystem();
  306.         // console.log(`Le thème système actif est : ${themeSystem}`);
  307.     })
  308. </script>
  309. </html>