var/cache/dev/twig/74/74b4d5314bb0c2d4cb364ac904937e6082770b2861af23de6ed9fb9e3cea301c.php line 41

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;
  16. /* backoffice.base.html.twig */
  17. class __TwigTemplate_da72531f7936f3485fe5f0c30a81e5baf977f9ca6cc55cd58bd42e970d8af4a6 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->parent = false;
  30.         $this->blocks = [
  31.             'title' => [$this, 'block_title'],
  32.             'theStylesheet' => [$this, 'block_theStylesheet'],
  33.             'javascripts' => [$this, 'block_javascripts'],
  34.             'body' => [$this, 'block_body'],
  35.             'content' => [$this, 'block_content'],
  36.             'pJavascript' => [$this, 'block_pJavascript'],
  37.             'jspositionimportant' => [$this, 'block_jspositionimportant'],
  38.         ];
  39.     }
  41.     protected function doDisplay(array $context, array $blocks = [])
  42.     {
  43.         $macros = $this->macros;
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  45.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "backoffice.base.html.twig"));
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  48.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "backoffice.base.html.twig"));
  50.         // line 1
  51.         yield "<!DOCTYPE html>
  52. <html>
  53. <head>
  54.     <meta charset=\"utf-8\">
  55.     <link rel=\"shortcut icon\" href=\"";
  56.         // line 5
  57.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl("assets/media/logos/mazego5.png"), "html", null, true);
  58.         yield "\">
  59.     <title>";
  60.         // line 6
  61.         yield from $this->unwrap()->yieldBlock('title', $context, $blocks);
  62.         yield "</title>
  63.     <meta name=\"description\" content=\"Metronic admin dashboard live demo. Check out all the features of the admin panel. A large number of settings, additional services and widgets.\" />
  64.     <meta name=\"keywords\" content=\"Metronic, bootstrap, bootstrap 5, Angular 11, VueJs, React, Laravel, admin themes, web design, figma, web development, ree admin themes, bootstrap admin, bootstrap dashboard\" />
  65.     <link rel=\"canonical\" href=\"https://preview.keenthemes.com/metronic8\" />
  66.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />
  68.     <link rel=\"stylesheet\" href=\"https://unpkg.com/select2@4.1.0-rc.0/dist/css/select2.min.css\">
  69.     <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700\" />
  70.     <link href=\"";
  71.         // line 14
  72.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/plugins/global/plugins.bundle.css"), "html", null, true);
  73.         yield "\" rel=\"stylesheet\" type=\"text/css\" />
  74.     <link href=\"";
  75.         // line 15
  76.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/css/style.bundle.css"), "html", null, true);
  77.         yield "\" rel=\"stylesheet\" type=\"text/css\" />
  78.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"> 
  79.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css\">
  80.     <link rel=\"stylesheet\" href=\"https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css\">
  82.  
  83.  
  84.  
  86.     <!-- Load jQuery and jQuery UI -->
  87.     <script src=\"https://code.jquery.com/jquery-3.3.1.min.js\"></script>
  88.     <script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.js\"></script>
  89.     <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-GHTG0WQV2J\"></script>
  90.     
  91.     <script>
  92.         window.dataLayer = window.dataLayer || [];
  93.         function gtag(){dataLayer.push(arguments);}
  94.         gtag('js', new Date());
  95.         gtag('config', 'G-GHTG0WQV2J');
  96.     </script>
  97.     <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>
  99.     ";
  100.         // line 37
  101.         yield from $this->unwrap()->yieldBlock('theStylesheet', $context, $blocks);
  102.         // line 38
  103.         yield "    ";
  104.         yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  105.         // line 39
  106.         yield "</head>
  107.     <body class=\"header-fixed header-tablet-and-mobile-fixed toolbar-enabled toolbar-fixed toolbar-tablet-and-mobile-fixed aside-enabled aside-fixed\" style=\"--kt-toolbar-height:55px;--kt-toolbar-height-tablet-and-mobile:55px\">
  108.          
  109.         ";
  110.         // line 42
  111.         yield from $this->unwrap()->yieldBlock('body', $context, $blocks);
  112.         // line 43
  113.         yield "        ";
  114.         yield from $this->unwrap()->yieldBlock('content', $context, $blocks);
  115.         // line 44
  116.         yield "      
  117.         <script src=\"";
  118.         // line 45
  119.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/plugins/global/plugins.bundle.js"), "html", null, true);
  120.         yield "\"></script>
  121.         <script src=\"";
  122.         // line 46
  123.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/js/scripts.bundle.js"), "html", null, true);
  124.         yield "\"></script>
  125.          
  126.         <script src=\"";
  127.         // line 48
  128.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/js/custom/widgets.js"), "html", null, true);
  129.         yield "\"></script>
  130.         <script src=\"";
  131.         // line 49
  132.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/js/custom/apps/chat/chat.js"), "html", null, true);
  133.         yield "\"></script>
  134.         <script src=\"";
  135.         // line 50
  136.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/js/custom/modals/create-app.js"), "html", null, true);
  137.         yield "\"></script>
  138.         <script src=\"";
  139.         // line 51
  140.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/metronic/assets/js/custom/modals/upgrade-plan.js"), "html", null, true);
  141.         yield "\"></script>
  142.         <style>
  143.                 form.pull-right.hidden {
  144.             width: 95%;
  145.                }
  146.                th[scope=\"row\"] {
  147.                 padding-left: 10px!important;
  148.                 }
  149.                 th[scope=\"col\"] {
  150.                 padding-left: 9px!important;
  151.                 }
  152.                 .table td:first-child {
  153.                 padding-left: 10px;
  154.                 }
  155.                 td {
  156.                 font-size: 11px!important;
  157.                 }
  158.                 .table td:first-child, .table th:first-child, .table tr:first-child {
  159.                 padding-left: 9px;
  160.                 }
  161.                   .modal {
  162.                      z-index: 1050; 
  163.                 }
  164.  
  165.                 .modal-backdrop {
  166.                 z-index: 1040;  
  167.                 }
  169.                 .btn-to-google {
  170.                     display: flex;
  171.                     align-items: center;
  172.                     padding: 0 0 0 17px;
  173.                     width: 100%;
  174.                     height: 100%;
  175.                     background: #f4f5f9;
  176.                     border-radius: 10px;
  177.                     font-size: 16px;
  178.                     font-weight: 500;
  179.                     color: #1a1b1c;
  180.                     line-height: 19px;
  181.                     cursor: pointer;
  182.                     transition: all .3s;
  183.                     }
  184.                     #kt_app_toolbar {
  185.                     margin: 33px !important;
  186.                     }
  187.                     .dashboard-card.card.shadow-sm {
  188.                     margin: 8px !important;
  189.                     }
  190.                     .row.forced-mb {
  191.                     margin: 0px !important;
  192.                     }
  193.         </style>
  194.            
  195.         ";
  196.         // line 105
  197.         yield from $this->unwrap()->yieldBlock('pJavascript', $context, $blocks);
  198.         // line 106
  199.         yield "    </body>
  200.    
  203.     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js\"></script>
  204.     <script src=\"https://code.jquery.com/jquery-1.12.4.js\"></script>
  205. \t<script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.js\"></script>
  206.     ";
  207.         // line 113
  208.         yield from $this->unwrap()->yieldBlock('jspositionimportant', $context, $blocks);
  209.         // line 114
  210.         yield "    <script>
  211.             \$(document).ready(function() {
  212.                 \$('#kt_modal_add_customer').on('shown.bs.modal', function() {
  213.                     console.log('Modal shown, initializing Select2');
  214.                     \$('.select2-autocomplete').select2({
  215.                         ajax: {
  216.                             url: function() {
  217.                                 return \$(this).data('autocomplete-url');
  218.                             },
  219.                             dataType: 'json',
  220.                             delay: 250,
  221.                             data: function(params) {
  222.                                 return {
  223.                                     q: params.term
  224.                                 };
  225.                             },
  226.                             processResults: function(data) {
  227.                                 return {
  228.                                     results: data.results
  229.                                 };
  230.                             },
  231.                             cache: true
  232.                         },
  233.                         minimumInputLength: 2,
  234.                         placeholder: 'Rechercher un produit...'
  235.                     });
  236.                     console.log('Select2 initialized');
  237.                 });
  238.             }); 
  239.     </script>
  243.    <style>
  245.             /* Layout amélioré avec contraintes */
  246.             .dashboard-container {
  247.                 display: grid;
  248.                 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  249.                 gap: 2rem;
  250.                 margin-bottom: 3rem;
  251.             }
  252.             
  253.             .dashboard-card {
  254.                 height: 100%;
  255.                 display: flex;
  256.                 flex-direction: column;
  257.                 transition: all 0.3s ease;
  258.                 border-radius: 16px;
  259.                 overflow: hidden;
  260.                 box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  261.                 border: none;
  262.                 background: white;
  263.             }
  264.             
  265.             .dashboard-card:hover {
  266.                 transform: translateY(-8px);
  267.                 box-shadow: 0 15px 30px rgba(0,0,0,0.15);
  268.             }
  269.             
  270.             .card-header {
  271.             
  272.                 background: linear-gradient(135deg, #667eea33 0%, #764ba224 100%);
  273.                 color: white;
  274.                 border-bottom: none;
  275.                 padding: 1.5rem 2rem;
  276.             }
  277.             
  278.             .card-header h3 {
  279.                 font-size: 1.5rem;
  280.                 font-weight: 700;
  281.                 margin: 0;
  282.             }
  283.             
  284.             .card-header.bg-success {
  285.                 background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);
  286.             }
  287.             
  288.             .card-header.bg-info {
  289.                 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  290.             }
  291.             
  292.             .card-header.bg-warning {
  293.                 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  294.             }
  295.             
  296.             .card-header.bg-danger {
  297.                 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  298.             }
  299.             
  300.             .card-body-flex {
  301.                 flex: 1;
  302.                 display: flex;
  303.                 flex-direction: column;
  304.                 justify-content: space-between;
  305.                 padding: 2rem;
  306.             }
  307.             
  308.             .chart-container {
  309.                 position: relative;
  310.                 height: 400px;
  311.                 width: 100%;
  312.                 margin-top: 1.5rem;
  313.             }
  314.             
  315.             /* Taille des textes augmentée */
  316.             .metric-value {
  317.                 font-size: 2.8rem;
  318.                 font-weight: 800;
  319.                 margin: 1rem 0;
  320.                 color: #2d3748;
  321.                 line-height: 1.2;
  322.             }
  323.             
  324.             .metric-label {
  325.                 font-size: 1.1rem;
  326.                 color: #6c757d;
  327.                 margin-bottom: 0.5rem;
  328.             }
  329.             
  330.             .badge-trend {
  331.                 padding: 0.5rem 1rem;
  332.                 border-radius: 20px;
  333.                 font-weight: 600;
  334.                 font-size: 0.95rem;
  335.             }
  336.             
  337.             .circular-progress {
  338.                 position: relative;
  339.                 width: 100px;
  340.                 height: 100px;
  341.                 margin: 1rem auto;
  342.             }
  343.             
  344.             .circular-progress svg {
  345.                 transform: rotate(-90deg);
  346.             }
  347.             
  348.             .circular-progress .progress-text {
  349.                 position: absolute;
  350.                 top: 50%;
  351.                 left: 50%;
  352.                 transform: translate(-50%, -50%);
  353.                 font-weight: bold;
  354.                 font-size: 1.2rem;
  355.             }
  356.             
  357.             /* Styles modernes pour les tableaux */
  358.             .table {
  359.                 font-size: 1rem;
  360.             }
  361.             
  362.             .table thead th {
  363.                 font-weight: 600;
  364.                 text-transform: uppercase;
  365.                 font-size: 0.85rem;
  366.                 letter-spacing: 0.5px;
  367.             }
  368.             
  369.             .table tbody td {
  370.                 padding: 1rem 0.75rem;
  371.                 vertical-align: middle;
  372.             }
  373.             
  374.             /* Boutons plus grands */
  375.             .btn {
  376.                 padding: 0.6rem 1.25rem;
  377.                 font-size: 1rem;
  378.                 border-radius: 8px;
  379.             }
  380.             
  381.             /* Alertes plus visibles */
  382.             .alert {
  383.                 padding: 1rem 1.5rem;
  384.                 font-size: 1rem;
  385.                 border-radius: 10px;
  386.             }
  387.             
  388.             .alert i {
  389.                 font-size: 1.3rem;
  390.                 margin-right: 0.75rem;
  391.             }
  392.             
  393.             /* Titres plus grands */
  394.             .page-heading {
  395.                 font-size: 2.2rem !important;
  396.             }
  397.             
  398.             .page-heading small {
  399.                 font-size: 1.1rem;
  400.                 margin-top: 0.5rem;
  401.             }
  402.             
  403.             /* Barres de progression */
  404.             .progress {
  405.                 height: 10px !important;
  406.                 border-radius: 5px;
  407.             }
  408.             
  409.             .progress-bar {
  410.                 border-radius: 5px;
  411.             }
  412.             
  413.             @media (max-width: 1399.98px) {
  414.                 .dashboard-container {
  415.                     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  416.                 }
  417.                 
  418.                 .metric-value {
  419.                     font-size: 2.5rem;
  420.                 }
  421.             }
  422.             
  423.             @media (max-width: 767.98px) {
  424.                 .dashboard-container {
  425.                     grid-template-columns: 1fr;
  426.                     gap: 1.5rem;
  427.                 }
  428.                 
  429.                 .card-header {
  430.                     padding: 1.25rem 1.5rem;
  431.                 }
  432.                 
  433.                 .card-body-flex {
  434.                     padding: 1.5rem;
  435.                 }
  436.                 
  437.                 .metric-value {
  438.                     font-size: 2.2rem;
  439.                 }
  440.                 
  441.                 .page-heading {
  442.                     font-size: 1.8rem !important;
  443.                 }
  444.             }
  446.                     .table-responsive {
  447.                 overflow: visible !important;
  448.             }
  449.             td .dropdown {
  450.                 position: static; /* Permet au dropdown de s'échapper du conteneur */
  451.             }
  453.     </style>
  454. </html>
  455. ";
  456.         
  457.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  459.         
  460.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  462.         return; yield '';
  463.     }
  465.     // line 6
  466.     public function block_title($context, array $blocks = [])
  467.     {
  468.         $macros = $this->macros;
  469.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  470.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  472.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  473.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  475.         yield "Welcome!";
  476.         
  477.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  479.         
  480.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  482.         return; yield '';
  483.     }
  485.     // line 37
  486.     public function block_theStylesheet($context, array $blocks = [])
  487.     {
  488.         $macros = $this->macros;
  489.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  490.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "theStylesheet"));
  492.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  493.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "theStylesheet"));
  495.         
  496.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  498.         
  499.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  501.         return; yield '';
  502.     }
  504.     // line 38
  505.     public function block_javascripts($context, array $blocks = [])
  506.     {
  507.         $macros = $this->macros;
  508.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  509.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  511.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  512.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  514.         
  515.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  517.         
  518.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  520.         return; yield '';
  521.     }
  523.     // line 42
  524.     public function block_body($context, array $blocks = [])
  525.     {
  526.         $macros = $this->macros;
  527.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  528.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  530.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  531.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  533.         
  534.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  536.         
  537.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  539.         return; yield '';
  540.     }
  542.     // line 43
  543.     public function block_content($context, array $blocks = [])
  544.     {
  545.         $macros = $this->macros;
  546.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  547.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  549.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  550.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  552.         
  553.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  555.         
  556.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  558.         return; yield '';
  559.     }
  561.     // line 105
  562.     public function block_pJavascript($context, array $blocks = [])
  563.     {
  564.         $macros = $this->macros;
  565.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  566.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pJavascript"));
  568.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  569.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pJavascript"));
  571.         
  572.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  574.         
  575.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  577.         return; yield '';
  578.     }
  580.     // line 113
  581.     public function block_jspositionimportant($context, array $blocks = [])
  582.     {
  583.         $macros = $this->macros;
  584.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  585.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "jspositionimportant"));
  587.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  588.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "jspositionimportant"));
  590.         
  591.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  593.         
  594.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  596.         return; yield '';
  597.     }
  599.     /**
  600.      * @codeCoverageIgnore
  601.      */
  602.     public function getTemplateName()
  603.     {
  604.         return "backoffice.base.html.twig";
  605.     }
  607.     /**
  608.      * @codeCoverageIgnore
  609.      */
  610.     public function isTraitable()
  611.     {
  612.         return false;
  613.     }
  615.     /**
  616.      * @codeCoverageIgnore
  617.      */
  618.     public function getDebugInfo()
  619.     {
  620.         return array (  581 => 113,  562 => 105,  543 => 43,  524 => 42,  505 => 38,  486 => 37,  466 => 6,  210 => 114,  208 => 113,  199 => 106,  197 => 105,  140 => 51,  136 => 50,  132 => 49,  128 => 48,  123 => 46,  119 => 45,  116 => 44,  113 => 43,  111 => 42,  106 => 39,  103 => 38,  101 => 37,  76 => 15,  72 => 14,  61 => 6,  57 => 5,  51 => 1,);
  621.     }
  623.     public function getSourceContext()
  624.     {
  625.         return new Source("<!DOCTYPE html>
  626. <html>
  627. <head>
  628.     <meta charset=\"utf-8\">
  629.     <link rel=\"shortcut icon\" href=\"{{ absolute_url('assets/media/logos/mazego5.png') }}\">
  630.     <title>{% block title %}Welcome!{% endblock %}</title>
  631.     <meta name=\"description\" content=\"Metronic admin dashboard live demo. Check out all the features of the admin panel. A large number of settings, additional services and widgets.\" />
  632.     <meta name=\"keywords\" content=\"Metronic, bootstrap, bootstrap 5, Angular 11, VueJs, React, Laravel, admin themes, web design, figma, web development, ree admin themes, bootstrap admin, bootstrap dashboard\" />
  633.     <link rel=\"canonical\" href=\"https://preview.keenthemes.com/metronic8\" />
  634.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />
  636.     <link rel=\"stylesheet\" href=\"https://unpkg.com/select2@4.1.0-rc.0/dist/css/select2.min.css\">
  637.     <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700\" />
  638.     <link href=\"{{ asset('/metronic/assets/plugins/global/plugins.bundle.css') }}\" rel=\"stylesheet\" type=\"text/css\" />
  639.     <link href=\"{{ asset('/metronic/assets/css/style.bundle.css') }}\" rel=\"stylesheet\" type=\"text/css\" />
  640.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\"> 
  641.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css\">
  642.     <link rel=\"stylesheet\" href=\"https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css\">
  644.  
  645.  
  646.  
  648.     <!-- Load jQuery and jQuery UI -->
  649.     <script src=\"https://code.jquery.com/jquery-3.3.1.min.js\"></script>
  650.     <script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.js\"></script>
  651.     <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-GHTG0WQV2J\"></script>
  652.     
  653.     <script>
  654.         window.dataLayer = window.dataLayer || [];
  655.         function gtag(){dataLayer.push(arguments);}
  656.         gtag('js', new Date());
  657.         gtag('config', 'G-GHTG0WQV2J');
  658.     </script>
  659.     <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>
  661.     {% block theStylesheet %}{% endblock %}
  662.     {% block javascripts %}{% endblock %}
  663. </head>
  664.     <body class=\"header-fixed header-tablet-and-mobile-fixed toolbar-enabled toolbar-fixed toolbar-tablet-and-mobile-fixed aside-enabled aside-fixed\" style=\"--kt-toolbar-height:55px;--kt-toolbar-height-tablet-and-mobile:55px\">
  665.          
  666.         {% block body %}{% endblock %}
  667.         {% block content %}{% endblock %}
  668.       
  669.         <script src=\"{{ asset('/metronic/assets/plugins/global/plugins.bundle.js') }}\"></script>
  670.         <script src=\"{{ asset('/metronic/assets/js/scripts.bundle.js') }}\"></script>
  671.          
  672.         <script src=\"{{ asset('/metronic/assets/js/custom/widgets.js') }}\"></script>
  673.         <script src=\"{{ asset('/metronic/assets/js/custom/apps/chat/chat.js') }}\"></script>
  674.         <script src=\"{{ asset('/metronic/assets/js/custom/modals/create-app.js') }}\"></script>
  675.         <script src=\"{{ asset('/metronic/assets/js/custom/modals/upgrade-plan.js') }}\"></script>
  676.         <style>
  677.                 form.pull-right.hidden {
  678.             width: 95%;
  679.                }
  680.                th[scope=\"row\"] {
  681.                 padding-left: 10px!important;
  682.                 }
  683.                 th[scope=\"col\"] {
  684.                 padding-left: 9px!important;
  685.                 }
  686.                 .table td:first-child {
  687.                 padding-left: 10px;
  688.                 }
  689.                 td {
  690.                 font-size: 11px!important;
  691.                 }
  692.                 .table td:first-child, .table th:first-child, .table tr:first-child {
  693.                 padding-left: 9px;
  694.                 }
  695.                   .modal {
  696.                      z-index: 1050; 
  697.                 }
  698.  
  699.                 .modal-backdrop {
  700.                 z-index: 1040;  
  701.                 }
  703.                 .btn-to-google {
  704.                     display: flex;
  705.                     align-items: center;
  706.                     padding: 0 0 0 17px;
  707.                     width: 100%;
  708.                     height: 100%;
  709.                     background: #f4f5f9;
  710.                     border-radius: 10px;
  711.                     font-size: 16px;
  712.                     font-weight: 500;
  713.                     color: #1a1b1c;
  714.                     line-height: 19px;
  715.                     cursor: pointer;
  716.                     transition: all .3s;
  717.                     }
  718.                     #kt_app_toolbar {
  719.                     margin: 33px !important;
  720.                     }
  721.                     .dashboard-card.card.shadow-sm {
  722.                     margin: 8px !important;
  723.                     }
  724.                     .row.forced-mb {
  725.                     margin: 0px !important;
  726.                     }
  727.         </style>
  728.            
  729.         {% block pJavascript %}{% endblock %}
  730.     </body>
  731.    
  734.     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js\"></script>
  735.     <script src=\"https://code.jquery.com/jquery-1.12.4.js\"></script>
  736. \t<script src=\"https://code.jquery.com/ui/1.12.1/jquery-ui.js\"></script>
  737.     {% block jspositionimportant %}{% endblock %}
  738.     <script>
  739.             \$(document).ready(function() {
  740.                 \$('#kt_modal_add_customer').on('shown.bs.modal', function() {
  741.                     console.log('Modal shown, initializing Select2');
  742.                     \$('.select2-autocomplete').select2({
  743.                         ajax: {
  744.                             url: function() {
  745.                                 return \$(this).data('autocomplete-url');
  746.                             },
  747.                             dataType: 'json',
  748.                             delay: 250,
  749.                             data: function(params) {
  750.                                 return {
  751.                                     q: params.term
  752.                                 };
  753.                             },
  754.                             processResults: function(data) {
  755.                                 return {
  756.                                     results: data.results
  757.                                 };
  758.                             },
  759.                             cache: true
  760.                         },
  761.                         minimumInputLength: 2,
  762.                         placeholder: 'Rechercher un produit...'
  763.                     });
  764.                     console.log('Select2 initialized');
  765.                 });
  766.             }); 
  767.     </script>
  771.    <style>
  773.             /* Layout amélioré avec contraintes */
  774.             .dashboard-container {
  775.                 display: grid;
  776.                 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  777.                 gap: 2rem;
  778.                 margin-bottom: 3rem;
  779.             }
  780.             
  781.             .dashboard-card {
  782.                 height: 100%;
  783.                 display: flex;
  784.                 flex-direction: column;
  785.                 transition: all 0.3s ease;
  786.                 border-radius: 16px;
  787.                 overflow: hidden;
  788.                 box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  789.                 border: none;
  790.                 background: white;
  791.             }
  792.             
  793.             .dashboard-card:hover {
  794.                 transform: translateY(-8px);
  795.                 box-shadow: 0 15px 30px rgba(0,0,0,0.15);
  796.             }
  797.             
  798.             .card-header {
  799.             
  800.                 background: linear-gradient(135deg, #667eea33 0%, #764ba224 100%);
  801.                 color: white;
  802.                 border-bottom: none;
  803.                 padding: 1.5rem 2rem;
  804.             }
  805.             
  806.             .card-header h3 {
  807.                 font-size: 1.5rem;
  808.                 font-weight: 700;
  809.                 margin: 0;
  810.             }
  811.             
  812.             .card-header.bg-success {
  813.                 background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);
  814.             }
  815.             
  816.             .card-header.bg-info {
  817.                 background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  818.             }
  819.             
  820.             .card-header.bg-warning {
  821.                 background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  822.             }
  823.             
  824.             .card-header.bg-danger {
  825.                 background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  826.             }
  827.             
  828.             .card-body-flex {
  829.                 flex: 1;
  830.                 display: flex;
  831.                 flex-direction: column;
  832.                 justify-content: space-between;
  833.                 padding: 2rem;
  834.             }
  835.             
  836.             .chart-container {
  837.                 position: relative;
  838.                 height: 400px;
  839.                 width: 100%;
  840.                 margin-top: 1.5rem;
  841.             }
  842.             
  843.             /* Taille des textes augmentée */
  844.             .metric-value {
  845.                 font-size: 2.8rem;
  846.                 font-weight: 800;
  847.                 margin: 1rem 0;
  848.                 color: #2d3748;
  849.                 line-height: 1.2;
  850.             }
  851.             
  852.             .metric-label {
  853.                 font-size: 1.1rem;
  854.                 color: #6c757d;
  855.                 margin-bottom: 0.5rem;
  856.             }
  857.             
  858.             .badge-trend {
  859.                 padding: 0.5rem 1rem;
  860.                 border-radius: 20px;
  861.                 font-weight: 600;
  862.                 font-size: 0.95rem;
  863.             }
  864.             
  865.             .circular-progress {
  866.                 position: relative;
  867.                 width: 100px;
  868.                 height: 100px;
  869.                 margin: 1rem auto;
  870.             }
  871.             
  872.             .circular-progress svg {
  873.                 transform: rotate(-90deg);
  874.             }
  875.             
  876.             .circular-progress .progress-text {
  877.                 position: absolute;
  878.                 top: 50%;
  879.                 left: 50%;
  880.                 transform: translate(-50%, -50%);
  881.                 font-weight: bold;
  882.                 font-size: 1.2rem;
  883.             }
  884.             
  885.             /* Styles modernes pour les tableaux */
  886.             .table {
  887.                 font-size: 1rem;
  888.             }
  889.             
  890.             .table thead th {
  891.                 font-weight: 600;
  892.                 text-transform: uppercase;
  893.                 font-size: 0.85rem;
  894.                 letter-spacing: 0.5px;
  895.             }
  896.             
  897.             .table tbody td {
  898.                 padding: 1rem 0.75rem;
  899.                 vertical-align: middle;
  900.             }
  901.             
  902.             /* Boutons plus grands */
  903.             .btn {
  904.                 padding: 0.6rem 1.25rem;
  905.                 font-size: 1rem;
  906.                 border-radius: 8px;
  907.             }
  908.             
  909.             /* Alertes plus visibles */
  910.             .alert {
  911.                 padding: 1rem 1.5rem;
  912.                 font-size: 1rem;
  913.                 border-radius: 10px;
  914.             }
  915.             
  916.             .alert i {
  917.                 font-size: 1.3rem;
  918.                 margin-right: 0.75rem;
  919.             }
  920.             
  921.             /* Titres plus grands */
  922.             .page-heading {
  923.                 font-size: 2.2rem !important;
  924.             }
  925.             
  926.             .page-heading small {
  927.                 font-size: 1.1rem;
  928.                 margin-top: 0.5rem;
  929.             }
  930.             
  931.             /* Barres de progression */
  932.             .progress {
  933.                 height: 10px !important;
  934.                 border-radius: 5px;
  935.             }
  936.             
  937.             .progress-bar {
  938.                 border-radius: 5px;
  939.             }
  940.             
  941.             @media (max-width: 1399.98px) {
  942.                 .dashboard-container {
  943.                     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  944.                 }
  945.                 
  946.                 .metric-value {
  947.                     font-size: 2.5rem;
  948.                 }
  949.             }
  950.             
  951.             @media (max-width: 767.98px) {
  952.                 .dashboard-container {
  953.                     grid-template-columns: 1fr;
  954.                     gap: 1.5rem;
  955.                 }
  956.                 
  957.                 .card-header {
  958.                     padding: 1.25rem 1.5rem;
  959.                 }
  960.                 
  961.                 .card-body-flex {
  962.                     padding: 1.5rem;
  963.                 }
  964.                 
  965.                 .metric-value {
  966.                     font-size: 2.2rem;
  967.                 }
  968.                 
  969.                 .page-heading {
  970.                     font-size: 1.8rem !important;
  971.                 }
  972.             }
  974.                     .table-responsive {
  975.                 overflow: visible !important;
  976.             }
  977.             td .dropdown {
  978.                 position: static; /* Permet au dropdown de s'échapper du conteneur */
  979.             }
  981.     </style>
  982. </html>
  983. ", "backoffice.base.html.twig", "/htdocs/templates/backoffice.base.html.twig");
  984.     }
  985. }