var/cache/dev/twig/2a/2a838ee51f57cfd7e1a7b543b8265905.php line 92

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;
  15. use Twig\TemplateWrapper;
  17. /* security/login.html.twig */
  18. class __TwigTemplate_93df8f91b81b960d56a958239c472eb3 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'stylesheets' => [$this, 'block_stylesheets'],
  35.             'body' => [$this, 'block_body'],
  36.             'javascripts' => [$this, 'block_javascripts'],
  37.         ];
  38.     }
  40.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  41.     {
  42.         // line 1
  43.         return "base_home.html.twig";
  44.     }
  46.     protected function doDisplay(array $context, array $blocks = []): iterable
  47.     {
  48.         $macros = $this->macros;
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "security/login.html.twig"));
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "security/login.html.twig"));
  55.         $this->parent = $this->load("base_home.html.twig", 1);
  56.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  57.         
  58.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  60.         
  61.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  63.     }
  65.     // line 3
  66.     /**
  67.      * @return iterable<null|scalar|\Stringable>
  68.      */
  69.     public function block_title(array $context, array $blocks = []): iterable
  70.     {
  71.         $macros = $this->macros;
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  76.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  78.         yield "Connexion | MaketOu";
  79.         
  80.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  82.         
  83.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  85.         yield from [];
  86.     }
  88.     // line 5
  89.     /**
  90.      * @return iterable<null|scalar|\Stringable>
  91.      */
  92.     public function block_stylesheets(array $context, array $blocks = []): iterable
  93.     {
  94.         $macros = $this->macros;
  95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  96.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  98.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  99.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  101.         // line 6
  102.         yield "    ";
  103.         yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  104.         yield "
  105.     <link rel=\"stylesheet\" href=\"";
  106.         // line 7
  107.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/modern-password-field.css"), "html", null, true);
  108.         yield "\">
  109. ";
  110.         
  111.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  113.         
  114.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  116.         yield from [];
  117.     }
  119.     // line 10
  120.     /**
  121.      * @return iterable<null|scalar|\Stringable>
  122.      */
  123.     public function block_body(array $context, array $blocks = []): iterable
  124.     {
  125.         $macros = $this->macros;
  126.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  127.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  129.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  130.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  132.         // line 11
  133.         yield "
  134.     <!-- Start Banner Area -->
  135.     <section class=\"banner-area organic-breadcrumb\">
  136.         <div class=\"container\">
  137.             <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  138.                 <div class=\"col-first\">
  139.                     <h1>Connexion</h1>
  140.                     <nav class=\"d-flex align-items-center\">
  141.                         <a href=\"";
  142.         // line 19
  143.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_home");
  144.         yield "\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  145.                         <a href=\"javascript:void(0)\">Connexion</a>
  146.                     </nav>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </section>
  151.     <!-- End Banner Area -->
  153.     <!--================Login Box Area =================-->
  154.     <section class=\"login_box_area section_gap\">
  155.         <div class=\"container\">
  156.             <div class=\"row\">
  157.                 <div class=\"col-lg-6\">
  158.                     <div class=\"login_box_img\">
  159.                         <img class=\"img-fluid\" src=\"";
  160.         // line 34
  161.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("ui/img/login.jpg"), "html", null, true);
  162.         yield "\" alt=\"\">
  163.                         <div class=\"hover\">
  164.                             <h4>Nouveau sur le site?</h4>
  165.                             <p>Créez votre compte dès maintenant et profitez de tous nos avantages. Accédez à des offres exclusives, suivez vos commandes et bien plus encore.</p>
  166.                             <a class=\"primary-btn\" href=\"";
  167.         // line 38
  168.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_register");
  169.         yield "\">S'inscrire</a>
  170.                         </div>
  171.                     </div>
  172.                 </div>
  173.                 <div class=\"col-lg-6\">
  174.                     <div class=\"login_form_inner\">
  175.                         <h3>Connectez-vous</h3>
  176.                         <form method=\"post\" class=\"row login_form\">
  177.                             ";
  178.         // line 46
  179.         if ((($tmp = ($context["error"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  180.             // line 47
  181.             yield "                                <div class=\"alert alert-danger w-100\">";
  182.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(CoreExtension::getAttribute($this->env, $this->source, ($context["error"] ?? null), "messageKey", [], "any", false, false, false, 47), CoreExtension::getAttribute($this->env, $this->source, ($context["error"] ?? null), "messageData", [], "any", false, false, false, 47), "security"), "html", null, true);
  183.             yield "</div>
  184.                             ";
  185.         }
  186.         // line 49
  187.         yield "
  188.                             ";
  189.         // line 50
  190.         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 50)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  191.             // line 51
  192.             yield "                                <div class=\"mb-3\">
  193.                                     Vous êtes connecté comme ";
  194.             // line 52
  195.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 52), "userIdentifier", [], "any", false, false, false, 52), "html", null, true);
  196.             yield ", <a
  197.                                             href=\"";
  198.             // line 53
  199.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_logout");
  200.             yield "\">Déconnexion</a>
  201.                                 </div>
  202.                             ";
  203.         }
  204.         // line 56
  205.         yield "                            <div class=\"col-md-12 form-group\">
  206.                                 <input type=\"email\" value=\"";
  207.         // line 57
  208.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["last_username"] ?? null), "html", null, true);
  209.         yield "\" name=\"_username\" id=\"username\"
  210.                                        class=\"form-control\" autocomplete=\"email\" placeholder=\"Votre email\" required>
  211.                             </div>
  212.                             <div class=\"col-md-12 form-group modern-password-group\" style=\"position: relative;\">
  213.                                 <input type=\"password\" name=\"_password\" id=\"password\" class=\"form-control modern-password\"
  214.                                        autocomplete=\"new-password\" placeholder=\"Votre mot de passe\" required style=\"padding-right: 55px; background-color: white !important;\">
  215.                                 <button type=\"button\" class=\"eye-toggle\" id=\"password-toggle\" title=\"Afficher le mot de passe\" aria-pressed=\"false\" style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; background: transparent; cursor: pointer; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 0; color: #777;\">
  216.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 24px; height: 24px; display: block; color: inherit;\">
  217.                                         <defs>
  218.                                             <mask id=\"eye-open\">
  219.                                                 <path d=\"M1 12 C1 12 5 4 12 4 19 4 23 12 23 12 23 14.66 23 17.32 23 20 19.32 20 15.66 20 12 20 8.33 20 4.66 20 1 20 1 17.32 1 14.66 1 12 z\" fill=\"#D9D9D9\" stroke=\"black\" stroke-width=\"1.5\" stroke-linejoin=\"round\"></path>
  220.                                             </mask>
  221.                                             <mask id=\"eye-closed\">
  222.                                                 <path d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12V20H12H1V12Z\" fill=\"#D9D9D9\"></path>
  223.                                             </mask>
  224.                                         </defs>
  225.                                         <path class=\"lid lid--upper\" d=\"M1 12 C1 12 5 4 12 4 19 4 23 12 23 12 \" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>
  226.                                         <path class=\"lid lid--lower\" d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>
  227.                                         <g mask=\"url(#eye-open)\">
  228.                                             <g class=\"eye\">
  229.                                                 <circle cy=\"12\" cx=\"12\" r=\"4\" fill=\"currentColor\"></circle>
  230.                                                 <circle cy=\"11\" cx=\"13\" r=\"1\" fill=\"black\"></circle>
  231.                                             </g>
  232.                                         </g>
  233.                                     </svg>
  234.                                     <span class=\"sr-only\">Afficher</span>
  235.                                 </button>
  236.                             </div>
  238.                             <div class=\"col-md-12 form-group\">
  239.                                 <div class=\"creat_account\">
  240.                                     <input type=\"checkbox\" id=\"f-option2\" name=\"selector\">
  241.                                     <label for=\"f-option2\">Rester connecté!</label>
  242.                                 </div>
  243.                             </div>
  245.                             <input type=\"hidden\" name=\"_csrf_token\"
  246.                                    value=\"";
  247.         // line 94
  248.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("authenticate"), "html", null, true);
  249.         yield "\"
  250.                             >
  252.                             ";
  253.         // line 107
  254.         yield "                            <div class=\"col-md-12 form-group\">
  255.                                 <button class=\"primary-btn\" type=\"submit\">
  256.                                     Se connecter
  257.                                 </button>
  258.                                 <a href=\"";
  259.         // line 111
  260.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_forgot_password_request");
  261.         yield "\">Mot de passe oublié?</a>
  262.                             </div>
  263.                         </form>
  264.                     </div>
  265.                 </div>
  266.             </div>
  267.         </div>
  268.     </section>
  269. ";
  270.         
  271.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  273.         
  274.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  276.         yield from [];
  277.     }
  279.     // line 121
  280.     /**
  281.      * @return iterable<null|scalar|\Stringable>
  282.      */
  283.     public function block_javascripts(array $context, array $blocks = []): iterable
  284.     {
  285.         $macros = $this->macros;
  286.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  287.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  289.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  290.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  292.         // line 122
  293.         yield "    ";
  294.         yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  295.         yield "
  296.     <script>
  297.     // Load GSAP standard (now 100% free with all plugins included as of April 2025)
  298.     (function() {
  299.         const GSAP_TIMEOUT = 5000; // 5 seconds timeout
  300.         let gsapLoaded = false;
  301.         
  302.         // Load GSAP standard package (includes all plugins)
  303.         const gsapScript = document.createElement('script');
  304.         gsapScript.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js';
  305.         gsapScript.async = true;
  306.         gsapScript.onload = function() {
  307.             gsapLoaded = true;
  308.             console.log('[GSAP] Standard package loaded successfully');
  309.             // Load password field script after GSAP is loaded
  310.             setTimeout(loadPasswordFieldScript, 100);
  311.         };
  312.         gsapScript.onerror = function() {
  313.             console.warn('[GSAP] Failed to load, using fallback');
  314.             loadPasswordFieldScript();
  315.         };
  316.         
  317.         // Timeout fallback
  318.         setTimeout(function() {
  319.             if (!gsapLoaded) {
  320.                 console.warn('[GSAP] Timeout loading GSAP, using fallback');
  321.                 loadPasswordFieldScript();
  322.             }
  323.         }, GSAP_TIMEOUT);
  324.         
  325.         document.head.appendChild(gsapScript);
  326.         
  327.         function loadPasswordFieldScript() {
  328.             const script = document.createElement('script');
  329.             script.src = '";
  330.         // line 156
  331.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/modern-password-field.js"), "html", null, true);
  332.         yield "';
  333.             script.async = true;
  334.             document.head.appendChild(script);
  335.         }
  336.     })();
  337.     </script>
  338. ";
  339.         
  340.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  342.         
  343.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  345.         yield from [];
  346.     }
  348.     /**
  349.      * @codeCoverageIgnore
  350.      */
  351.     public function getTemplateName(): string
  352.     {
  353.         return "security/login.html.twig";
  354.     }
  356.     /**
  357.      * @codeCoverageIgnore
  358.      */
  359.     public function isTraitable(): bool
  360.     {
  361.         return false;
  362.     }
  364.     /**
  365.      * @codeCoverageIgnore
  366.      */
  367.     public function getDebugInfo(): array
  368.     {
  369.         return array (  331 => 156,  293 => 122,  280 => 121,  260 => 111,  254 => 107,  248 => 94,  208 => 57,  205 => 56,  199 => 53,  195 => 52,  192 => 51,  190 => 50,  187 => 49,  181 => 47,  179 => 46,  168 => 38,  161 => 34,  143 => 19,  133 => 11,  120 => 10,  107 => 7,  102 => 6,  89 => 5,  66 => 3,  43 => 1,);
  370.     }
  372.     public function getSourceContext(): Source
  373.     {
  374.         return new Source("{% extends 'base_home.html.twig' %}
  376. {% block title %}Connexion | MaketOu{% endblock %}
  378. {% block stylesheets %}
  379.     {{ parent() }}
  380.     <link rel=\"stylesheet\" href=\"{{ asset('css/modern-password-field.css') }}\">
  381. {% endblock %}
  383. {% block body %}
  385.     <!-- Start Banner Area -->
  386.     <section class=\"banner-area organic-breadcrumb\">
  387.         <div class=\"container\">
  388.             <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  389.                 <div class=\"col-first\">
  390.                     <h1>Connexion</h1>
  391.                     <nav class=\"d-flex align-items-center\">
  392.                         <a href=\"{{ path('ui_home') }}\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  393.                         <a href=\"javascript:void(0)\">Connexion</a>
  394.                     </nav>
  395.                 </div>
  396.             </div>
  397.         </div>
  398.     </section>
  399.     <!-- End Banner Area -->
  401.     <!--================Login Box Area =================-->
  402.     <section class=\"login_box_area section_gap\">
  403.         <div class=\"container\">
  404.             <div class=\"row\">
  405.                 <div class=\"col-lg-6\">
  406.                     <div class=\"login_box_img\">
  407.                         <img class=\"img-fluid\" src=\"{{ asset('ui/img/login.jpg') }}\" alt=\"\">
  408.                         <div class=\"hover\">
  409.                             <h4>Nouveau sur le site?</h4>
  410.                             <p>Créez votre compte dès maintenant et profitez de tous nos avantages. Accédez à des offres exclusives, suivez vos commandes et bien plus encore.</p>
  411.                             <a class=\"primary-btn\" href=\"{{ path('ui_app_register') }}\">S'inscrire</a>
  412.                         </div>
  413.                     </div>
  414.                 </div>
  415.                 <div class=\"col-lg-6\">
  416.                     <div class=\"login_form_inner\">
  417.                         <h3>Connectez-vous</h3>
  418.                         <form method=\"post\" class=\"row login_form\">
  419.                             {% if error %}
  420.                                 <div class=\"alert alert-danger w-100\">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
  421.                             {% endif %}
  423.                             {% if app.user %}
  424.                                 <div class=\"mb-3\">
  425.                                     Vous êtes connecté comme {{ app.user.userIdentifier }}, <a
  426.                                             href=\"{{ path('ui_app_logout') }}\">Déconnexion</a>
  427.                                 </div>
  428.                             {% endif %}
  429.                             <div class=\"col-md-12 form-group\">
  430.                                 <input type=\"email\" value=\"{{ last_username }}\" name=\"_username\" id=\"username\"
  431.                                        class=\"form-control\" autocomplete=\"email\" placeholder=\"Votre email\" required>
  432.                             </div>
  433.                             <div class=\"col-md-12 form-group modern-password-group\" style=\"position: relative;\">
  434.                                 <input type=\"password\" name=\"_password\" id=\"password\" class=\"form-control modern-password\"
  435.                                        autocomplete=\"new-password\" placeholder=\"Votre mot de passe\" required style=\"padding-right: 55px; background-color: white !important;\">
  436.                                 <button type=\"button\" class=\"eye-toggle\" id=\"password-toggle\" title=\"Afficher le mot de passe\" aria-pressed=\"false\" style=\"position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: none; background: transparent; cursor: pointer; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 0; color: #777;\">
  437.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 24px; height: 24px; display: block; color: inherit;\">
  438.                                         <defs>
  439.                                             <mask id=\"eye-open\">
  440.                                                 <path d=\"M1 12 C1 12 5 4 12 4 19 4 23 12 23 12 23 14.66 23 17.32 23 20 19.32 20 15.66 20 12 20 8.33 20 4.66 20 1 20 1 17.32 1 14.66 1 12 z\" fill=\"#D9D9D9\" stroke=\"black\" stroke-width=\"1.5\" stroke-linejoin=\"round\"></path>
  441.                                             </mask>
  442.                                             <mask id=\"eye-closed\">
  443.                                                 <path d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12V20H12H1V12Z\" fill=\"#D9D9D9\"></path>
  444.                                             </mask>
  445.                                         </defs>
  446.                                         <path class=\"lid lid--upper\" d=\"M1 12 C1 12 5 4 12 4 19 4 23 12 23 12 \" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>
  447.                                         <path class=\"lid lid--lower\" d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>
  448.                                         <g mask=\"url(#eye-open)\">
  449.                                             <g class=\"eye\">
  450.                                                 <circle cy=\"12\" cx=\"12\" r=\"4\" fill=\"currentColor\"></circle>
  451.                                                 <circle cy=\"11\" cx=\"13\" r=\"1\" fill=\"black\"></circle>
  452.                                             </g>
  453.                                         </g>
  454.                                     </svg>
  455.                                     <span class=\"sr-only\">Afficher</span>
  456.                                 </button>
  457.                             </div>
  459.                             <div class=\"col-md-12 form-group\">
  460.                                 <div class=\"creat_account\">
  461.                                     <input type=\"checkbox\" id=\"f-option2\" name=\"selector\">
  462.                                     <label for=\"f-option2\">Rester connecté!</label>
  463.                                 </div>
  464.                             </div>
  466.                             <input type=\"hidden\" name=\"_csrf_token\"
  467.                                    value=\"{{ csrf_token('authenticate') }}\"
  468.                             >
  470.                             {#
  471.                             Uncomment this section and add a remember_me option below your firewall to activate remember me functionality.
  472.                             See https://symfony.com/doc/current/security/remember_me.html
  474.                             <div class=\"checkbox mb-3\">
  475.                                 <label>
  476.                                     <input type=\"checkbox\" name=\"_remember_me\"> Remember me
  477.                                 </label>
  478.                             </div>
  479.                             #}
  480.                             <div class=\"col-md-12 form-group\">
  481.                                 <button class=\"primary-btn\" type=\"submit\">
  482.                                     Se connecter
  483.                                 </button>
  484.                                 <a href=\"{{ path('ui_app_forgot_password_request') }}\">Mot de passe oublié?</a>
  485.                             </div>
  486.                         </form>
  487.                     </div>
  488.                 </div>
  489.             </div>
  490.         </div>
  491.     </section>
  492. {% endblock %}
  494. {% block javascripts %}
  495.     {{ parent() }}
  496.     <script>
  497.     // Load GSAP standard (now 100% free with all plugins included as of April 2025)
  498.     (function() {
  499.         const GSAP_TIMEOUT = 5000; // 5 seconds timeout
  500.         let gsapLoaded = false;
  501.         
  502.         // Load GSAP standard package (includes all plugins)
  503.         const gsapScript = document.createElement('script');
  504.         gsapScript.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js';
  505.         gsapScript.async = true;
  506.         gsapScript.onload = function() {
  507.             gsapLoaded = true;
  508.             console.log('[GSAP] Standard package loaded successfully');
  509.             // Load password field script after GSAP is loaded
  510.             setTimeout(loadPasswordFieldScript, 100);
  511.         };
  512.         gsapScript.onerror = function() {
  513.             console.warn('[GSAP] Failed to load, using fallback');
  514.             loadPasswordFieldScript();
  515.         };
  516.         
  517.         // Timeout fallback
  518.         setTimeout(function() {
  519.             if (!gsapLoaded) {
  520.                 console.warn('[GSAP] Timeout loading GSAP, using fallback');
  521.                 loadPasswordFieldScript();
  522.             }
  523.         }, GSAP_TIMEOUT);
  524.         
  525.         document.head.appendChild(gsapScript);
  526.         
  527.         function loadPasswordFieldScript() {
  528.             const script = document.createElement('script');
  529.             script.src = '{{ asset('js/modern-password-field.js') }}';
  530.             script.async = true;
  531.             document.head.appendChild(script);
  532.         }
  533.     })();
  534.     </script>
  535. {% endblock %}
  536. ", "security/login.html.twig", "/home/u540977899/domains/maketou-ht.com/public_html/templates/security/login.html.twig");
  537.     }
  538. }