var/cache/dev/twig/f7/f73057284ffa00bab8df42483d364558.php line 139

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_ba606fe98b6df081002b2e6f09b9c601 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.             'body' => [$this, 'block_body'],
  35.             'javascripts' => [$this, 'block_javascripts'],
  36.         ];
  37.     }
  39.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  40.     {
  41.         // line 1
  42.         return "base_home.html.twig";
  43.     }
  45.     protected function doDisplay(array $context, array $blocks = []): iterable
  46.     {
  47.         $macros = $this->macros;
  48.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "registration/register.html.twig"));
  51.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "registration/register.html.twig"));
  54.         $this->parent = $this->load("base_home.html.twig", 1);
  55.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 3
  65.     /**
  66.      * @return iterable<null|scalar|\Stringable>
  67.      */
  68.     public function block_title(array $context, array $blocks = []): iterable
  69.     {
  70.         $macros = $this->macros;
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  77.         yield "Inscription | MaketOu";
  78.         
  79.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  81.         
  82.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  84.         yield from [];
  85.     }
  87.     // line 5
  88.     /**
  89.      * @return iterable<null|scalar|\Stringable>
  90.      */
  91.     public function block_body(array $context, array $blocks = []): iterable
  92.     {
  93.         $macros = $this->macros;
  94.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  97.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  98.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  100.         // line 6
  101.         yield "
  102.     <!-- Start Banner Area -->
  103.     <section class=\"banner-area organic-breadcrumb\">
  104.         <div class=\"container\">
  105.             <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  106.                 <div class=\"col-first\">
  107.                     <h1>Inscription</h1>
  108.                     <nav class=\"d-flex align-items-center\">
  109.                         <a href=\"";
  110.         // line 14
  111.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_home");
  112.         yield "\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  113.                         <a href=\"javascript:void(0)\">Inscription</a>
  114.                     </nav>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </section>
  119.     <!-- End Banner Area -->
  121.     ";
  122.         // line 23
  123.         $context['_parent'] = $context;
  124.         $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "flashes", ["verify_email_error"], "method", false, false, false, 23));
  125.         foreach ($context['_seq'] as $context["_key"] => $context["flash_error"]) {
  126.             // line 24
  127.             yield "        <div class=\"alert alert-danger\" role=\"alert\">";
  128.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["flash_error"], "html", null, true);
  129.             yield "</div>
  130.     ";
  131.         }
  132.         $_parent = $context['_parent'];
  133.         unset($context['_seq'], $context['_key'], $context['flash_error'], $context['_parent']);
  134.         $context = array_intersect_key($context, $_parent) + $_parent;
  135.         // line 26
  136.         yield "
  137.     ";
  138.         // line 27
  139.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(($context["registrationForm"] ?? null), 'errors');
  140.         yield "
  143.     <!--================Login Box Area =================-->
  144.     <section class=\"login_box_area section_gap\">
  145.         <div class=\"container\">
  146.             <div class=\"row\">
  147.                 <div class=\"col-lg-6\">
  148.                     <div class=\"login_box_img\">
  149.                         <img class=\"img-fluid\" src=\"";
  150.         // line 36
  151.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("ui/img/login.jpg"), "html", null, true);
  152.         yield "\" alt=\"\">
  153.                         <div class=\"hover\">
  154.                             <h4>Vous avez un compte?</h4>
  155.                             <p>Connectez-vous à votre compte pour accéder à vos commandes, suivre vos livraisons et gérer vos préférences personnelles.</p>
  156.                             <a class=\"primary-btn\" href=\"";
  157.         // line 40
  158.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_login");
  159.         yield "\">Se connecter</a>
  160.                         </div>
  161.                     </div>
  162.                 </div>
  163.                 <div class=\"col-lg-6\">
  164.                     <div class=\"login_form_inner\">
  165.                         <h3>S'inscrire</h3>
  167.                         ";
  168.         // line 48
  169.         yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock(($context["registrationForm"] ?? null), 'form_start', ["attr" => ["class" => "needs-validation row login_form"]]);
  170.         yield "
  171.                         ";
  172.         // line 49
  173.         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 49)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  174.             // line 50
  175.             yield "                            <div class=\"mb-3\">
  176.                                 Vous êtes connecté comme ";
  177.             // line 51
  178.             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, 51), "userIdentifier", [], "any", false, false, false, 51), "html", null, true);
  179.             yield ", <a
  180.                                         href=\"";
  181.             // line 52
  182.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_logout");
  183.             yield "\">Déconnexion</a>
  184.                             </div>
  185.                         ";
  186.         }
  187.         // line 55
  188.         yield "
  189.                         <div class=\"col-md-12 form-group\">
  190.                             ";
  191.         // line 57
  192.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 57), 'label', ["label_attr" => ["class" => "form-label"], "label" => "Email"]);
  193.         yield "
  194.                             ";
  195.         // line 58
  196.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 58), 'widget', ["attr" => ["class" => "form-control", "placeholder" => "email@example.com", "onfocus" => "this.placeholder = ''", "onblur" => "this.placeholder = 'email@example.com'", "id" => "registration_email"]]);
  197.         yield "
  198.                             ";
  199.         // line 59
  200.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "email", [], "any", false, false, false, 59), 'errors');
  201.         yield "
  202.                             <small class=\"form-text text-muted email-validation-message\"></small>
  203.                         </div>
  204.                         <div class=\"col-md-12 form-group\">
  205.                             ";
  206.         // line 63
  207.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 63), 'label', ["label_attr" => ["class" => "form-label"], "label" => "Mot de passe"]);
  208.         yield "
  209.                             ";
  210.         // line 64
  211.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 64), 'widget', ["attr" => ["class" => "form-control", "placeholder" => "Votre mot de passe", "onfocus" => "this.placeholder = ''", "onblur" => "this.placeholder = 'Votre mot de passe'", "id" => "registration_password"]]);
  212.         yield "
  213.                             ";
  214.         // line 65
  215.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "plainPassword", [], "any", false, false, false, 65), 'errors');
  216.         yield "
  217.                             <small class=\"form-text text-muted password-validation-message\"></small>
  218.                             <div class=\"password-strength mt-2\" style=\"display: none;\">
  219.                                 <div class=\"progress\" style=\"height: 5px;\">
  220.                                     <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"></div>
  221.                                 </div>
  222.                                 <small class=\"strength-text\"></small>
  223.                             </div>
  224.                         </div>
  225.                         <div class=\"col-md-12 form-group\">
  226.                             <div class=\"creat_account\">
  227.                                 ";
  228.         // line 76
  229.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 76), 'widget');
  230.         yield "
  231.                                 ";
  232.         // line 77
  233.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 77), 'label', ["label" => "Accepte les conditions"]);
  234.         yield "
  235.                                 ";
  236.         // line 78
  237.         yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, ($context["registrationForm"] ?? null), "agreeTerms", [], "any", false, false, false, 78), 'errors');
  238.         yield "
  239.                             </div>
  240.                         </div>
  242.                         <div class=\"col-md-12 form-group\">
  243.                             <button class=\"primary-btn\" type=\"submit\">
  244.                                 S'inscrire
  245.                             </button>
  246.                             <a href=\"";
  247.         // line 86
  248.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_app_login");
  249.         yield "\">Déjà un compte? <b>Se connecter</b></a>
  250.                         </div>
  252.                         ";
  253.         // line 89
  254.         yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock(($context["registrationForm"] ?? null), 'form_end');
  255.         yield "
  256.                     </div>
  257.                 </div>
  258.             </div>
  259.         </div>
  260.     </section>
  261. ";
  262.         
  263.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  265.         
  266.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  268.         yield from [];
  269.     }
  271.     // line 97
  272.     /**
  273.      * @return iterable<null|scalar|\Stringable>
  274.      */
  275.     public function block_javascripts(array $context, array $blocks = []): iterable
  276.     {
  277.         $macros = $this->macros;
  278.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  279.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  281.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  282.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  284.         // line 98
  285.         yield "<script>
  286. document.addEventListener('DOMContentLoaded', function() {
  287.     const emailInput = document.getElementById('registration_email');
  288.     const passwordInput = document.getElementById('registration_password');
  289.     const emailMessage = document.querySelector('.email-validation-message');
  290.     const passwordMessage = document.querySelector('.password-validation-message');
  291.     const passwordStrength = document.querySelector('.password-strength');
  292.     const progressBar = passwordStrength.querySelector('.progress-bar');
  293.     const strengthText = passwordStrength.querySelector('.strength-text');
  294.     const registrationForm = document.querySelector('.needs-validation');
  295.     
  296.     // Validation email en temps réel
  297.     if (emailInput) {
  298.         emailInput.addEventListener('blur', function() {
  299.             validateEmail(this.value);
  300.         });
  301.         
  302.         emailInput.addEventListener('input', function() {
  303.             if (this.value.length > 0) {
  304.                 validateEmail(this.value);
  305.             } else {
  306.                 emailMessage.textContent = '';
  307.                 emailMessage.className = 'form-text text-muted email-validation-message';
  308.             }
  309.         });
  310.     }
  311.     
  312.     // Validation mot de passe en temps réel
  313.     if (passwordInput) {
  314.         passwordInput.addEventListener('input', function() {
  315.             validatePassword(this.value);
  316.         });
  317.         
  318.         passwordInput.addEventListener('blur', function() {
  319.             if (this.value.length > 0) {
  320.                 validatePassword(this.value);
  321.             }
  322.         });
  323.     }
  324.     
  325.     function validateEmail(email) {
  326.         const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\$/;
  327.         
  328.         if (!email) {
  329.             emailMessage.textContent = '';
  330.             emailMessage.className = 'form-text text-muted email-validation-message';
  331.             return false;
  332.         }
  333.         
  334.         if (!emailRegex.test(email)) {
  335.             emailMessage.textContent = 'Format d\\'email invalide. Exemple: exemple@domaine.com';
  336.             emailMessage.className = 'form-text text-danger email-validation-message';
  337.             emailInput.classList.add('is-invalid');
  338.             emailInput.classList.remove('is-valid');
  339.             return false;
  340.         }
  341.         
  342.         // Vérifier les domaines invalides communs
  343.         const invalidDomains = ['test.com', 'example.com', 'invalid.com'];
  344.         const domain = email.split('@')[1];
  345.         if (invalidDomains.includes(domain)) {
  346.             emailMessage.textContent = 'Veuillez utiliser une adresse email valide.';
  347.             emailMessage.className = 'form-text text-danger email-validation-message';
  348.             emailInput.classList.add('is-invalid');
  349.             emailInput.classList.remove('is-valid');
  350.             return false;
  351.         }
  352.         
  353.         emailMessage.textContent = '✓ Adresse email valide';
  354.         emailMessage.className = 'form-text text-success email-validation-message';
  355.         emailInput.classList.remove('is-invalid');
  356.         emailInput.classList.add('is-valid');
  357.         return true;
  358.     }
  359.     
  360.     function validatePassword(password) {
  361.         const minLength = 8;
  362.         const hasUpperCase = /[A-Z]/.test(password);
  363.         const hasLowerCase = /[a-z]/.test(password);
  364.         const hasNumber = /\\d/.test(password);
  365.         const hasSpecialChar = /[!@#\$%^&*(),.?\":{}|<>]/.test(password);
  366.         
  367.         if (!password) {
  368.             passwordMessage.textContent = '';
  369.             passwordMessage.className = 'form-text text-muted password-validation-message';
  370.             passwordStrength.style.display = 'none';
  371.             return false;
  372.         }
  373.         
  374.         let messages = [];
  375.         let strength = 0;
  376.         
  377.         if (password.length >= minLength) {
  378.             strength += 25;
  379.         } else {
  380.             messages.push(`Au moins \${minLength} caractères`);
  381.         }
  382.         
  383.         if (hasUpperCase) {
  384.             strength += 25;
  385.         } else {
  386.             messages.push('Une majuscule');
  387.         }
  388.         
  389.         if (hasLowerCase) {
  390.             strength += 25;
  391.         } else {
  392.             messages.push('Une minuscule');
  393.         }
  394.         
  395.         if (hasNumber) {
  396.             strength += 25;
  397.         } else {
  398.             messages.push('Un chiffre');
  399.         }
  400.         
  401.         // Bonus pour caractère spécial
  402.         if (hasSpecialChar) {
  403.             strength = Math.min(100, strength + 10);
  404.         }
  405.         
  406.         // Mettre à jour la barre de progression
  407.         progressBar.style.width = strength + '%';
  408.         
  409.         if (strength < 50) {
  410.             progressBar.className = 'progress-bar bg-danger';
  411.             strengthText.textContent = 'Faible';
  412.             strengthText.className = 'strength-text text-danger';
  413.         } else if (strength < 75) {
  414.             progressBar.className = 'progress-bar bg-warning';
  415.             strengthText.textContent = 'Moyen';
  416.             strengthText.className = 'strength-text text-warning';
  417.         } else {
  418.             progressBar.className = 'progress-bar bg-success';
  419.             strengthText.textContent = 'Fort';
  420.             strengthText.className = 'strength-text text-success';
  421.         }
  422.         
  423.         passwordStrength.style.display = 'block';
  424.         
  425.         if (messages.length > 0) {
  426.             passwordMessage.textContent = 'Le mot de passe doit contenir: ' + messages.join(', ');
  427.             passwordMessage.className = 'form-text text-danger password-validation-message';
  428.             passwordInput.classList.add('is-invalid');
  429.             passwordInput.classList.remove('is-valid');
  430.             return false;
  431.         } else {
  432.             passwordMessage.textContent = '✓ Mot de passe valide';
  433.             passwordMessage.className = 'form-text text-success password-validation-message';
  434.             passwordInput.classList.remove('is-invalid');
  435.             passwordInput.classList.add('is-valid');
  436.             return true;
  437.         }
  438.     }
  439.     
  440.     // Validation avant soumission
  441.     if (registrationForm) {
  442.         registrationForm.addEventListener('submit', function(e) {
  443.             const emailValid = validateEmail(emailInput.value);
  444.             const passwordValid = validatePassword(passwordInput.value);
  445.             
  446.             if (!emailValid || !passwordValid) {
  447.                 e.preventDefault();
  448.                 e.stopPropagation();
  449.                 
  450.                 if (!emailValid) {
  451.                     emailInput.focus();
  452.                 } else if (!passwordValid) {
  453.                     passwordInput.focus();
  454.                 }
  455.             }
  456.             
  457.             registrationForm.classList.add('was-validated');
  458.         });
  459.     }
  460. });
  461. </script>
  462. ";
  463.         
  464.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  466.         
  467.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  469.         yield from [];
  470.     }
  472.     /**
  473.      * @codeCoverageIgnore
  474.      */
  475.     public function getTemplateName(): string
  476.     {
  477.         return "registration/register.html.twig";
  478.     }
  480.     /**
  481.      * @codeCoverageIgnore
  482.      */
  483.     public function isTraitable(): bool
  484.     {
  485.         return false;
  486.     }
  488.     /**
  489.      * @codeCoverageIgnore
  490.      */
  491.     public function getDebugInfo(): array
  492.     {
  493.         return array (  285 => 98,  272 => 97,  254 => 89,  248 => 86,  237 => 78,  233 => 77,  229 => 76,  215 => 65,  211 => 64,  207 => 63,  200 => 59,  196 => 58,  192 => 57,  188 => 55,  182 => 52,  178 => 51,  175 => 50,  173 => 49,  169 => 48,  158 => 40,  151 => 36,  139 => 27,  136 => 26,  127 => 24,  123 => 23,  111 => 14,  101 => 6,  88 => 5,  65 => 3,  42 => 1,);
  494.     }
  496.     public function getSourceContext(): Source
  497.     {
  498.         return new Source("{% extends 'base_home.html.twig' %}
  500. {% block title %}Inscription | MaketOu{% endblock %}
  502. {% block body %}
  504.     <!-- Start Banner Area -->
  505.     <section class=\"banner-area organic-breadcrumb\">
  506.         <div class=\"container\">
  507.             <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  508.                 <div class=\"col-first\">
  509.                     <h1>Inscription</h1>
  510.                     <nav class=\"d-flex align-items-center\">
  511.                         <a href=\"{{ path('ui_home') }}\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  512.                         <a href=\"javascript:void(0)\">Inscription</a>
  513.                     </nav>
  514.                 </div>
  515.             </div>
  516.         </div>
  517.     </section>
  518.     <!-- End Banner Area -->
  520.     {% for flash_error in app.flashes('verify_email_error') %}
  521.         <div class=\"alert alert-danger\" role=\"alert\">{{ flash_error }}</div>
  522.     {% endfor %}
  524.     {{ form_errors(registrationForm) }}
  527.     <!--================Login Box Area =================-->
  528.     <section class=\"login_box_area section_gap\">
  529.         <div class=\"container\">
  530.             <div class=\"row\">
  531.                 <div class=\"col-lg-6\">
  532.                     <div class=\"login_box_img\">
  533.                         <img class=\"img-fluid\" src=\"{{ asset('ui/img/login.jpg') }}\" alt=\"\">
  534.                         <div class=\"hover\">
  535.                             <h4>Vous avez un compte?</h4>
  536.                             <p>Connectez-vous à votre compte pour accéder à vos commandes, suivre vos livraisons et gérer vos préférences personnelles.</p>
  537.                             <a class=\"primary-btn\" href=\"{{ path('ui_app_login') }}\">Se connecter</a>
  538.                         </div>
  539.                     </div>
  540.                 </div>
  541.                 <div class=\"col-lg-6\">
  542.                     <div class=\"login_form_inner\">
  543.                         <h3>S'inscrire</h3>
  545.                         {{ form_start(registrationForm, {'attr': {'class': 'needs-validation row login_form'}}) }}
  546.                         {% if app.user %}
  547.                             <div class=\"mb-3\">
  548.                                 Vous êtes connecté comme {{ app.user.userIdentifier }}, <a
  549.                                         href=\"{{ path('ui_app_logout') }}\">Déconnexion</a>
  550.                             </div>
  551.                         {% endif %}
  553.                         <div class=\"col-md-12 form-group\">
  554.                             {{ form_label(registrationForm.email, 'Email', {'label_attr': {'class': 'form-label'}}) }}
  555.                             {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control', 'placeholder': 'email@example.com', 'onfocus':\"this.placeholder = ''\", 'onblur':\"this.placeholder = 'email@example.com'\", 'id': 'registration_email'}}) }}
  556.                             {{ form_errors(registrationForm.email) }}
  557.                             <small class=\"form-text text-muted email-validation-message\"></small>
  558.                         </div>
  559.                         <div class=\"col-md-12 form-group\">
  560.                             {{ form_label(registrationForm.plainPassword, 'Mot de passe', {'label_attr': {'class': 'form-label'}}) }}
  561.                             {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control', 'placeholder': 'Votre mot de passe', 'onfocus':\"this.placeholder = ''\", 'onblur':\"this.placeholder = 'Votre mot de passe'\", 'id': 'registration_password'}}) }}
  562.                             {{ form_errors(registrationForm.plainPassword) }}
  563.                             <small class=\"form-text text-muted password-validation-message\"></small>
  564.                             <div class=\"password-strength mt-2\" style=\"display: none;\">
  565.                                 <div class=\"progress\" style=\"height: 5px;\">
  566.                                     <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 0%\"></div>
  567.                                 </div>
  568.                                 <small class=\"strength-text\"></small>
  569.                             </div>
  570.                         </div>
  571.                         <div class=\"col-md-12 form-group\">
  572.                             <div class=\"creat_account\">
  573.                                 {{ form_widget(registrationForm.agreeTerms) }}
  574.                                 {{ form_label(registrationForm.agreeTerms, 'Accepte les conditions') }}
  575.                                 {{ form_errors(registrationForm.agreeTerms) }}
  576.                             </div>
  577.                         </div>
  579.                         <div class=\"col-md-12 form-group\">
  580.                             <button class=\"primary-btn\" type=\"submit\">
  581.                                 S'inscrire
  582.                             </button>
  583.                             <a href=\"{{ path('ui_app_login') }}\">Déjà un compte? <b>Se connecter</b></a>
  584.                         </div>
  586.                         {{ form_end(registrationForm) }}
  587.                     </div>
  588.                 </div>
  589.             </div>
  590.         </div>
  591.     </section>
  592. {% endblock %}
  594. {% block javascripts %}
  595. <script>
  596. document.addEventListener('DOMContentLoaded', function() {
  597.     const emailInput = document.getElementById('registration_email');
  598.     const passwordInput = document.getElementById('registration_password');
  599.     const emailMessage = document.querySelector('.email-validation-message');
  600.     const passwordMessage = document.querySelector('.password-validation-message');
  601.     const passwordStrength = document.querySelector('.password-strength');
  602.     const progressBar = passwordStrength.querySelector('.progress-bar');
  603.     const strengthText = passwordStrength.querySelector('.strength-text');
  604.     const registrationForm = document.querySelector('.needs-validation');
  605.     
  606.     // Validation email en temps réel
  607.     if (emailInput) {
  608.         emailInput.addEventListener('blur', function() {
  609.             validateEmail(this.value);
  610.         });
  611.         
  612.         emailInput.addEventListener('input', function() {
  613.             if (this.value.length > 0) {
  614.                 validateEmail(this.value);
  615.             } else {
  616.                 emailMessage.textContent = '';
  617.                 emailMessage.className = 'form-text text-muted email-validation-message';
  618.             }
  619.         });
  620.     }
  621.     
  622.     // Validation mot de passe en temps réel
  623.     if (passwordInput) {
  624.         passwordInput.addEventListener('input', function() {
  625.             validatePassword(this.value);
  626.         });
  627.         
  628.         passwordInput.addEventListener('blur', function() {
  629.             if (this.value.length > 0) {
  630.                 validatePassword(this.value);
  631.             }
  632.         });
  633.     }
  634.     
  635.     function validateEmail(email) {
  636.         const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}\$/;
  637.         
  638.         if (!email) {
  639.             emailMessage.textContent = '';
  640.             emailMessage.className = 'form-text text-muted email-validation-message';
  641.             return false;
  642.         }
  643.         
  644.         if (!emailRegex.test(email)) {
  645.             emailMessage.textContent = 'Format d\\'email invalide. Exemple: exemple@domaine.com';
  646.             emailMessage.className = 'form-text text-danger email-validation-message';
  647.             emailInput.classList.add('is-invalid');
  648.             emailInput.classList.remove('is-valid');
  649.             return false;
  650.         }
  651.         
  652.         // Vérifier les domaines invalides communs
  653.         const invalidDomains = ['test.com', 'example.com', 'invalid.com'];
  654.         const domain = email.split('@')[1];
  655.         if (invalidDomains.includes(domain)) {
  656.             emailMessage.textContent = 'Veuillez utiliser une adresse email valide.';
  657.             emailMessage.className = 'form-text text-danger email-validation-message';
  658.             emailInput.classList.add('is-invalid');
  659.             emailInput.classList.remove('is-valid');
  660.             return false;
  661.         }
  662.         
  663.         emailMessage.textContent = '✓ Adresse email valide';
  664.         emailMessage.className = 'form-text text-success email-validation-message';
  665.         emailInput.classList.remove('is-invalid');
  666.         emailInput.classList.add('is-valid');
  667.         return true;
  668.     }
  669.     
  670.     function validatePassword(password) {
  671.         const minLength = 8;
  672.         const hasUpperCase = /[A-Z]/.test(password);
  673.         const hasLowerCase = /[a-z]/.test(password);
  674.         const hasNumber = /\\d/.test(password);
  675.         const hasSpecialChar = /[!@#\$%^&*(),.?\":{}|<>]/.test(password);
  676.         
  677.         if (!password) {
  678.             passwordMessage.textContent = '';
  679.             passwordMessage.className = 'form-text text-muted password-validation-message';
  680.             passwordStrength.style.display = 'none';
  681.             return false;
  682.         }
  683.         
  684.         let messages = [];
  685.         let strength = 0;
  686.         
  687.         if (password.length >= minLength) {
  688.             strength += 25;
  689.         } else {
  690.             messages.push(`Au moins \${minLength} caractères`);
  691.         }
  692.         
  693.         if (hasUpperCase) {
  694.             strength += 25;
  695.         } else {
  696.             messages.push('Une majuscule');
  697.         }
  698.         
  699.         if (hasLowerCase) {
  700.             strength += 25;
  701.         } else {
  702.             messages.push('Une minuscule');
  703.         }
  704.         
  705.         if (hasNumber) {
  706.             strength += 25;
  707.         } else {
  708.             messages.push('Un chiffre');
  709.         }
  710.         
  711.         // Bonus pour caractère spécial
  712.         if (hasSpecialChar) {
  713.             strength = Math.min(100, strength + 10);
  714.         }
  715.         
  716.         // Mettre à jour la barre de progression
  717.         progressBar.style.width = strength + '%';
  718.         
  719.         if (strength < 50) {
  720.             progressBar.className = 'progress-bar bg-danger';
  721.             strengthText.textContent = 'Faible';
  722.             strengthText.className = 'strength-text text-danger';
  723.         } else if (strength < 75) {
  724.             progressBar.className = 'progress-bar bg-warning';
  725.             strengthText.textContent = 'Moyen';
  726.             strengthText.className = 'strength-text text-warning';
  727.         } else {
  728.             progressBar.className = 'progress-bar bg-success';
  729.             strengthText.textContent = 'Fort';
  730.             strengthText.className = 'strength-text text-success';
  731.         }
  732.         
  733.         passwordStrength.style.display = 'block';
  734.         
  735.         if (messages.length > 0) {
  736.             passwordMessage.textContent = 'Le mot de passe doit contenir: ' + messages.join(', ');
  737.             passwordMessage.className = 'form-text text-danger password-validation-message';
  738.             passwordInput.classList.add('is-invalid');
  739.             passwordInput.classList.remove('is-valid');
  740.             return false;
  741.         } else {
  742.             passwordMessage.textContent = '✓ Mot de passe valide';
  743.             passwordMessage.className = 'form-text text-success password-validation-message';
  744.             passwordInput.classList.remove('is-invalid');
  745.             passwordInput.classList.add('is-valid');
  746.             return true;
  747.         }
  748.     }
  749.     
  750.     // Validation avant soumission
  751.     if (registrationForm) {
  752.         registrationForm.addEventListener('submit', function(e) {
  753.             const emailValid = validateEmail(emailInput.value);
  754.             const passwordValid = validatePassword(passwordInput.value);
  755.             
  756.             if (!emailValid || !passwordValid) {
  757.                 e.preventDefault();
  758.                 e.stopPropagation();
  759.                 
  760.                 if (!emailValid) {
  761.                     emailInput.focus();
  762.                 } else if (!passwordValid) {
  763.                     passwordInput.focus();
  764.                 }
  765.             }
  766.             
  767.             registrationForm.classList.add('was-validated');
  768.         });
  769.     }
  770. });
  771. </script>
  772. {% endblock %}
  773. ", "registration/register.html.twig", "/home/u540977899/domains/maketou-ht.com/public_html/templates/registration/register.html.twig");
  774.     }
  775. }