var/cache/dev/twig/37/37be602ffd8e6e877aaa4d44bda62878.php line 172

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* base.html.twig */
  16. class __TwigTemplate_834c1bd40aec829aca7976381836b2d4 extends \Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.             'meta' => [$this, 'block_meta'],
  31.             'title' => [$this, 'block_title'],
  32.             'stylesheets' => [$this, 'block_stylesheets'],
  33.             'body' => [$this, 'block_body'],
  34.             'javascripts' => [$this, 'block_javascripts'],
  35.         ];
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "base.html.twig"));
  47.         // line 1
  48.         echo "<!DOCTYPE html>
  49. <html lang=\"fr\">
  50. <head>
  51.     <meta charset=\"UTF-8\">
  52.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  53.     ";
  54.         // line 6
  55.         $this->displayBlock('meta', $context, $blocks);
  56.         // line 10
  57.         echo "    <title>";
  58.         $this->displayBlock('title', $context, $blocks);
  59.         echo "</title>
  60.     
  61.     <!-- Tailwind CSS -->
  62.     <script src=\"https://cdn.tailwindcss.com\"></script>
  63.     
  64.     <!-- Configuration du thème -->
  65.     <script>
  66.         tailwind.config = {
  67.             theme: {
  68.                 extend: {
  69.                     colors: {
  70.                         primary: {
  71.                             50: '#eef2ff',
  72.                             100: '#e0e7ff',
  73.                             200: '#c7d2fe',
  74.                             300: '#a5b4fc',
  75.                             400: '#818cf8',
  76.                             500: '#6366f1',
  77.                             600: '#4f46e5',
  78.                             700: '#4338ca',
  79.                             800: '#3730a3',
  80.                             900: '#312e81',
  81.                         },
  82.                         secondary: {
  83.                             50: '#f5f3ff',
  84.                             100: '#ede9fe',
  85.                             200: '#ddd6fe',
  86.                             300: '#c4b5fd',
  87.                             400: '#a78bfa',
  88.                             500: '#8b5cf6',
  89.                             600: '#7c3aed',
  90.                             700: '#6d28d9',
  91.                             800: '#5b21b6',
  92.                             900: '#4c1d95',
  93.                         }
  94.                     },
  95.                     animation: {
  96.                         'scroll': 'scroll 30s linear infinite',
  97.                         'scroll-reverse': 'scroll 30s linear infinite reverse',
  98.                         'fade-in': 'fadeIn 0.5s ease-in-out',
  99.                         'slide-up': 'slideUp 0.6s ease-out',
  100.                     },
  101.                     keyframes: {
  102.                         scroll: {
  103.                             '0%': { transform: 'translateX(0)' },
  104.                             '100%': { transform: 'translateX(-50%)' }
  105.                         },
  106.                         fadeIn: {
  107.                             '0%': { opacity: '0' },
  108.                             '100%': { opacity: '1' }
  109.                         },
  110.                         slideUp: {
  111.                             '0%': { transform: 'translateY(20px)', opacity: '0' },
  112.                             '100%': { transform: 'translateY(0)', opacity: '1' }
  113.                         }
  114.                     }
  115.                 }
  116.             }
  117.         }
  118.     </script>
  119.     
  120.     <!-- Font Awesome -->
  121.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\">
  122.     
  123.     <!-- Google Fonts -->
  124.     <link href=\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">
  125.     
  126.     <style>
  127.         body { font-family: 'Plus Jakarta Sans', sans-serif; }
  128.         .gradient-text {
  129.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  130.             -webkit-background-clip: text;
  131.             -webkit-text-fill-color: transparent;
  132.         }
  133.         .hero-gradient {
  134.             background: radial-gradient(circle at top right, #667eea 0%, #764ba2 100%);
  135.         }
  136.         .card-hover {
  137.             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  138.         }
  139.         .card-hover:hover {
  140.             transform: translateY(-8px) scale(1.02);
  141.             box-shadow: 0 20px 40px -15px rgba(102, 126, 234, 0.3);
  142.         }
  143.         .glass-effect {
  144.             background: rgba(255, 255, 255, 0.1);
  145.             backdrop-filter: blur(10px);
  146.             border: 1px solid rgba(255, 255, 255, 0.2);
  147.         }
  148.         @keyframes float {
  149.             0%, 100% { transform: translateY(0); }
  150.             50% { transform: translateY(-10px); }
  151.         }
  152.         .float { animation: float 6s ease-in-out infinite; }
  153.         html {
  154.             scroll-behavior: smooth;
  155.         }
  156.     </style>
  157.     
  158.     ";
  159.         // line 109
  160.         $this->displayBlock('stylesheets', $context, $blocks);
  161.         // line 110
  162.         echo "</head>
  163. <body class=\"bg-gray-50 overflow-x-hidden\">
  164.     ";
  165.         // line 112
  166.         $this->loadTemplate("header.html.twig", "base.html.twig", 112)->display($context);
  167.         // line 113
  168.         echo "    
  169.     <main>
  170.         ";
  171.         // line 115
  172.         $this->displayBlock('body', $context, $blocks);
  173.         // line 116
  174.         echo "    </main>
  175.     
  176.     ";
  177.         // line 118
  178.         $this->loadTemplate("footer.html.twig", "base.html.twig", 118)->display($context);
  179.         // line 119
  180.         echo "    
  181.     ";
  182.         // line 120
  183.         $this->displayBlock('javascripts', $context, $blocks);
  184.         // line 184
  185.         echo "</body>
  186. </html>";
  187.         
  188.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  190.         
  191.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  193.     }
  195.     // line 6
  196.     public function block_meta($context, array $blocks = [])
  197.     {
  198.         $macros = $this->macros;
  199.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  200.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  202.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  205.         // line 7
  206.         echo "    <meta name=\"author\" content=\"DAIP\"/>
  207.     <meta property=\"fb:app_id\" content=\"1604133883317306\" />
  208.     ";
  209.         
  210.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  212.         
  213.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  215.     }
  217.     // line 10
  218.     public function block_title($context, array $blocks = [])
  219.     {
  220.         $macros = $this->macros;
  221.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  222.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  224.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  225.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  227.         echo "DAIP - Direction de l'Apprentissage et de l'Insertion Professionnelle";
  228.         
  229.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  231.         
  232.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  234.     }
  236.     // line 109
  237.     public function block_stylesheets($context, array $blocks = [])
  238.     {
  239.         $macros = $this->macros;
  240.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  241.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  243.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  244.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  246.         
  247.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  249.         
  250.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  252.     }
  254.     // line 115
  255.     public function block_body($context, array $blocks = [])
  256.     {
  257.         $macros = $this->macros;
  258.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  259.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  261.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  262.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  264.         
  265.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  267.         
  268.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  270.     }
  272.     // line 120
  273.     public function block_javascripts($context, array $blocks = [])
  274.     {
  275.         $macros = $this->macros;
  276.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  277.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  279.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  280.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  282.         // line 121
  283.         echo "    <!-- Alpine.js en premier (sans defer pour garantir l'ordre) -->
  284.     <script src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"></script>
  285.     
  286.     <!-- jQuery ensuite -->
  287.     <script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
  288.     
  289.     <!-- Script personnalisé pour forcer la réinitialisation d'Alpine -->
  290.     <script>
  291.         document.addEventListener('DOMContentLoaded', function() {
  292.             console.log('DOM chargé, Alpine.js disponible:', typeof Alpine !== 'undefined');
  293.             
  294.             // Auto-disparition des messages flash
  295.             const flashMessages = document.querySelectorAll('[data-flash-message]');
  296.             flashMessages.forEach(function(message) {
  297.                 const delay = message.dataset.delay || 5000; // 5 secondes par défaut
  298.                 
  299.                 setTimeout(function() {
  300.                     // Ajouter une animation de fondu
  301.                     message.style.transition = 'opacity 0.5s ease-out, transform 0.3s ease-out';
  302.                     message.style.opacity = '0';
  303.                     message.style.transform = 'translateY(-10px)';
  304.                     
  305.                     // Supprimer l'élément après l'animation
  306.                     setTimeout(function() {
  307.                         message.remove();
  308.                     }, 500);
  309.                 }, delay);
  310.                 
  311.                 // Ajouter un bouton de fermeture manuelle
  312.                 const closeButton = document.createElement('button');
  313.                 closeButton.innerHTML = '×';
  314.                 closeButton.className = 'ml-4 text-gray-400 hover:text-gray-600 text-xl font-bold transition-colors';
  315.                 closeButton.style.cursor = 'pointer';
  316.                 closeButton.onclick = function() {
  317.                     message.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out';
  318.                     message.style.opacity = '0';
  319.                     message.style.transform = 'translateY(-10px)';
  320.                     setTimeout(function() {
  321.                         message.remove();
  322.                     }, 300);
  323.                 };
  324.                 
  325.                 // Ajouter le bouton au message
  326.                 const messageContent = message.querySelector('div');
  327.                 if (messageContent) {
  328.                     messageContent.appendChild(closeButton);
  329.                 }
  330.             });
  331.             
  332.             // Forcer la réinitialisation des composants Alpine si nécessaire
  333.             if (typeof Alpine !== 'undefined') {
  334.                 // Attendre un peu pour que tout soit bien chargé
  335.                 setTimeout(function() {
  336.                     // Réinitialiser les composants Alpine (optionnel)
  337.                     document.querySelectorAll('[x-data]').forEach(el => {
  338.                         Alpine.initTree(el);
  339.                     });
  340.                     console.log('Composants Alpine réinitialisés');
  341.                 }, 100);
  342.             }
  343.         });
  344.     </script>
  345.     ";
  346.         
  347.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  349.         
  350.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  352.     }
  354.     public function getTemplateName()
  355.     {
  356.         return "base.html.twig";
  357.     }
  359.     public function isTraitable()
  360.     {
  361.         return false;
  362.     }
  364.     public function getDebugInfo()
  365.     {
  366.         return array (  283 => 121,  273 => 120,  255 => 115,  237 => 109,  218 => 10,  206 => 7,  196 => 6,  185 => 184,  183 => 120,  180 => 119,  178 => 118,  174 => 116,  172 => 115,  168 => 113,  166 => 112,  162 => 110,  160 => 109,  57 => 10,  55 => 6,  48 => 1,);
  367.     }
  369.     public function getSourceContext()
  370.     {
  371.         return new Source("<!DOCTYPE html>
  372. <html lang=\"fr\">
  373. <head>
  374.     <meta charset=\"UTF-8\">
  375.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  376.     {% block meta %}
  377.     <meta name=\"author\" content=\"DAIP\"/>
  378.     <meta property=\"fb:app_id\" content=\"1604133883317306\" />
  379.     {% endblock %}
  380.     <title>{% block title %}DAIP - Direction de l'Apprentissage et de l'Insertion Professionnelle{% endblock %}</title>
  381.     
  382.     <!-- Tailwind CSS -->
  383.     <script src=\"https://cdn.tailwindcss.com\"></script>
  384.     
  385.     <!-- Configuration du thème -->
  386.     <script>
  387.         tailwind.config = {
  388.             theme: {
  389.                 extend: {
  390.                     colors: {
  391.                         primary: {
  392.                             50: '#eef2ff',
  393.                             100: '#e0e7ff',
  394.                             200: '#c7d2fe',
  395.                             300: '#a5b4fc',
  396.                             400: '#818cf8',
  397.                             500: '#6366f1',
  398.                             600: '#4f46e5',
  399.                             700: '#4338ca',
  400.                             800: '#3730a3',
  401.                             900: '#312e81',
  402.                         },
  403.                         secondary: {
  404.                             50: '#f5f3ff',
  405.                             100: '#ede9fe',
  406.                             200: '#ddd6fe',
  407.                             300: '#c4b5fd',
  408.                             400: '#a78bfa',
  409.                             500: '#8b5cf6',
  410.                             600: '#7c3aed',
  411.                             700: '#6d28d9',
  412.                             800: '#5b21b6',
  413.                             900: '#4c1d95',
  414.                         }
  415.                     },
  416.                     animation: {
  417.                         'scroll': 'scroll 30s linear infinite',
  418.                         'scroll-reverse': 'scroll 30s linear infinite reverse',
  419.                         'fade-in': 'fadeIn 0.5s ease-in-out',
  420.                         'slide-up': 'slideUp 0.6s ease-out',
  421.                     },
  422.                     keyframes: {
  423.                         scroll: {
  424.                             '0%': { transform: 'translateX(0)' },
  425.                             '100%': { transform: 'translateX(-50%)' }
  426.                         },
  427.                         fadeIn: {
  428.                             '0%': { opacity: '0' },
  429.                             '100%': { opacity: '1' }
  430.                         },
  431.                         slideUp: {
  432.                             '0%': { transform: 'translateY(20px)', opacity: '0' },
  433.                             '100%': { transform: 'translateY(0)', opacity: '1' }
  434.                         }
  435.                     }
  436.                 }
  437.             }
  438.         }
  439.     </script>
  440.     
  441.     <!-- Font Awesome -->
  442.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\">
  443.     
  444.     <!-- Google Fonts -->
  445.     <link href=\"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">
  446.     
  447.     <style>
  448.         body { font-family: 'Plus Jakarta Sans', sans-serif; }
  449.         .gradient-text {
  450.             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  451.             -webkit-background-clip: text;
  452.             -webkit-text-fill-color: transparent;
  453.         }
  454.         .hero-gradient {
  455.             background: radial-gradient(circle at top right, #667eea 0%, #764ba2 100%);
  456.         }
  457.         .card-hover {
  458.             transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  459.         }
  460.         .card-hover:hover {
  461.             transform: translateY(-8px) scale(1.02);
  462.             box-shadow: 0 20px 40px -15px rgba(102, 126, 234, 0.3);
  463.         }
  464.         .glass-effect {
  465.             background: rgba(255, 255, 255, 0.1);
  466.             backdrop-filter: blur(10px);
  467.             border: 1px solid rgba(255, 255, 255, 0.2);
  468.         }
  469.         @keyframes float {
  470.             0%, 100% { transform: translateY(0); }
  471.             50% { transform: translateY(-10px); }
  472.         }
  473.         .float { animation: float 6s ease-in-out infinite; }
  474.         html {
  475.             scroll-behavior: smooth;
  476.         }
  477.     </style>
  478.     
  479.     {% block stylesheets %}{% endblock %}
  480. </head>
  481. <body class=\"bg-gray-50 overflow-x-hidden\">
  482.     {% include 'header.html.twig' %}
  483.     
  484.     <main>
  485.         {% block body %}{% endblock %}
  486.     </main>
  487.     
  488.     {% include 'footer.html.twig' %}
  489.     
  490.     {% block javascripts %}
  491.     <!-- Alpine.js en premier (sans defer pour garantir l'ordre) -->
  492.     <script src=\"https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js\"></script>
  493.     
  494.     <!-- jQuery ensuite -->
  495.     <script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
  496.     
  497.     <!-- Script personnalisé pour forcer la réinitialisation d'Alpine -->
  498.     <script>
  499.         document.addEventListener('DOMContentLoaded', function() {
  500.             console.log('DOM chargé, Alpine.js disponible:', typeof Alpine !== 'undefined');
  501.             
  502.             // Auto-disparition des messages flash
  503.             const flashMessages = document.querySelectorAll('[data-flash-message]');
  504.             flashMessages.forEach(function(message) {
  505.                 const delay = message.dataset.delay || 5000; // 5 secondes par défaut
  506.                 
  507.                 setTimeout(function() {
  508.                     // Ajouter une animation de fondu
  509.                     message.style.transition = 'opacity 0.5s ease-out, transform 0.3s ease-out';
  510.                     message.style.opacity = '0';
  511.                     message.style.transform = 'translateY(-10px)';
  512.                     
  513.                     // Supprimer l'élément après l'animation
  514.                     setTimeout(function() {
  515.                         message.remove();
  516.                     }, 500);
  517.                 }, delay);
  518.                 
  519.                 // Ajouter un bouton de fermeture manuelle
  520.                 const closeButton = document.createElement('button');
  521.                 closeButton.innerHTML = '×';
  522.                 closeButton.className = 'ml-4 text-gray-400 hover:text-gray-600 text-xl font-bold transition-colors';
  523.                 closeButton.style.cursor = 'pointer';
  524.                 closeButton.onclick = function() {
  525.                     message.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out';
  526.                     message.style.opacity = '0';
  527.                     message.style.transform = 'translateY(-10px)';
  528.                     setTimeout(function() {
  529.                         message.remove();
  530.                     }, 300);
  531.                 };
  532.                 
  533.                 // Ajouter le bouton au message
  534.                 const messageContent = message.querySelector('div');
  535.                 if (messageContent) {
  536.                     messageContent.appendChild(closeButton);
  537.                 }
  538.             });
  539.             
  540.             // Forcer la réinitialisation des composants Alpine si nécessaire
  541.             if (typeof Alpine !== 'undefined') {
  542.                 // Attendre un peu pour que tout soit bien chargé
  543.                 setTimeout(function() {
  544.                     // Réinitialiser les composants Alpine (optionnel)
  545.                     document.querySelectorAll('[x-data]').forEach(el => {
  546.                         Alpine.initTree(el);
  547.                     });
  548.                     console.log('Composants Alpine réinitialisés');
  549.                 }, 100);
  550.             }
  551.         });
  552.     </script>
  553.     {% endblock %}
  554. </body>
  555. </html>", "base.html.twig", "/home/daip/temporaire/templates/base.html.twig");
  556.     }
  557. }