templates/base_baux.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <!-- Required Meta Tags Always Come First -->
  6.     <meta charset="utf-8">
  7.     <meta
  8.             name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.     <!-- Title -->
  11.     <title>Dashboard | Front - Admin &amp; Dashboard Template</title>
  13.     <!-- Favicon -->
  14.     <linkrel="shortcut icon" href="{{ asset('assets/img/logo-MUAT.png') }}">
  15.     <link rel="icon" href="{{ asset('assets/img/logo-MUAT-2.png') }}" type="image/x-icon">
  17.     <!-- Font -->
  18.     <linkhref="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
  20.     <!-- CSS Implementing Plugins -->
  21.     <link rel="stylesheet" href="{{ asset('assets/vendor/bootstrap-icons/font/bootstrap-icons.css') }}">
  23.     <link rel="stylesheet" href="{{ asset('assets/vendor/daterangepicker/daterangepicker.css') }}">
  24.     <link rel="stylesheet" href="{{ asset('assets/vendor/tom-select/dist/css/tom-select.bootstrap5.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assets/vendor/quill/dist/quill.snow.css') }}">
  27.     <!-- CSS Front Template -->
  29.     <link rel="preload" href="{{ asset('assets/css/theme.min.css') }}" data-hs-appearance="default" as="style">
  30.     <link rel="preload" href="{{ asset('assets/css/theme-dark.min.css') }}" data-hs-appearance="dark" as="style">
  31.     <link rel="stylesheet" href="{{ asset('assets/vendor/daterangepicker/daterangepicker.css') }}">
  32.     <link rel="preload" href="{{ asset('assets/css/etat-civil.css') }}" data-hs-appearance="default" as="style">
  34.     {% block javascripts %}
  35.         {{ encore_entry_script_tags('app') }}
  36.         <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" crossorigin=""/>
  38.     {% endblock %}
  39.     <style data-hs-appearance-onload-styles>
  40.         * {
  41.             transition: unset !important;
  42.         }
  44.         body {
  45.             opacity: 0;
  46.         }
  47.     </style>
  48.     {% block javascript %}
  49.     {{ encore_entry_script_tags('app') }}
  50.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  51.         <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"  crossorigin=""></script>
  52.     {% endblock %}
  53.     <!-- parse-ignore-start -->
  54.     <script>
  55.         window.hs_config = {
  56.             "autopath": "@@autopath",
  57.             "deleteLine": "hs-builder:delete",
  58.             "deleteLine:build": "hs-builder:build-delete",
  59.             "deleteLine:dist": "hs-builder:dist-delete",
  60.             "previewMode": false,
  61.             "startPath": "/index.html",
  62.             "vars": {
  63.                 "themeFont": "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap",
  64.                 "version": "?v=1.0"
  65.             },
  66.             "layoutBuilder": {
  67.                 "extend": {
  68.                     "switcherSupport": true
  69.                 },
  70.                 "header": {
  71.                     "layoutMode": "default",
  72.                     "containerMode": "container-fluid"
  73.                 },
  74.                 "sidebarLayout": "default"
  75.             },
  76.             "themeAppearance": {
  77.                 "layoutSkin": "default",
  78.                 "sidebarSkin": "default",
  79.                 "styles": {
  80.                     "colors": {
  81.                         "primary": "#377dff",
  82.                         "transparent": "transparent",
  83.                         "white": "#fff",
  84.                         "dark": "132144",
  85.                         "gray": {
  86.                             "100": "#f9fafc",
  87.                             "900": "#1e2022"
  88.                         }
  89.                     },
  90.                     "font": "Inter"
  91.                 }
  92.             },
  93.             "languageDirection": {
  94.                 "lang": "en"
  95.             },
  96.             "skipFilesFromBundle": {
  97.                 "dist": ["assets/js/hs.theme-appearance.js", "assets/js/hs.theme-appearance-charts.js", "assets/js/demo.js"],
  98.                 "build": ["assets/css/theme.css", "assets/vendor/hs-navbar-vertical-aside/dist/hs-navbar-vertical-aside-mini-cache.js", "assets/js/demo.js", "assets/css/theme-dark.css", "assets/css/docs.css", "assets/vendor/icon-set/style.css", "assets/js/hs.theme-appearance.js", "assets/js/hs.theme-appearance-charts.js", "node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.min.js", "assets/js/demo.js"]
  99.             },
  100.             "minifyCSSFiles": ["assets/css/theme.css", "assets/css/theme-dark.css"],
  101.             "copyDependencies": {
  102.                 "dist": {
  103.                     "*assets/js/theme-custom.js": ""
  104.                 },
  105.                 "build": {
  106.                     "*assets/js/theme-custom.js": "",
  107.                     "node_modules/bootstrap-icons/font/*fonts/**": "assets/css"
  108.                 }
  109.             },
  110.             "buildFolder": "",
  111.             "replacePathsToCDN": {},
  112.             "directoryNames": {
  113.                 "src": "./src",
  114.                 "dist": "./dist",
  115.                 "build": "./build"
  116.             },
  117.             "fileNames": {
  118.                 "dist": {
  119.                     "js": "theme.min.js",
  120.                     "css": "theme.min.css"
  121.                 },
  122.                 "build": {
  123.                     "css": "theme.min.css",
  124.                     "js": "theme.min.js",
  125.                     "vendorCSS": "vendor.min.css",
  126.                     "vendorJS": "vendor.min.js"
  127.                 }
  128.             },
  129.             "fileTypes": "jpg|png|svg|mp4|webm|ogv|json"
  130.         }
  131.         window.hs_config.gulpRGBA = (p1) => {
  132.             const options = p1.split(',')
  133.             const hex = options[0].toString()
  134.             const transparent = options[1].toString()
  136.             var c;
  137.             if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
  138.                 c = hex.substring(1).split('');
  139.                 if (c.length == 3) {
  140.                     c = [c[0], c[0], c[1], c[1], c[2], c[2]];
  141.                 }
  142.                 c = '0x' + c.join('');
  143.                 return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + transparent + ')';
  144.             }
  145.             throw new Error('Bad Hex');
  146.         }
  147.         window.hs_config.gulpDarken = (p1) => {
  148.             const options = p1.split(',')
  150.             let col = options[0].toString()
  151.             let amt = -parseInt(options[1])
  152.             var usePound = false
  154.             if (col[0] == "#") {
  155.                 col = col.slice(1)
  156.                 usePound = true
  157.             }
  158.             var num = parseInt(col, 16)
  159.             var r = (num >> 16) + amt
  160.             if (r > 255) {
  161.                 r = 255
  162.             } else if (r < 0) {
  163.                 r = 0
  164.             }
  165.             var b = ((num >> 8) & 0x00FF) + amt
  166.             if (b > 255) {
  167.                 b = 255
  168.             } else if (b < 0) {
  169.                 b = 0
  170.             }
  171.             var g = (num & 0x0000FF) + amt
  172.             if (g > 255) {
  173.                 g = 255
  174.             } else if (g < 0) {
  175.                 g = 0
  176.             }
  177.             return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16)
  178.         }
  179.         window.hs_config.gulpLighten = (p1) => {
  180.             const options = p1.split(',')
  182.             let col = options[0].toString()
  183.             let amt = parseInt(options[1])
  184.             var usePound = false
  186.             if (col[0] == "#") {
  187.                 col = col.slice(1)
  188.                 usePound = true
  189.             }
  190.             var num = parseInt(col, 16)
  191.             var r = (num >> 16) + amt
  192.             if (r > 255) {
  193.                 r = 255
  194.             } else if (r < 0) {
  195.                 r = 0
  196.             }
  197.             var b = ((num >> 8) & 0x00FF) + amt
  198.             if (b > 255) {
  199.                 b = 255
  200.             } else if (b < 0) {
  201.                 b = 0
  202.             }
  203.             var g = (num & 0x0000FF) + amt
  204.             if (g > 255) {
  205.                 g = 255
  206.             } else if (g < 0) {
  207.                 g = 0
  208.             }
  209.             return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16)
  210.         }
  211.     </script>
  213.     <!-- parse-ignore-end -->
  214. </head>
  216. <body class="has-navbar-vertical-aside navbar-vertical-aside-show-xl footer-offset">
  218. <script src="{{ asset('assets/js/hs.theme-appearance.js') }}"></script>
  220. <script src="{{ asset('assets/vendor/hs-navbar-vertical-aside/dist/hs-navbar-vertical-aside-mini-cache.js') }}"></script>
  222. <!-- ========== HEADER ========== -->
  224. <header id="header"
  225.         class="navbar navbar-expand-lg navbar-fixed navbar-height navbar-container navbar-bordered bg-white">
  226.     <div
  227.             class="navbar-nav-wrap">
  228.         <!-- Logo -->
  229.         <a class="navbar-brand" href="#" aria-label="Front">
  230.             <img class="navbar-brand-logo" src="{{ asset('assets/img/Guinea_Logo_New_2.png') }}" alt="Logo"
  231.                  data-hs-theme-appearance="default">
  232.             {#
  233.             <img class="navbar-brand-logo" src="{{ asset('assets/svg/logos/logo.svg') }}" alt="Logo" data-hs-theme-appearance="default">
  234.             <img class="navbar-brand-logo" src="{{ asset('assets/svg/logos-light/logo.svg') }}" alt="Logo" data-hs-theme-appearance="dark">
  235.             <img class="navbar-brand-logo-mini" src="{{ asset('assets/svg/logos/logo-short.svg') }}" alt="Logo" data-hs-theme-appearance="default">
  236.             <img class="navbar-brand-logo-mini" src="{{ asset('assets/svg/logos-light/logo-short.svg') }}" alt="Logo" data-hs-theme-appearance="dark"> #}
  237.         </a>
  238.         <!-- End Logo -->
  240.         <div
  241.                 class="navbar-nav-wrap-content-start">
  242.             <!-- Navbar Vertical Toggle -->
  243.             <button type="button" class="js-navbar-vertical-aside-toggle-invoker navbar-aside-toggler">
  244.                 <i class="bi-arrow-bar-left navbar-toggler-short-align"
  245.                    data-bs-template='<div class="tooltip d-none d-md-block" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
  246.                    data-bs-toggle="tooltip" data-bs-placement="right" title="Collapse"></i>
  247.                 <i class="bi-arrow-bar-right navbar-toggler-full-align"
  248.                    data-bs-template='<div class="tooltip d-none d-md-block" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
  249.                    data-bs-toggle="tooltip" data-bs-placement="right" title="Expand"></i>
  250.             </button>
  251.             <!-- End Navbar Vertical Toggle -->
  252.             {# <div {{react_component('Search')}}></div> #}
  253.         </div>
  255.         {% if app.user %}
  256.         <div class="navbar-nav-wrap-content-end">
  257.             <!-- Navbar -->
  258.             <ul class="navbar-nav">
  259.                 <li class="nav-item">
  260.                     <!-- Account -->
  261.                     <div class="dropdown">
  262.                         <a class="navbar-dropdown-account-wrapper" href="javascript:;" id="accountNavbarDropdown"
  263.                            data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside"
  264.                            data-bs-dropdown-animation>
  265.                             <div class="avatar avatar-sm avatar-circle">
  266.                                 <img class="avatar-img" src="{{ asset('assets/img/Guinea_Logo_New_2.png') }}"
  267.                                      alt="Image Description">
  268.                                 <span class="avatar-status avatar-sm-status avatar-status-success"></span>
  269.                             </div>
  270.                         </a>
  272.                         <div class="dropdown-menu dropdown-menu-end navbar-dropdown-menu navbar-dropdown-menu-borderless navbar-dropdown-account"
  273.                              aria-labelledby="accountNavbarDropdown" style="width: 16rem;">
  274.                             <div class="dropdown-item-text">
  275.                                 <div class="d-flex align-items-center">
  276.                                     <div class="avatar avatar-sm avatar-circle">
  277.                                         <img class="avatar-img" src="{{ asset('assets/img/Guinea_Logo_New_2.png') }}"
  278.                                              alt="Image Description">
  279.                                     </div>
  280.                                     <div class="flex-grow-1 ms-3">
  281.                                         <h5 class="mb-0">Agent Habitat
  282.                                         </h5>
  283.                                         <p class="card-text text-body">
  284.                                             {{ app.user.email }} </p>
  285.                                     </div>
  286.                                 </div>
  287.                             </div>
  289.                             <div class="dropdown-divider"></div>
  291.                             <a class="dropdown-item" href="#">Profil & Paramètres</a>
  293.                             <div class="dropdown-divider"></div>
  294.                             <a class="dropdown-item" href="{{path('app_logout')}} ">Deconnexion</a>
  295.                         </div>
  296.                     </div>
  297.                     <!-- End Account -->
  298.                 </li>
  299.             </ul>
  300.             <!-- End Navbar -->
  301.         </div>
  302.         {% endif %}
  303.     </div>
  304. </header>
  306. <!-- ========== END HEADER ========== -->
  308. <!-- ========== MAIN CONTENT ========== -->
  309. <!-- Navbar Vertical -->
  310. {% if is_granted('ROLE_ADMIN') %}
  311.     {% include '_header.html.twig' %}
  312. {% endif %}
  314. <!-- End Navbar Vertical -->
  317. <main id="content" role="main" class="main">
  318.     <!-- Content -->
  319.     <div class="content container-fluid">
  320.         
  321.         {% include '_page_header.html.twig' %}
  322.         {% block stats %}{% endblock %}
  324.         {% block body %}{% endblock %}
  325.     </div>
  326.     <!-- End Content -->
  328.     <!-- Footer -->
  329.     <div class="footer">
  330.         <div class="row justify-content-between align-items-center">
  331.             <div class="col">
  332.                 <p class="fs-6 mb-0">&copy; Innovation StartUp BrainSense
  333.                     <span class="d-none d-sm-inline-block">{{ 'now'|date('Y') }}</span>
  334.                 </p>
  335.             </div>
  336.             <!-- End Col -->
  337.         </div>
  338.     </div>
  339.     <!-- End Row -->
  340.     <!-- End Footer -->
  341. </main>
  342. <!-- ========== END MAIN CONTENT ========== -->
  343. </body>
  344. <!-- JS Global Compulsory  -->
  345. <script src="{{ asset('assets/vendor/jquery/dist/jquery.min.js') }}"></script>
  346. <script src="{{ asset('assets/vendor/jquery-migrate/dist/jquery-migrate.min.js') }}"></script>
  347. <script src="{{ asset('assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js') }}"></script>
  349. <!-- JS Implementing Plugins -->
  350. <script src="{{ asset('assets/vendor/hs-navbar-vertical-aside/dist/hs-navbar-vertical-aside.min.js') }}"></script>
  351. <script src="{{ asset('assets/vendor/hs-form-search/dist/hs-form-search.min.js') }}"></script>
  352. <script src="{{ asset('assets/vendor/daterangepicker/moment.min.js') }}"></script>
  353. <script src="{{ asset('assets/vendor/daterangepicker/daterangepicker.js') }}"></script>
  354. <script src="{{ asset('assets/vendor/tom-select/dist/js/tom-select.complete.min.js') }}"></script>
  355. <script src="{{ asset('assets/vendor/clipboard/dist/clipboard.min.js') }}"></script>
  356. <script src="{{ asset('assets/vendor/datatables/media/js/jquery.dataTables.min.js') }}"></script>
  357. <script src="{{ asset('assets/vendor/dropzone/dist/min/dropzone.min.js') }}"></script>
  358. <script src="{{ asset('assets/vendor/hs-step-form/dist/hs-step-form.min.js') }}"></script>
  359. <!-- JS Front -->
  360. <script src="{{ asset('assets/js/theme.min.js') }}"></script>
  361. <script src="{{ asset('assets/js/theme-custom.js') }}"></script>
  363. <!-- JS Plugins Init. -->
  365. <script src="{{ asset('script.js') }}"></script>
  367. {% block scripts %}{% endblock %}
  368. <script>
  369.     const formModals = document.querySelectorAll('.modal');
  370.     if (formModals !== null) {
  371.         formModals.forEach((modal) => {
  372.             const error = modal.dataset.error
  373.             if (error) {
  374.                 const formModalBtn = document.querySelector(modal.dataset.target)
  375.                 const formModalHasError = JSON.parse(error)
  376.                 console.log(formModalHasError)
  377.                 if (formModalBtn !== null && formModalHasError === 1) {
  378.                     formModalBtn.click();
  379.                 }
  380.             }
  381.         })
  382.     }
  384. </script>
  385. </html>