var/cache/dev/twig/ea/ea5b72b311a3f8f8e4c7c4385fff1a2c.php line 42

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  16. /* pages/account/booker-registration.html.twig */
  17. class __TwigTemplate_a58d972740407b43d08c166b03867869 extends Template
  18. {
  19.     private $source;
  20.     private $macros = [];
  22.     public function __construct(Environment $env)
  23.     {
  24.         parent::__construct($env);
  26.         $this->source = $this->getSourceContext();
  28.         $this->blocks = [
  29.             'stylesheets' => [$this, 'block_stylesheets'],
  30.             'title' => [$this, 'block_title'],
  31.             'content' => [$this, 'block_content'],
  32.             'javascripts' => [$this, 'block_javascripts'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "pages/baseNoFooter.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/account/booker-registration.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "pages/account/booker-registration.html.twig"));
  51.         $this->parent = $this->loadTemplate("pages/baseNoFooter.html.twig", "pages/account/booker-registration.html.twig", 1);
  52.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 3
  62.     public function block_stylesheets($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  71.         // line 4
  72.         yield "    <!-- CUSTOM CSS -->
  73.     <link href=\"";
  74.         // line 5
  75.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/tailwind.min.css"), "html", null, true);
  76.         yield "\" rel=\"stylesheet\" />
  77.     <link href=\"";
  78.         // line 6
  79.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/pages/home.css"), "html", null, true);
  80.         yield "\" rel=\"stylesheet\" />
  81.     <link href=\"";
  82.         // line 7
  83.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/header2.css"), "html", null, true);
  84.         yield "\" rel=\"stylesheet\">
  85.     <link href=\"";
  86.         // line 8
  87.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/forms.css"), "html", null, true);
  88.         yield "\" rel=\"stylesheet\">
  89.     <link href=\"";
  90.         // line 9
  91.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/colors.css"), "html", null, true);
  92.         yield "\" rel=\"stylesheet\">
  93.     <link href=\"";
  94.         // line 10
  95.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/css/pages/mot-de-passe-oublie.css"), "html", null, true);
  96.         yield "\" rel=\"stylesheet\">
  99. ";
  100.         
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  103.         
  104.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  106.         return; yield '';
  107.     }
  109.     // line 14
  110.     public function block_title($context, array $blocks = [])
  111.     {
  112.         $macros = $this->macros;
  113.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  114.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  116.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  117.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  119.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Profile"), "html", null, true);
  120.         
  121.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  123.         
  124.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  126.         return; yield '';
  127.     }
  129.     // line 15
  130.     public function block_content($context, array $blocks = [])
  131.     {
  132.         $macros = $this->macros;
  133.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  134.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  136.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  137.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  139.         // line 16
  140.         yield "    <main >
  142.         <section id=\"hero\" class=\"background-image\"  style=\"height: 100vh;\">
  143.             <div class=\"opacity-mask\"  >
  144.                 <div class=\"login-page-new__main-bg\" ></div>
  146.             </div>
  147.             <div class=\"container row relative z-10 flex justify-center\" style=\"margin-top:27vh;\">
  150.                 <div class=\"col-md-5 col-sm-12 relative\">
  153.                     <img src=\"";
  154.         // line 29
  155.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/img/left-fill.svg"), "html", null, true);
  156.         yield "\" class=\"absolute z-0\" style=\"right: 9px;top: -97px;\">
  157.                     <div class=\"w-full bg-white rounded-lg shadow dark:border md:mt-0 normal-case   xl:p-0 dark:bg-gray-800 dark:border-gray-700\">
  158.                         <div class=\"p-6 space-y-4 md:space-y-6 sm:p-8 z-10 relative\">
  159.                             <h1 class=\"text-base text-left font-bold leading-tight tracking-tight text-gray-900 mt-3 md:text-lg dark:text-white\">
  160.                                 Créer un compte
  161.                                 <br>
  162.                                 <span style=\"color: #ffaa00;\" class=\"text-2xl md:text-3xl text-gray-900 tracking-wide\">Inscription</span>
  163.                             </h1>
  164.                             <label for=\"terms\" class=\"font-light text-gray-500 sm:text-sm text-xs mt-2 text-left\">Inscrivez vous et rejoignez la communauté Bookoach. Enregistrez vos information dans ce formulaire d'inscription :</label>
  165.                             <form class=\"space-y-4 md:space-y-5 text-start mt-6\" id=\"myForm\" action=\"#\" novalidate>
  166.                                 <!-- Step 1: Email Input -->
  167.                                 <div id=\"step-1\" class=\"form-step\">
  169.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  170.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 33%\"></div>
  171.                                     </div>
  172.                                     <p class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">1/3</p>
  175.                                     <div class=\"form-floating mb-3\">
  176.                                         <input type=\"email\" name=\"email\" class=\"block font-medium form-control p-2.5 rounded-lg sm:text-sm text-gray-900 w-full ps-5 \" id=\"email\" placeholder=\"name@example.com\" aria-required=\"true\" aria-invalid=\"true\">
  177.                                         <label class=\"mb-2 ps-5 text-sm font-medium text-gray-900 dark:text-white\" for=\"email\">Adresse email</label>
  178.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  179.                                             <i load-hicon=\"email\"></i>
  180.                                         </div>
  181.                                     </div>
  182.                                     <button type=\"button\" id=\"next-step-1\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\" style=\"background: #ffaa00;\">Suivant</button>
  183.                                 </div>
  185.                                 <!-- Step 2: Full Name Input -->
  186.                                 <div id=\"step-2\" class=\"form-step hidden\">
  187.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  188.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 66%\"></div>
  189.                                     </div>
  190.                                     <div class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">
  191.                                         <p>2/3</p>
  192.                                     </div>
  193.                                     <div class=\"form-floating mb-3\">
  194.                                         <input type=\"text\" name=\"fullname\" class=\"block font-medium form-control p-2.5 rounded-lg sm:text-sm text-gray-900 w-full ps-5\" id=\"fullname\" placeholder=\"John Doe\" aria-required=\"true\">
  195.                                         <label class=\"mb-2 ps-5 text-sm font-medium text-gray-900 dark:text-white\" for=\"fullname\">Nom complet</label>
  196.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  197.                                             <i load-hicon=\"user\"></i>
  198.                                         </div>
  199.                                     </div>
  201.                                     <div class=\"flex gap-2\">
  202.                                         <button type=\"button\" id=\"back-step-2\" class=\"bg-gray-400 font-medium hover:bg-gray-500 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\">Retour</button>
  203.                                         <button type=\"button\" id=\"next-step-2\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\" style=\"background: #ffaa00;\">Suivant</button>
  204.                                     </div>
  205.                                 </div>
  206.                                 <!-- Step 3: Password Input -->
  207.                                 <div id=\"step-3\" class=\"form-step hidden\">
  208.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  209.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 100%\"></div>
  210.                                     </div>
  211.                                     <div class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">
  212.                                         <p>3/3</p>
  213.                                     </div>
  214.                                     <div class=\"form-floating relative password mb-3\">
  215.                                         <input type=\"password\" name=\"password\" style=\"height: 58px;\"
  216.                                                class=\"form-control bsm:text-sm rounded-lg ps-5 font-medium text-gray-900 focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 placeholder-gray-900\"
  217.                                                id=\"password\" placeholder=\"Mot de passe\" >
  218.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  219.                                             <i load-hicon=\"locked\"></i>
  220.                                         </div>
  222.                                     </div>
  223.                                     <div class=\"flex gap-2\">
  224.                                         <button type=\"button\" id=\"back-step-3\" class=\"bg-gray-400 font-medium hover:bg-gray-500 px-5 py-2.5 rounded-lg text-center text-sm text-white w-1/2 mb-3\">Retour</button>
  225.                                         <button type=\"submit\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-2 py-2.5 rounded-lg text-center text-sm text-white w-1/2 mb-3\" style=\"background: #ffaa00;\">Créer un compte</button>
  226.                                     </div>
  227.                                 </div>
  228.                             </form>
  229.                             <p class=\"text-xs text-center font-light text-gray-500 my-2\">Déjà un compte ? <a href=\"#\" class=\"font-medium text-primary-600 hover:underline dark:text-primary-500\">Connectez-vous ici</a></p>
  230.                             <div class=\"row socials mt-3\">
  231.                                 <div class=\"relative flex  items-center\">
  232.                                     <div class=\"flex-grow border-t border-gray-300\"></div>
  233.                                     <span class=\"flex-shrink mx-2 text-gray-300\">ou</span>
  234.                                     <div class=\"flex-grow border-t border-gray-300\"></div>
  235.                                 </div>
  236.                                 <div class=\"col-md-12 my-2 \">
  237.                                     <a href=\"#\" class=\"w-full h-full  hover:bg-gray-100 text-gray-900 hover:text-gray-900 rounded-lg inline-flex items-center justify-center px-3 py-2.5 border border-gray-300 border hover:border-gray-800\">
  238.                                         <img src=\"";
  239.         // line 111
  240.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/img/google-logo.png"), "html", null, true);
  241.         yield "\" class=\"ps-2 object-fill\" style=\"height: 20px;/* width: 80px; *//* object-fit: cover; */\">
  242.                                         <div class=\"text-left rtl:text-right \">
  244.                                             <div class=\"mt-1 ms-1 white  text-sm font-semibold whitespace-nowrap\">Se connecter</div>
  245.                                         </div>
  246.                                     </a>
  247.                                 </div>
  249.                             </div>
  250.                         </div>
  252.                     </div>
  253.                 </div>
  256.             </div>       
  257.         </section>
  260.     </main>
  262.     <!-- End main -->
  263. ";
  264.         
  265.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  267.         
  268.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  270.         return; yield '';
  271.     }
  273.     // line 134
  274.     public function block_javascripts($context, array $blocks = [])
  275.     {
  276.         $macros = $this->macros;
  277.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  278.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  280.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  281.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  283.         // line 135
  284.         yield "
  285.     <script src=\"";
  286.         // line 136
  287.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/hicon.min.js"), "html", null, true);
  288.         yield "\"></script>
  289.     <script> hicon.replace();</script>
  291.     <script src=\"";
  292.         // line 139
  293.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/jquery.validate.min.js"), "html", null, true);
  294.         yield "\" type=\"module\"></script>
  295.     <script src=\"";
  296.         // line 140
  297.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/registration-coach.js"), "html", null, true);
  298.         yield "\" type=\"module\"></script>
  300.     <script src=\"";
  301.         // line 142
  302.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/create-account.js"), "html", null, true);
  303.         yield "\">  feather.replace();</script>
  304.     <script src=\"";
  305.         // line 143
  306.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/home.js"), "html", null, true);
  307.         yield "\"></script>   
  308.     <!-- Card Validator format --> 
  309.     <script src=\"";
  310.         // line 145
  311.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/feather.min.js"), "html", null, true);
  312.         yield "\"></script>      
  314.     <script src=\"";
  315.         // line 147
  316.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dev/js/datepicker.min.js"), "html", null, true);
  317.         yield "\"></script>  
  319. ";
  320.         
  321.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  323.         
  324.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  326.         return; yield '';
  327.     }
  329.     /**
  330.      * @codeCoverageIgnore
  331.      */
  332.     public function getTemplateName()
  333.     {
  334.         return "pages/account/booker-registration.html.twig";
  335.     }
  337.     /**
  338.      * @codeCoverageIgnore
  339.      */
  340.     public function isTraitable()
  341.     {
  342.         return false;
  343.     }
  345.     /**
  346.      * @codeCoverageIgnore
  347.      */
  348.     public function getDebugInfo()
  349.     {
  350.         return array (  316 => 147,  311 => 145,  306 => 143,  302 => 142,  297 => 140,  293 => 139,  287 => 136,  284 => 135,  274 => 134,  240 => 111,  155 => 29,  140 => 16,  130 => 15,  110 => 14,  95 => 10,  91 => 9,  87 => 8,  83 => 7,  79 => 6,  75 => 5,  72 => 4,  62 => 3,  39 => 1,);
  351.     }
  353.     public function getSourceContext()
  354.     {
  355.         return new Source("{% extends 'pages/baseNoFooter.html.twig' %}
  357. {% block stylesheets %}
  358.     <!-- CUSTOM CSS -->
  359.     <link href=\"{{ asset('dev/css/tailwind.min.css')}}\" rel=\"stylesheet\" />
  360.     <link href=\"{{ asset('dev/css/pages/home.css')}}\" rel=\"stylesheet\" />
  361.     <link href=\"{{ asset('dev/css/header2.css')}}\" rel=\"stylesheet\">
  362.     <link href=\"{{ asset('dev/css/forms.css')}}\" rel=\"stylesheet\">
  363.     <link href=\"{{ asset('dev/css/colors.css')}}\" rel=\"stylesheet\">
  364.     <link href=\"{{ asset('dev/css/pages/mot-de-passe-oublie.css')}}\" rel=\"stylesheet\">
  367. {% endblock %}
  368. {% block title %}{{\"Profile\"|trans }}{% endblock %} 
  369. {% block content %}
  370.     <main >
  372.         <section id=\"hero\" class=\"background-image\"  style=\"height: 100vh;\">
  373.             <div class=\"opacity-mask\"  >
  374.                 <div class=\"login-page-new__main-bg\" ></div>
  376.             </div>
  377.             <div class=\"container row relative z-10 flex justify-center\" style=\"margin-top:27vh;\">
  380.                 <div class=\"col-md-5 col-sm-12 relative\">
  383.                     <img src=\"{{ asset('dev/img/left-fill.svg') }}\" class=\"absolute z-0\" style=\"right: 9px;top: -97px;\">
  384.                     <div class=\"w-full bg-white rounded-lg shadow dark:border md:mt-0 normal-case   xl:p-0 dark:bg-gray-800 dark:border-gray-700\">
  385.                         <div class=\"p-6 space-y-4 md:space-y-6 sm:p-8 z-10 relative\">
  386.                             <h1 class=\"text-base text-left font-bold leading-tight tracking-tight text-gray-900 mt-3 md:text-lg dark:text-white\">
  387.                                 Créer un compte
  388.                                 <br>
  389.                                 <span style=\"color: #ffaa00;\" class=\"text-2xl md:text-3xl text-gray-900 tracking-wide\">Inscription</span>
  390.                             </h1>
  391.                             <label for=\"terms\" class=\"font-light text-gray-500 sm:text-sm text-xs mt-2 text-left\">Inscrivez vous et rejoignez la communauté Bookoach. Enregistrez vos information dans ce formulaire d'inscription :</label>
  392.                             <form class=\"space-y-4 md:space-y-5 text-start mt-6\" id=\"myForm\" action=\"#\" novalidate>
  393.                                 <!-- Step 1: Email Input -->
  394.                                 <div id=\"step-1\" class=\"form-step\">
  396.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  397.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 33%\"></div>
  398.                                     </div>
  399.                                     <p class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">1/3</p>
  402.                                     <div class=\"form-floating mb-3\">
  403.                                         <input type=\"email\" name=\"email\" class=\"block font-medium form-control p-2.5 rounded-lg sm:text-sm text-gray-900 w-full ps-5 \" id=\"email\" placeholder=\"name@example.com\" aria-required=\"true\" aria-invalid=\"true\">
  404.                                         <label class=\"mb-2 ps-5 text-sm font-medium text-gray-900 dark:text-white\" for=\"email\">Adresse email</label>
  405.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  406.                                             <i load-hicon=\"email\"></i>
  407.                                         </div>
  408.                                     </div>
  409.                                     <button type=\"button\" id=\"next-step-1\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\" style=\"background: #ffaa00;\">Suivant</button>
  410.                                 </div>
  412.                                 <!-- Step 2: Full Name Input -->
  413.                                 <div id=\"step-2\" class=\"form-step hidden\">
  414.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  415.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 66%\"></div>
  416.                                     </div>
  417.                                     <div class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">
  418.                                         <p>2/3</p>
  419.                                     </div>
  420.                                     <div class=\"form-floating mb-3\">
  421.                                         <input type=\"text\" name=\"fullname\" class=\"block font-medium form-control p-2.5 rounded-lg sm:text-sm text-gray-900 w-full ps-5\" id=\"fullname\" placeholder=\"John Doe\" aria-required=\"true\">
  422.                                         <label class=\"mb-2 ps-5 text-sm font-medium text-gray-900 dark:text-white\" for=\"fullname\">Nom complet</label>
  423.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  424.                                             <i load-hicon=\"user\"></i>
  425.                                         </div>
  426.                                     </div>
  428.                                     <div class=\"flex gap-2\">
  429.                                         <button type=\"button\" id=\"back-step-2\" class=\"bg-gray-400 font-medium hover:bg-gray-500 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\">Retour</button>
  430.                                         <button type=\"button\" id=\"next-step-2\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full mb-3\" style=\"background: #ffaa00;\">Suivant</button>
  431.                                     </div>
  432.                                 </div>
  433.                                 <!-- Step 3: Password Input -->
  434.                                 <div id=\"step-3\" class=\"form-step hidden\">
  435.                                     <div class=\"w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700 mb-1\">
  436.                                         <div class=\"bg-orange h-2.5 rounded-full\" style=\"width: 100%\"></div>
  437.                                     </div>
  438.                                     <div class=\"flex font-medium justify-end leading-tight mb-3 mt-1 mx-1 text-sm text-gray-900\">
  439.                                         <p>3/3</p>
  440.                                     </div>
  441.                                     <div class=\"form-floating relative password mb-3\">
  442.                                         <input type=\"password\" name=\"password\" style=\"height: 58px;\"
  443.                                                class=\"form-control bsm:text-sm rounded-lg ps-5 font-medium text-gray-900 focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 placeholder-gray-900\"
  444.                                                id=\"password\" placeholder=\"Mot de passe\" >
  445.                                         <div class=\"absolute\" style=\"top: 15px;left: 13px;color: #a1a1a1;\">
  446.                                             <i load-hicon=\"locked\"></i>
  447.                                         </div>
  449.                                     </div>
  450.                                     <div class=\"flex gap-2\">
  451.                                         <button type=\"button\" id=\"back-step-3\" class=\"bg-gray-400 font-medium hover:bg-gray-500 px-5 py-2.5 rounded-lg text-center text-sm text-white w-1/2 mb-3\">Retour</button>
  452.                                         <button type=\"submit\" class=\"bg-primary-600 font-medium hover:bg-primary-700 px-2 py-2.5 rounded-lg text-center text-sm text-white w-1/2 mb-3\" style=\"background: #ffaa00;\">Créer un compte</button>
  453.                                     </div>
  454.                                 </div>
  455.                             </form>
  456.                             <p class=\"text-xs text-center font-light text-gray-500 my-2\">Déjà un compte ? <a href=\"#\" class=\"font-medium text-primary-600 hover:underline dark:text-primary-500\">Connectez-vous ici</a></p>
  457.                             <div class=\"row socials mt-3\">
  458.                                 <div class=\"relative flex  items-center\">
  459.                                     <div class=\"flex-grow border-t border-gray-300\"></div>
  460.                                     <span class=\"flex-shrink mx-2 text-gray-300\">ou</span>
  461.                                     <div class=\"flex-grow border-t border-gray-300\"></div>
  462.                                 </div>
  463.                                 <div class=\"col-md-12 my-2 \">
  464.                                     <a href=\"#\" class=\"w-full h-full  hover:bg-gray-100 text-gray-900 hover:text-gray-900 rounded-lg inline-flex items-center justify-center px-3 py-2.5 border border-gray-300 border hover:border-gray-800\">
  465.                                         <img src=\"{{ asset('dev/img/google-logo.png') }}\" class=\"ps-2 object-fill\" style=\"height: 20px;/* width: 80px; *//* object-fit: cover; */\">
  466.                                         <div class=\"text-left rtl:text-right \">
  468.                                             <div class=\"mt-1 ms-1 white  text-sm font-semibold whitespace-nowrap\">Se connecter</div>
  469.                                         </div>
  470.                                     </a>
  471.                                 </div>
  473.                             </div>
  474.                         </div>
  476.                     </div>
  477.                 </div>
  480.             </div>       
  481.         </section>
  484.     </main>
  486.     <!-- End main -->
  487. {% endblock %}
  488. {% block javascripts %}
  490.     <script src=\"{{ asset('dev/js/hicon.min.js')}}\"></script>
  491.     <script> hicon.replace();</script>
  493.     <script src=\"{{ asset('dev/js/jquery.validate.min.js')}}\" type=\"module\"></script>
  494.     <script src=\"{{ asset('dev/js/registration-coach.js')}}\" type=\"module\"></script>
  496.     <script src=\"{{ asset('dev/js/create-account.js')}}\">  feather.replace();</script>
  497.     <script src=\"{{ asset('dev/js/home.js')}}\"></script>   
  498.     <!-- Card Validator format --> 
  499.     <script src=\"{{ asset('dev/js/feather.min.js') }}\"></script>      
  501.     <script src=\"{{ asset('dev/js/datepicker.min.js') }}\"></script>  
  503. {% endblock %}", "pages/account/booker-registration.html.twig", "/home/bookoachroot/public_html/templates/pages/account/booker-registration.html.twig");
  504.     }
  505. }