var/cache/dev/twig/19/193166093586f5ae91d62a93d98fcf0f.php line 123

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. /* registration/register.html.twig */
  18. class __TwigTemplate_0f6bc640edefd47ff3951ea73acbbdaf 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", "registration/register.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", "registration/register.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 "Inscription | 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>Inscription</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)\">Inscription</a>
  146.                     </nav>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </section>
  151.     <!-- End Banner Area -->
  153.     ";
  154.         // line 28
  155.         $context['_parent'] = $context;
  156.         $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "flashes", ["verify_email_error"], "method", false, false, false, 28));
  157.         foreach ($context['_seq'] as $context["_key"] => $context["flash_error"]) {
  158.             // line 29
  159.             yield "        <div class=\"alert alert-danger\" role=\"alert\">";
  160.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["flash_error"], "html", null, true);
  161.             yield "</div>
  162.     ";
  163.         }
  164.         $_parent = $context['_parent'];
  165.         unset($context['_seq'], $context['_key'], $context['flash_error'], $context['_parent']);
  166.         $context = array_intersect_key($context, $_parent) + $_parent;
  167.         // line 31
  168.         yield "
  169.     ";
  170.         // line 32
  171.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(($context["registrationForm"] ?? null), 'errors');
  172.         yield "
  175.     <!--================Login Box Area =================-->
  176.     <section class=\"login_box_area section_gap\">
  177.         <div class=\"container\">
  178.             <div class=\"row\">
  179.                 <div class=\"col-lg-6\">
  180.                     <div class=\"login_box_img\">
  181.                         <img class=\"img-fluid\" src=\"";
  182.         // line 41
  183.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("ui/img/login.jpg"), "html", null, true);
  184.         yield "\" alt=\"\">
  185.                         <div class=\"hover\">
  186.                             <h4>Vous avez un compte?</h4>
  187.                             <p>Connectez-vous à votre compte pour accéder à vos commandes, suivre vos livraisons et gérer vos préférences personnelles.</p>
  188.                             <a class=\"primary-btn\" href=\"";
  189.         // line 45
  190.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_login");
  191.         yield "\">Se connecter</a>
  192.                         </div>
  193.                     </div>
  194.                 </div>
  195.                 <div class=\"col-lg-6\">
  196.                     <div class=\"login_form_inner\">
  197.                         <h3>S'inscrire</h3>
  199.                         ";
  200.         // line 53
  201.         yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock(($context["registrationForm"] ?? null), 'form_start', ["attr" => ["class" => "needs-validation row login_form"]]);
  202.         yield "
  203.                         ";
  204.         // line 54
  205.         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 54)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  206.             // line 55
  207.             yield "                            <div class=\"mb-3\">
  208.                                 Vous êtes connecté comme ";
  209.             // line 56
  210.             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, 56), "userIdentifier", [], "any", false, false, false, 56), "html", null, true);
  211.             yield ", <a
  212.                                         href=\"";
  213.             // line 57
  214.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_logout");
  215.             yield "\">Déconnexion</a>
  216.                             </div>
  217.                         ";
  218.         }
  219.         // line 60
  220.         yield "
  221.                         <div class=\"col-md-12 form-group\">
  222.                             ";
  223.         // line 62
  224.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 62), 'label', ["label_attr" => ["class" => "form-label"], "label" => "Email"]);
  225.         yield "
  226.                             ";
  227.         // line 63
  228.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 63), 'widget', ["attr" => ["class" => "form-control", "placeholder" => "email@example.com", "onfocus" => "this.placeholder = ''", "onblur" => "this.placeholder = 'email@example.com'", "id" => "registration_email"]]);
  229.         yield "
  230.                             ";
  231.         // line 64
  232.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 64), 'errors');
  233.         yield "
  234.                             <small class=\"form-text text-muted email-validation-message\"></small>
  235.                         </div>
  236.                         <div class=\"col-md-12 form-group\">
  237.                             ";
  238.         // line 68
  239.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 68), 'label', ["label_attr" => ["class" => "form-label"], "label" => "Mot de passe"]);
  240.         yield "
  241.                             <div class=\"modern-password-group\" style=\"position: relative;\">
  242.                                 ";
  243.         // line 70
  244.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 70), 'widget', ["attr" => ["class" => "form-control modern-password", "placeholder" => "Votre mot de passe", "onfocus" => "this.placeholder = ''", "onblur" => "this.placeholder = 'Votre mot de passe'", "id" => "registration_password", "autocomplete" => "new-password", "style" => "padding-right: 55px; background-color: white !important;"]]);
  245.         yield "
  246.                                 <button type=\"button\" class=\"eye-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;\">
  247.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 24px; height: 24px; display: block; color: inherit;\">
  248.                                         <defs>
  249.                                             <mask id=\"eye-open\">
  250.                                                 <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>
  251.                                             </mask>
  252.                                             <mask id=\"eye-closed\">
  253.                                                 <path d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12V20H12H1V12Z\" fill=\"#D9D9D9\"></path>
  254.                                             </mask>
  255.                                         </defs>
  256.                                         <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>
  257.                                         <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>
  258.                                         <g mask=\"url(#eye-open)\">
  259.                                             <g class=\"eye\">
  260.                                                 <circle cy=\"12\" cx=\"12\" r=\"4\" fill=\"currentColor\"></circle>
  261.                                                 <circle cy=\"11\" cx=\"13\" r=\"1\" fill=\"black\"></circle>
  262.                                             </g>
  263.                                         </g>
  264.                                     </svg>
  265.                                     <span class=\"sr-only\">Afficher</span>
  266.                                 </button>
  267.                             </div>
  268.                             ";
  269.         // line 93
  270.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 93), 'errors');
  271.         yield "
  272.                             <small class=\"form-text text-muted password-validation-message\"></small>
  273.                             <div class=\"password-strength mt-2\" style=\"display: none;\">
  274.                                 <div class=\"progress\" style=\"height: 5px;\">
  275.                                     <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"></div>
  276.                                 </div>
  277.                                 <small class=\"strength-text\"></small>
  278.                             </div>
  279.                         </div>
  280.                         <div class=\"col-md-12 form-group\">
  281.                             <div class=\"creat_account\">
  282.                                 ";
  283.         // line 104
  284.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 104), 'widget');
  285.         yield "
  286.                                 ";
  287.         // line 105
  288.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 105), 'label', ["label" => "Accepte les conditions"]);
  289.         yield "
  290.                                 ";
  291.         // line 106
  292.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 106), 'errors');
  293.         yield "
  294.                             </div>
  295.                         </div>
  297.                         <div class=\"col-md-12 form-group\">
  298.                             <button class=\"primary-btn\" type=\"submit\">
  299.                                 S'inscrire
  300.                             </button>
  301.                             <a href=\"";
  302.         // line 114
  303.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_login");
  304.         yield "\">Déjà un compte? <b>Se connecter</b></a>
  305.                         </div>
  307.                         ";
  308.         // line 117
  309.         yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock(($context["registrationForm"] ?? null), 'form_end');
  310.         yield "
  311.                     </div>
  312.                 </div>
  313.             </div>
  314.         </div>
  315.     </section>
  316. ";
  317.         
  318.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  320.         
  321.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  323.         yield from [];
  324.     }
  326.     // line 125
  327.     /**
  328.      * @return iterable<null|scalar|\Stringable>
  329.      */
  330.     public function block_javascripts(array $context, array $blocks = []): iterable
  331.     {
  332.         $macros = $this->macros;
  333.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  334.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  336.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  337.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  339.         // line 126
  340.         yield "    ";
  341.         yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  342.         yield "
  343.     <script>
  344.     // Load GSAP standard (now 100% free with all plugins included as of April 2025)
  345.     (function() {
  346.         const GSAP_TIMEOUT = 5000; // 5 seconds timeout
  347.         let gsapLoaded = false;
  348.         
  349.         // Load GSAP standard package (includes all plugins)
  350.         const gsapScript = document.createElement('script');
  351.         gsapScript.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js';
  352.         gsapScript.async = true;
  353.         gsapScript.onload = function() {
  354.             gsapLoaded = true;
  355.             console.log('[GSAP] Standard package loaded successfully');
  356.             // Load password field script after GSAP is loaded
  357.             setTimeout(loadPasswordFieldScript, 100);
  358.         };
  359.         gsapScript.onerror = function() {
  360.             console.warn('[GSAP] Failed to load, using fallback');
  361.             loadPasswordFieldScript();
  362.         };
  363.         
  364.         // Timeout fallback
  365.         setTimeout(function() {
  366.             if (!gsapLoaded) {
  367.                 console.warn('[GSAP] Timeout loading GSAP, using fallback');
  368.                 loadPasswordFieldScript();
  369.             }
  370.         }, GSAP_TIMEOUT);
  371.         
  372.         document.head.appendChild(gsapScript);
  373.         
  374.         function loadPasswordFieldScript() {
  375.             const script = document.createElement('script');
  376.             script.src = '";
  377.         // line 160
  378.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/modern-password-field.js"), "html", null, true);
  379.         yield "';
  380.             script.async = true;
  381.             document.head.appendChild(script);
  382.         }
  383.     })();
  384.     </script>
  385. <script>
  386. document.addEventListener('DOMContentLoaded', function() {
  387.     const emailInput = document.getElementById('registration_email');
  388.     const passwordInput = document.getElementById('registration_password');
  389.     const emailMessage = document.querySelector('.email-validation-message');
  390.     const passwordMessage = document.querySelector('.password-validation-message');
  391.     const passwordStrength = document.querySelector('.password-strength');
  392.     const progressBar = passwordStrength.querySelector('.progress-bar');
  393.     const strengthText = passwordStrength.querySelector('.strength-text');
  394.     const registrationForm = document.querySelector('.needs-validation');
  395.     
  396.     // Validation email en temps réel
  397.     if (emailInput) {
  398.         emailInput.addEventListener('blur', function() {
  399.             validateEmail(this.value);
  400.         });
  401.         
  402.         emailInput.addEventListener('input', function() {
  403.             if (this.value.length > 0) {
  404.                 validateEmail(this.value);
  405.             } else {
  406.                 emailMessage.textContent = '';
  407.                 emailMessage.className = 'form-text text-muted email-validation-message';
  408.             }
  409.         });
  410.     }
  411.     
  412.     // Validation mot de passe en temps réel
  413.     if (passwordInput) {
  414.         passwordInput.addEventListener('input', function() {
  415.             validatePassword(this.value);
  416.         });
  417.         
  418.         passwordInput.addEventListener('blur', function() {
  419.             if (this.value.length > 0) {
  420.                 validatePassword(this.value);
  421.             }
  422.         });
  423.     }
  424.     
  425.     function validateEmail(email) {
  426.         const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\$/;
  427.         
  428.         if (!email) {
  429.             emailMessage.textContent = '';
  430.             emailMessage.className = 'form-text text-muted email-validation-message';
  431.             return false;
  432.         }
  433.         
  434.         if (!emailRegex.test(email)) {
  435.             emailMessage.textContent = 'Format d\\'email invalide. Exemple: exemple@domaine.com';
  436.             emailMessage.className = 'form-text text-danger email-validation-message';
  437.             emailInput.classList.add('is-invalid');
  438.             emailInput.classList.remove('is-valid');
  439.             return false;
  440.         }
  441.         
  442.         // Vérifier les domaines invalides communs
  443.         const invalidDomains = ['test.com', 'example.com', 'invalid.com'];
  444.         const domain = email.split('@')[1];
  445.         if (invalidDomains.includes(domain)) {
  446.             emailMessage.textContent = 'Veuillez utiliser une adresse email valide.';
  447.             emailMessage.className = 'form-text text-danger email-validation-message';
  448.             emailInput.classList.add('is-invalid');
  449.             emailInput.classList.remove('is-valid');
  450.             return false;
  451.         }
  452.         
  453.         emailMessage.textContent = '✓ Adresse email valide';
  454.         emailMessage.className = 'form-text text-success email-validation-message';
  455.         emailInput.classList.remove('is-invalid');
  456.         emailInput.classList.add('is-valid');
  457.         return true;
  458.     }
  459.     
  460.     function validatePassword(password) {
  461.         const minLength = 8;
  462.         const hasUpperCase = /[A-Z]/.test(password);
  463.         const hasLowerCase = /[a-z]/.test(password);
  464.         const hasNumber = /\\d/.test(password);
  465.         const hasSpecialChar = /[!@#\$%^&*(),.?\":{}|<>]/.test(password);
  466.         
  467.         if (!password) {
  468.             passwordMessage.textContent = '';
  469.             passwordMessage.className = 'form-text text-muted password-validation-message';
  470.             passwordStrength.style.display = 'none';
  471.             return false;
  472.         }
  473.         
  474.         let messages = [];
  475.         let strength = 0;
  476.         
  477.         if (password.length >= minLength) {
  478.             strength += 25;
  479.         } else {
  480.             messages.push(`Au moins \${minLength} caractères`);
  481.         }
  482.         
  483.         if (hasUpperCase) {
  484.             strength += 25;
  485.         } else {
  486.             messages.push('Une majuscule');
  487.         }
  488.         
  489.         if (hasLowerCase) {
  490.             strength += 25;
  491.         } else {
  492.             messages.push('Une minuscule');
  493.         }
  494.         
  495.         if (hasNumber) {
  496.             strength += 25;
  497.         } else {
  498.             messages.push('Un chiffre');
  499.         }
  500.         
  501.         // Bonus pour caractère spécial
  502.         if (hasSpecialChar) {
  503.             strength = Math.min(100, strength + 10);
  504.         }
  505.         
  506.         // Mettre à jour la barre de progression
  507.         progressBar.style.width = strength + '%';
  508.         
  509.         if (strength < 50) {
  510.             progressBar.className = 'progress-bar bg-danger';
  511.             strengthText.textContent = 'Faible';
  512.             strengthText.className = 'strength-text text-danger';
  513.         } else if (strength < 75) {
  514.             progressBar.className = 'progress-bar bg-warning';
  515.             strengthText.textContent = 'Moyen';
  516.             strengthText.className = 'strength-text text-warning';
  517.         } else {
  518.             progressBar.className = 'progress-bar bg-success';
  519.             strengthText.textContent = 'Fort';
  520.             strengthText.className = 'strength-text text-success';
  521.         }
  522.         
  523.         passwordStrength.style.display = 'block';
  524.         
  525.         if (messages.length > 0) {
  526.             passwordMessage.textContent = 'Le mot de passe doit contenir: ' + messages.join(', ');
  527.             passwordMessage.className = 'form-text text-danger password-validation-message';
  528.             passwordInput.classList.add('is-invalid');
  529.             passwordInput.classList.remove('is-valid');
  530.             return false;
  531.         } else {
  532.             passwordMessage.textContent = '✓ Mot de passe valide';
  533.             passwordMessage.className = 'form-text text-success password-validation-message';
  534.             passwordInput.classList.remove('is-invalid');
  535.             passwordInput.classList.add('is-valid');
  536.             return true;
  537.         }
  538.     }
  539.     
  540.     // Validation avant soumission
  541.     if (registrationForm) {
  542.         registrationForm.addEventListener('submit', function(e) {
  543.             const emailValid = validateEmail(emailInput.value);
  544.             const passwordValid = validatePassword(passwordInput.value);
  545.             
  546.             if (!emailValid || !passwordValid) {
  547.                 e.preventDefault();
  548.                 e.stopPropagation();
  549.                 
  550.                 if (!emailValid) {
  551.                     emailInput.focus();
  552.                 } else if (!passwordValid) {
  553.                     passwordInput.focus();
  554.                 }
  555.             }
  556.             
  557.             registrationForm.classList.add('was-validated');
  558.         });
  559.     }
  560. });
  561. </script>
  562. ";
  563.         
  564.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  566.         
  567.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  569.         yield from [];
  570.     }
  572.     /**
  573.      * @codeCoverageIgnore
  574.      */
  575.     public function getTemplateName(): string
  576.     {
  577.         return "registration/register.html.twig";
  578.     }
  580.     /**
  581.      * @codeCoverageIgnore
  582.      */
  583.     public function isTraitable(): bool
  584.     {
  585.         return false;
  586.     }
  588.     /**
  589.      * @codeCoverageIgnore
  590.      */
  591.     public function getDebugInfo(): array
  592.     {
  593.         return array (  378 => 160,  340 => 126,  327 => 125,  309 => 117,  303 => 114,  292 => 106,  288 => 105,  284 => 104,  270 => 93,  244 => 70,  239 => 68,  232 => 64,  228 => 63,  224 => 62,  220 => 60,  214 => 57,  210 => 56,  207 => 55,  205 => 54,  201 => 53,  190 => 45,  183 => 41,  171 => 32,  168 => 31,  159 => 29,  155 => 28,  143 => 19,  133 => 11,  120 => 10,  107 => 7,  102 => 6,  89 => 5,  66 => 3,  43 => 1,);
  594.     }
  596.     public function getSourceContext(): Source
  597.     {
  598.         return new Source("{% extends 'base_home.html.twig' %}
  600. {% block title %}Inscription | MaketOu{% endblock %}
  602. {% block stylesheets %}
  603.     {{ parent() }}
  604.     <link rel=\"stylesheet\" href=\"{{ asset('css/modern-password-field.css') }}\">
  605. {% endblock %}
  607. {% block body %}
  609.     <!-- Start Banner Area -->
  610.     <section class=\"banner-area organic-breadcrumb\">
  611.         <div class=\"container\">
  612.             <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  613.                 <div class=\"col-first\">
  614.                     <h1>Inscription</h1>
  615.                     <nav class=\"d-flex align-items-center\">
  616.                         <a href=\"{{ path('ui_home') }}\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  617.                         <a href=\"javascript:void(0)\">Inscription</a>
  618.                     </nav>
  619.                 </div>
  620.             </div>
  621.         </div>
  622.     </section>
  623.     <!-- End Banner Area -->
  625.     {% for flash_error in app.flashes('verify_email_error') %}
  626.         <div class=\"alert alert-danger\" role=\"alert\">{{ flash_error }}</div>
  627.     {% endfor %}
  629.     {{ form_errors(registrationForm) }}
  632.     <!--================Login Box Area =================-->
  633.     <section class=\"login_box_area section_gap\">
  634.         <div class=\"container\">
  635.             <div class=\"row\">
  636.                 <div class=\"col-lg-6\">
  637.                     <div class=\"login_box_img\">
  638.                         <img class=\"img-fluid\" src=\"{{ asset('ui/img/login.jpg') }}\" alt=\"\">
  639.                         <div class=\"hover\">
  640.                             <h4>Vous avez un compte?</h4>
  641.                             <p>Connectez-vous à votre compte pour accéder à vos commandes, suivre vos livraisons et gérer vos préférences personnelles.</p>
  642.                             <a class=\"primary-btn\" href=\"{{ path('ui_app_login') }}\">Se connecter</a>
  643.                         </div>
  644.                     </div>
  645.                 </div>
  646.                 <div class=\"col-lg-6\">
  647.                     <div class=\"login_form_inner\">
  648.                         <h3>S'inscrire</h3>
  650.                         {{ form_start(registrationForm, {'attr': {'class': 'needs-validation row login_form'}}) }}
  651.                         {% if app.user %}
  652.                             <div class=\"mb-3\">
  653.                                 Vous êtes connecté comme {{ app.user.userIdentifier }}, <a
  654.                                         href=\"{{ path('ui_app_logout') }}\">Déconnexion</a>
  655.                             </div>
  656.                         {% endif %}
  658.                         <div class=\"col-md-12 form-group\">
  659.                             {{ form_label(registrationForm.email, 'Email', {'label_attr': {'class': 'form-label'}}) }}
  660.                             {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control', 'placeholder': 'email@example.com', 'onfocus':\"this.placeholder = ''\", 'onblur':\"this.placeholder = 'email@example.com'\", 'id': 'registration_email'}}) }}
  661.                             {{ form_errors(registrationForm.email) }}
  662.                             <small class=\"form-text text-muted email-validation-message\"></small>
  663.                         </div>
  664.                         <div class=\"col-md-12 form-group\">
  665.                             {{ form_label(registrationForm.plainPassword, 'Mot de passe', {'label_attr': {'class': 'form-label'}}) }}
  666.                             <div class=\"modern-password-group\" style=\"position: relative;\">
  667.                                 {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control modern-password', 'placeholder': 'Votre mot de passe', 'onfocus':\"this.placeholder = ''\", 'onblur':\"this.placeholder = 'Votre mot de passe'\", 'id': 'registration_password', 'autocomplete': 'new-password', 'style': 'padding-right: 55px; background-color: white !important;'}}) }}
  668.                                 <button type=\"button\" class=\"eye-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;\">
  669.                                     <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"width: 24px; height: 24px; display: block; color: inherit;\">
  670.                                         <defs>
  671.                                             <mask id=\"eye-open\">
  672.                                                 <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>
  673.                                             </mask>
  674.                                             <mask id=\"eye-closed\">
  675.                                                 <path d=\"M1 12C1 12 5 20 12 20C19 20 23 12 23 12V20H12H1V12Z\" fill=\"#D9D9D9\"></path>
  676.                                             </mask>
  677.                                         </defs>
  678.                                         <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>
  679.                                         <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>
  680.                                         <g mask=\"url(#eye-open)\">
  681.                                             <g class=\"eye\">
  682.                                                 <circle cy=\"12\" cx=\"12\" r=\"4\" fill=\"currentColor\"></circle>
  683.                                                 <circle cy=\"11\" cx=\"13\" r=\"1\" fill=\"black\"></circle>
  684.                                             </g>
  685.                                         </g>
  686.                                     </svg>
  687.                                     <span class=\"sr-only\">Afficher</span>
  688.                                 </button>
  689.                             </div>
  690.                             {{ form_errors(registrationForm.plainPassword) }}
  691.                             <small class=\"form-text text-muted password-validation-message\"></small>
  692.                             <div class=\"password-strength mt-2\" style=\"display: none;\">
  693.                                 <div class=\"progress\" style=\"height: 5px;\">
  694.                                     <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"></div>
  695.                                 </div>
  696.                                 <small class=\"strength-text\"></small>
  697.                             </div>
  698.                         </div>
  699.                         <div class=\"col-md-12 form-group\">
  700.                             <div class=\"creat_account\">
  701.                                 {{ form_widget(registrationForm.agreeTerms) }}
  702.                                 {{ form_label(registrationForm.agreeTerms, 'Accepte les conditions') }}
  703.                                 {{ form_errors(registrationForm.agreeTerms) }}
  704.                             </div>
  705.                         </div>
  707.                         <div class=\"col-md-12 form-group\">
  708.                             <button class=\"primary-btn\" type=\"submit\">
  709.                                 S'inscrire
  710.                             </button>
  711.                             <a href=\"{{ path('ui_app_login') }}\">Déjà un compte? <b>Se connecter</b></a>
  712.                         </div>
  714.                         {{ form_end(registrationForm) }}
  715.                     </div>
  716.                 </div>
  717.             </div>
  718.         </div>
  719.     </section>
  720. {% endblock %}
  722. {% block javascripts %}
  723.     {{ parent() }}
  724.     <script>
  725.     // Load GSAP standard (now 100% free with all plugins included as of April 2025)
  726.     (function() {
  727.         const GSAP_TIMEOUT = 5000; // 5 seconds timeout
  728.         let gsapLoaded = false;
  729.         
  730.         // Load GSAP standard package (includes all plugins)
  731.         const gsapScript = document.createElement('script');
  732.         gsapScript.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js';
  733.         gsapScript.async = true;
  734.         gsapScript.onload = function() {
  735.             gsapLoaded = true;
  736.             console.log('[GSAP] Standard package loaded successfully');
  737.             // Load password field script after GSAP is loaded
  738.             setTimeout(loadPasswordFieldScript, 100);
  739.         };
  740.         gsapScript.onerror = function() {
  741.             console.warn('[GSAP] Failed to load, using fallback');
  742.             loadPasswordFieldScript();
  743.         };
  744.         
  745.         // Timeout fallback
  746.         setTimeout(function() {
  747.             if (!gsapLoaded) {
  748.                 console.warn('[GSAP] Timeout loading GSAP, using fallback');
  749.                 loadPasswordFieldScript();
  750.             }
  751.         }, GSAP_TIMEOUT);
  752.         
  753.         document.head.appendChild(gsapScript);
  754.         
  755.         function loadPasswordFieldScript() {
  756.             const script = document.createElement('script');
  757.             script.src = '{{ asset('js/modern-password-field.js') }}';
  758.             script.async = true;
  759.             document.head.appendChild(script);
  760.         }
  761.     })();
  762.     </script>
  763. <script>
  764. document.addEventListener('DOMContentLoaded', function() {
  765.     const emailInput = document.getElementById('registration_email');
  766.     const passwordInput = document.getElementById('registration_password');
  767.     const emailMessage = document.querySelector('.email-validation-message');
  768.     const passwordMessage = document.querySelector('.password-validation-message');
  769.     const passwordStrength = document.querySelector('.password-strength');
  770.     const progressBar = passwordStrength.querySelector('.progress-bar');
  771.     const strengthText = passwordStrength.querySelector('.strength-text');
  772.     const registrationForm = document.querySelector('.needs-validation');
  773.     
  774.     // Validation email en temps réel
  775.     if (emailInput) {
  776.         emailInput.addEventListener('blur', function() {
  777.             validateEmail(this.value);
  778.         });
  779.         
  780.         emailInput.addEventListener('input', function() {
  781.             if (this.value.length > 0) {
  782.                 validateEmail(this.value);
  783.             } else {
  784.                 emailMessage.textContent = '';
  785.                 emailMessage.className = 'form-text text-muted email-validation-message';
  786.             }
  787.         });
  788.     }
  789.     
  790.     // Validation mot de passe en temps réel
  791.     if (passwordInput) {
  792.         passwordInput.addEventListener('input', function() {
  793.             validatePassword(this.value);
  794.         });
  795.         
  796.         passwordInput.addEventListener('blur', function() {
  797.             if (this.value.length > 0) {
  798.                 validatePassword(this.value);
  799.             }
  800.         });
  801.     }
  802.     
  803.     function validateEmail(email) {
  804.         const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\$/;
  805.         
  806.         if (!email) {
  807.             emailMessage.textContent = '';
  808.             emailMessage.className = 'form-text text-muted email-validation-message';
  809.             return false;
  810.         }
  811.         
  812.         if (!emailRegex.test(email)) {
  813.             emailMessage.textContent = 'Format d\\'email invalide. Exemple: exemple@domaine.com';
  814.             emailMessage.className = 'form-text text-danger email-validation-message';
  815.             emailInput.classList.add('is-invalid');
  816.             emailInput.classList.remove('is-valid');
  817.             return false;
  818.         }
  819.         
  820.         // Vérifier les domaines invalides communs
  821.         const invalidDomains = ['test.com', 'example.com', 'invalid.com'];
  822.         const domain = email.split('@')[1];
  823.         if (invalidDomains.includes(domain)) {
  824.             emailMessage.textContent = 'Veuillez utiliser une adresse email valide.';
  825.             emailMessage.className = 'form-text text-danger email-validation-message';
  826.             emailInput.classList.add('is-invalid');
  827.             emailInput.classList.remove('is-valid');
  828.             return false;
  829.         }
  830.         
  831.         emailMessage.textContent = '✓ Adresse email valide';
  832.         emailMessage.className = 'form-text text-success email-validation-message';
  833.         emailInput.classList.remove('is-invalid');
  834.         emailInput.classList.add('is-valid');
  835.         return true;
  836.     }
  837.     
  838.     function validatePassword(password) {
  839.         const minLength = 8;
  840.         const hasUpperCase = /[A-Z]/.test(password);
  841.         const hasLowerCase = /[a-z]/.test(password);
  842.         const hasNumber = /\\d/.test(password);
  843.         const hasSpecialChar = /[!@#\$%^&*(),.?\":{}|<>]/.test(password);
  844.         
  845.         if (!password) {
  846.             passwordMessage.textContent = '';
  847.             passwordMessage.className = 'form-text text-muted password-validation-message';
  848.             passwordStrength.style.display = 'none';
  849.             return false;
  850.         }
  851.         
  852.         let messages = [];
  853.         let strength = 0;
  854.         
  855.         if (password.length >= minLength) {
  856.             strength += 25;
  857.         } else {
  858.             messages.push(`Au moins \${minLength} caractères`);
  859.         }
  860.         
  861.         if (hasUpperCase) {
  862.             strength += 25;
  863.         } else {
  864.             messages.push('Une majuscule');
  865.         }
  866.         
  867.         if (hasLowerCase) {
  868.             strength += 25;
  869.         } else {
  870.             messages.push('Une minuscule');
  871.         }
  872.         
  873.         if (hasNumber) {
  874.             strength += 25;
  875.         } else {
  876.             messages.push('Un chiffre');
  877.         }
  878.         
  879.         // Bonus pour caractère spécial
  880.         if (hasSpecialChar) {
  881.             strength = Math.min(100, strength + 10);
  882.         }
  883.         
  884.         // Mettre à jour la barre de progression
  885.         progressBar.style.width = strength + '%';
  886.         
  887.         if (strength < 50) {
  888.             progressBar.className = 'progress-bar bg-danger';
  889.             strengthText.textContent = 'Faible';
  890.             strengthText.className = 'strength-text text-danger';
  891.         } else if (strength < 75) {
  892.             progressBar.className = 'progress-bar bg-warning';
  893.             strengthText.textContent = 'Moyen';
  894.             strengthText.className = 'strength-text text-warning';
  895.         } else {
  896.             progressBar.className = 'progress-bar bg-success';
  897.             strengthText.textContent = 'Fort';
  898.             strengthText.className = 'strength-text text-success';
  899.         }
  900.         
  901.         passwordStrength.style.display = 'block';
  902.         
  903.         if (messages.length > 0) {
  904.             passwordMessage.textContent = 'Le mot de passe doit contenir: ' + messages.join(', ');
  905.             passwordMessage.className = 'form-text text-danger password-validation-message';
  906.             passwordInput.classList.add('is-invalid');
  907.             passwordInput.classList.remove('is-valid');
  908.             return false;
  909.         } else {
  910.             passwordMessage.textContent = '✓ Mot de passe valide';
  911.             passwordMessage.className = 'form-text text-success password-validation-message';
  912.             passwordInput.classList.remove('is-invalid');
  913.             passwordInput.classList.add('is-valid');
  914.             return true;
  915.         }
  916.     }
  917.     
  918.     // Validation avant soumission
  919.     if (registrationForm) {
  920.         registrationForm.addEventListener('submit', function(e) {
  921.             const emailValid = validateEmail(emailInput.value);
  922.             const passwordValid = validatePassword(passwordInput.value);
  923.             
  924.             if (!emailValid || !passwordValid) {
  925.                 e.preventDefault();
  926.                 e.stopPropagation();
  927.                 
  928.                 if (!emailValid) {
  929.                     emailInput.focus();
  930.                 } else if (!passwordValid) {
  931.                     passwordInput.focus();
  932.                 }
  933.             }
  934.             
  935.             registrationForm.classList.add('was-validated');
  936.         });
  937.     }
  938. });
  939. </script>
  940. {% endblock %}
  941. ", "registration/register.html.twig", "/home/u540977899/domains/maketou-ht.com/public_html/templates/registration/register.html.twig");
  942.     }
  943. }