var/cache/dev/twig/58/58335f61f5f7d31e0fb6da0ddc9ca4dd.php line 40

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. /* front/tunnel/step1.html.twig */
  18. class __TwigTemplate_3f10f96abcfd7373c054d86c764db62e 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->parent = false;
  34.         $this->blocks = [
  35.             'stylesheets' => [$this, 'block_stylesheets'],
  36.             'javascripts' => [$this, 'block_javascripts'],
  37.         ];
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = []): iterable
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/tunnel/step1.html.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/tunnel/step1.html.twig"));
  49.         // line 1
  50.         yield "<!doctype html>
  51. <html lang=\"fr\">
  53. <head>
  54.   ";
  55.         // line 5
  56.         if ((array_key_exists("site_mode", $context) && ((isset($context["site_mode"]) || array_key_exists("site_mode", $context) ? $context["site_mode"] : (function () { throw new RuntimeError('Variable "site_mode" does not exist.', 5, $this->source); })()) == "prod"))) {
  57.             // line 6
  58.             yield "    <!-- Google Tag Manager -->
  59.     <!-- Google tag (gtag.js) -->
  60.     <!-- Google Tag Manager -->
  61.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  62.                 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  63.               j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  64.               'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  65.       })(window,document,'script','dataLayer','GTM-P6WW2D7');</script>
  66.     <!-- End Google Tag Manager -->
  68.     <!-- End Google Tag Manager -->
  69.   ";
  70.         }
  71.         // line 18
  72.         yield "  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
  73.   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
  74.   <meta http-equiv=\"Content-Language\" content=\"fr\" />
  75.   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  77.   <title>Étape 1</title>
  79.   <!--Favicon-->
  80.   <link rel=\"icon\" type=\"image/png\" href=\"/static/img/tunnel/favicon.png\" />
  81.   <!--Script pour l'accordéon-->
  82.   <script type=\"text/javascript\" src=\"//unpkg.com/alpinejs\" defer></script>
  84.   <!-- TrustBox script -->
  85.   <script type=\"text/javascript\" src=\"//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js\" async></script>
  87.   ";
  88.         // line 33
  89.         yield from $this->unwrap()->yieldBlock('stylesheets', $context, $blocks);
  90.         // line 36
  91.         yield "  <script>
  92.     !function(f,b,e,v,n,t,s)
  93.     {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  94.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  95.       if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  96.       n.queue=[];t=b.createElement(e);t.async=!0;
  97.       t.src=v;s=b.getElementsByTagName(e)[0];
  98.       s.parentNode.insertBefore(t,s)}(window, document,'script',
  99.             'https://connect.facebook.net/en_US/fbevents.js');
  100.     fbq('init', '334520913601498');
  101.   </script>
  102.   <noscript><img height=\"1\" width=\"1\" style=\"display:none\"
  103.                  src=\"https://www.facebook.com/tr?id=334520913601498&ev=PageView&noscript=1\"
  104.     /></noscript>
  105. </head>
  108. <body class=\"font-poppins\">
  109.  <!-- Google Tag Manager (noscript) -->
  110. <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-P6WW2D7\"
  111.                   height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>
  112. <!-- End Google Tag Manager (noscript) --> ⁠
  113.   <!-- En Tête -->
  114.   <header class=\"flex px-4 py-4 justify-center lg:justify-between flex-wrap items-center\">
  115.     <div class=\"flex\">
  116.       <a href=\"https://lesbonsprofs.com\" target=\"_blank\" aria-label=\"Les Bons Profs\"><img src=\"/static/img/tunnel/les-bons-profs-logo.svg\" alt=\"Les bons profs - Paiement\" /></a>
  117.     </div>
  119.     <div class=\"flex items-center mt-2 sm:mt-0\">
  120.       <div class=\"text-bleu font-bold sm:mr-2 xl:mr-5 text-xs sm:text-[15px] xl:text[20px] text-center sm:text-left\">Besoin d'aide ? Sabrina vous répond au 01 86 95 72 01 du lundi au jeudi de 9h à 17h.</div>
  121.     </div>
  122.   </header>
  124.   <!-- Titre -->
  125.   <section class=\"py-4 text-center bg-bleu\">
  126.     <h1 class=\"font-muller font-bold text-[45px] sm:text-[90px] text-white\">
  127.       Offre ";
  128.         // line 72
  129.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["typeOffer"]) || array_key_exists("typeOffer", $context) ? $context["typeOffer"] : (function () { throw new RuntimeError('Variable "typeOffer" does not exist.', 72, $this->source); })()), "title", [], "any", false, false, false, 72), "html", null, true);
  130.         yield "
  131.     </h1>
  132.     <h2 class=\"font-muller text-jaunefonce text-[25px] sm:text-[40px]\">
  133.       Sélectionnez votre durée
  134.     </h2>
  135.   </section>
  137.   <!-- Timeline -->
  138.   <section class=\"flex justify-center sm:pt-16\">
  139.     <ol
  140.         class=\"border-s border-bleu border-opacity-30 md:flex md:justify-evenly md:gap-6 md:border-s-0 md:border-t w-9/12\">
  141.       <!--First item-->
  142.       <li>
  143.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  144.           <div
  145.               class=\"md:mx-auto h-[20px] w-[20px] rounded-full bg-white border-bleu border-8 md:-mt-[10px] -ms-[10px] me-3\"></div>
  146.           <p class=\"sm:mt-2 text-sm xl:text-base text-bleu font-bold\">
  147.             1. Choisissez votre offre
  148.           </p>
  149.         </div>
  150.       </li>
  152.       <!--Second item-->
  153.       <li>
  154.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  155.           <div
  156.               class=\"md:mx-auto h-[9px] w-[9px] rounded-full bg-bleu opacity-50 md:-mt-[5px] -ms-[5px] me-3\"></div>
  157.           <p class=\"sm:mt-2 ml-1.5 sm:ml-0 text-sm xl:text-base text-bleu opacity-50\">
  158.             2. Accédez à votre compte
  159.           </p>
  160.         </div>
  161.       </li>
  163.       <!--Third item-->
  164.       <li>
  165.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  166.           <div
  167.               class=\"md:mx-auto h-[9px] w-[9px] rounded-full bg-bleu opacity-50 md:-mt-[5px] -ms-[5px] me-3\"></div>
  168.           <p class=\"sm:mt-2 ml-1.5 sm:ml-0 text-sm xl:text-base text-bleu opacity-50\">
  169.             3. Procédez au paiement
  170.           </p>
  171.         </div>
  172.       </li>
  173.     </ol>
  174.   </section>
  176. ";
  177.         // line 118
  178.         if ((($tmp = (isset($context["mode_free"]) || array_key_exists("mode_free", $context) ? $context["mode_free"] : (function () { throw new RuntimeError('Variable "mode_free" does not exist.', 118, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  179.             // line 119
  180.             yield "  <section class=\"flex justify-center py-8 sm:py-16\">
  181.     <div class=\"text-center w-11/12 lg:w-9/12 bg-jaunefonce text-bleu py-2 px-4 rounded-full sm:text-xl\">
  182.       Vous ne serez pas débité avant la fin de votre essai de 7 jours
  183.     </div>
  184.   </section>
  185. ";
  186.         }
  187.         // line 125
  188.         yield "
  189.   <!--Offres-->
  190.   <section class=\"flex justify-center";
  191.         // line 127
  192.         if ((($tmp = (isset($context["mode_tunnel"]) || array_key_exists("mode_tunnel", $context) ? $context["mode_tunnel"] : (function () { throw new RuntimeError('Variable "mode_tunnel" does not exist.', 127, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  193.             yield " pt-8 sm:pt-16";
  194.         }
  195.         yield "\">
  196.     <div class=\"flex flex-col lg:flex-row justify-between w-11/12 xl:w-9/12\">
  198.       <!--Colonne gauche-->
  199.       <div class=\"flex flex-col lg:w-6/12\">
  200.         ";
  201.         // line 132
  202.         if ((($tmp =  !(isset($context["mode_tunnel"]) || array_key_exists("mode_tunnel", $context) ? $context["mode_tunnel"] : (function () { throw new RuntimeError('Variable "mode_tunnel" does not exist.', 132, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  203.             // line 133
  204.             yield "        <div>
  205.           <label for=\"enfants\" class=\"font-bold tracking-tight sm:tracking-normal\">
  206.             Combien d’enfants souhaitez-vous inscrire&nbsp;?
  207.           </label>
  208.           <div class=\"flex items-center mt-2\">
  209.             <div>
  210.               <select id=\"nbr-child\" name=\"enfants\" class=\"block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 sm:max-w-xs sm:text-sm/6\">
  211.                 <option value=\"1\">1 enfant</option>
  212.                 <option value=\"2\">2 enfants</option>
  213.                 <option value=\"3\">3 enfants</option>
  214.                 <option value=\"4\">4 enfants</option>
  215.                 <option value=\"5\">5 enfants</option>
  216.               </select>
  217.             </div>
  218.             <div class=\"italic text-xs text-gray-500 ml-5\">
  219.               <p>-20% pour le 2<sup>ème</sup> enfant</p>
  220.               <p>-30% pour le 3<sup>ème</sup> enfant</p>
  221.             </div>
  222.           </div>
  223.         </div>
  224.           ";
  225.         } else {
  226.             // line 154
  227.             yield "          <input type=\"hidden\" name=\"enfants\" value=\"1\" id=\"nbr-child\">
  228. ";
  229.         }
  230.         // line 156
  231.         yield "        ";
  232.         $context['_parent'] = $context;
  233.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["listOffer"]) || array_key_exists("listOffer", $context) ? $context["listOffer"] : (function () { throw new RuntimeError('Variable "listOffer" does not exist.', 156, $this->source); })()));
  234.         $context['loop'] = [
  235.           'parent' => $context['_parent'],
  236.           'index0' => 0,
  237.           'index'  => 1,
  238.           'first'  => true,
  239.         ];
  240.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  241.             $length = count($context['_seq']);
  242.             $context['loop']['revindex0'] = $length - 1;
  243.             $context['loop']['revindex'] = $length;
  244.             $context['loop']['length'] = $length;
  245.             $context['loop']['last'] = 1 === $length;
  246.         }
  247.         foreach ($context['_seq'] as $context["_key"] => $context["row"]) {
  248.             // line 157
  249.             yield "        <!--Carte 24 mois-->
  250.         <div class=\"";
  251.             // line 158
  252.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 158)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  253.                 yield "sm:flex";
  254.             } else {
  255.                 yield "flex";
  256.             }
  257.             yield " justify-between border-gray-400 border-solid border-4 rounded-md mt-6\">
  258.           ";
  259.             // line 159
  260.             if (((null === CoreExtension::getAttribute($this->env, $this->source, $context["row"], "discount", [], "any", false, false, false, 159)) || ( !(null === CoreExtension::getAttribute($this->env, $this->source, $context["row"], "discountDate", [], "any", false, false, false, 159)) && ($this->extensions['Twig\Extension\CoreExtension']->formatDate(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "discountDate", [], "any", false, false, false, 159), "U") < $this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "U"))))) {
  261.                 // line 160
  262.                 yield "            <div>";
  263.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 160) > 1)) {
  264.                     // line 161
  265.                     yield "              <span class=\"text-xs bg-red-600 text-white absolute rounded px-1 py-0.5\">";
  266.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(abs($this->extensions['Twig\Extension\CoreExtension']->formatNumber(((((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "price", [], "any", false, false, false, 161) / CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 161)) - (isset($context["priceMark"]) || array_key_exists("priceMark", $context) ? $context["priceMark"] : (function () { throw new RuntimeError('Variable "priceMark" does not exist.', 161, $this->source); })())) / (isset($context["priceMark"]) || array_key_exists("priceMark", $context) ? $context["priceMark"] : (function () { throw new RuntimeError('Variable "priceMark" does not exist.', 161, $this->source); })())) * 100), 0, ",", ".")), "html", null, true);
  267.                     yield "% de réduction</span>
  268.               ";
  269.                 }
  270.                 // line 163
  271.                 yield "            <div class=\"flex flex-col pt-5 pb-5 pl-5\">
  272.               <div class=\"flex items-center gap-x-3\">
  273.                 <input id=\"p-";
  274.                 // line 165
  275.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 165), "html", null, true);
  276.                 yield "\" name=\"price\" value=\"";
  277.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "slug", [], "any", false, false, false, 165), "html", null, true);
  278.                 yield "\" type=\"radio\" class=\"h-4 w-4 border-gray-300\" data-id=\"";
  279.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "id", [], "any", false, false, false, 165), "html", null, true);
  280.                 yield "\" data-title=\"";
  281.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "title", [], "any", false, false, false, 165), "html", null, true);
  282.                 yield "\" data-price=\"";
  283.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "price", [], "any", false, false, false, 165), "html", null, true);
  284.                 yield "\" data-month=\"";
  285.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 165), "html", null, true);
  286.                 yield "\" data-period=\"";
  287.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 165) > 1)) {
  288.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 165), "html", null, true);
  289.                 }
  290.                 yield " mois\">
  291.                 <label for=\"p-";
  292.                 // line 166
  293.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 166), "html", null, true);
  294.                 yield "\" class=\"block font-medium text-gray-900\">
  295.                   <span class=\"font-bold text-xl mr-5\">";
  296.                 // line 167
  297.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 167), "html", null, true);
  298.                 yield " mois</span><br class=\"sm:hidden\"/>
  299.                   <span class=\"font-bold\">";
  300.                 // line 168
  301.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber(Twig\Extension\CoreExtension::round((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "price", [], "any", false, false, false, 168) / CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 168)), 2, "floor"), 2, ",", "."), "html", null, true);
  302.                 yield " € / mois</span>
  303.                 </label>
  304.               </div>
  305.               <div class=\"mt-5 text-xs text-gray-500\">
  306.                 ";
  307.                 // line 172
  308.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 172) > 1)) {
  309.                     yield "En un paiement de ";
  310.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "price", [], "any", false, false, false, 172), 2, ",", "."), "html", null, true);
  311.                     yield " €.";
  312.                 }
  313.                 yield " ";
  314.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 172) < 13)) {
  315.                     yield "Renoulevé tous les ";
  316.                     if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 172) > 1)) {
  317.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 172), "html", null, true);
  318.                     }
  319.                     yield "  mois.";
  320.                 }
  321.                 yield " Annulable à tout moment
  322.               </div>
  323.             </div>
  324.           </div>
  325.           ";
  326.             } else {
  327.                 // line 177
  328.                 yield "            <div>
  329.               <span class=\"text-xs bg-red-600 text-white absolute rounded px-1 py-0.5\">";
  330.                 // line 178
  331.                 if ((null === CoreExtension::getAttribute($this->env, $this->source, $context["row"], "percentDiscount", [], "any", false, false, false, 178))) {
  332.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(abs($this->extensions['Twig\Extension\CoreExtension']->formatNumber(((((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "getAmount", [], "method", false, false, false, 178) / CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 178)) - (isset($context["priceMark"]) || array_key_exists("priceMark", $context) ? $context["priceMark"] : (function () { throw new RuntimeError('Variable "priceMark" does not exist.', 178, $this->source); })())) / (isset($context["priceMark"]) || array_key_exists("priceMark", $context) ? $context["priceMark"] : (function () { throw new RuntimeError('Variable "priceMark" does not exist.', 178, $this->source); })())) * 100), 0, ",", ".")), "html", null, true);
  333.                 } else {
  334.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "percentDiscount", [], "any", false, false, false, 178), "html", null, true);
  335.                 }
  336.                 yield "% de réduction</span>
  337.               <div class=\"flex flex-col pt-10 pb-5 pl-5\">
  338.                 <div class=\"flex items-center gap-x-3\">
  339.                   <input id=\"p-";
  340.                 // line 181
  341.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 181), "html", null, true);
  342.                 yield "\" name=\"price\" value=\"";
  343.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "slug", [], "any", false, false, false, 181), "html", null, true);
  344.                 yield "\" type=\"radio\" class=\"h-4 w-4 border-gray-300 js-auto-discount\" data-title=\"";
  345.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "title", [], "any", false, false, false, 181), "html", null, true);
  346.                 yield "\" data-discount=\"";
  347.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["row"], "discount", [], "any", false, false, false, 181), "codePromo", [], "any", false, false, false, 181), "html", null, true);
  348.                 yield "\" data-price=\"";
  349.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "price", [], "any", false, false, false, 181), "html", null, true);
  350.                 yield "\" data-month=\"";
  351.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 181), "html", null, true);
  352.                 yield "\" data-period=\"";
  353.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 181) > 1)) {
  354.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 181), "html", null, true);
  355.                 }
  356.                 yield " mois\">
  357.                   <label for=\"p-";
  358.                 // line 182
  359.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 182), "html", null, true);
  360.                 yield "\" class=\"block font-medium text-gray-900\">
  361.                     <span class=\"font-bold text-xl mr-5\">";
  362.                 // line 183
  363.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 183), "html", null, true);
  364.                 yield " mois</span><br class=\"sm:hidden\"/>
  365.                     <span class=\"font-bold\">";
  366.                 // line 184
  367.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber(Twig\Extension\CoreExtension::round((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "getAmount", [], "method", false, false, false, 184) / CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 184)), 2, "floor"), 2, ",", "."), "html", null, true);
  368.                 yield " € / mois <span class=\"line-through text-gray-500\">( au lieu de ";
  369.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber((isset($context["priceMark"]) || array_key_exists("priceMark", $context) ? $context["priceMark"] : (function () { throw new RuntimeError('Variable "priceMark" does not exist.', 184, $this->source); })()), 2, ",", "."), "html", null, true);
  370.                 yield "€)</span></span>
  371.                   </label>
  372.                 </div>
  373.                 <div class=\"mt-5 text-xs text-gray-500\">
  374.                   ";
  375.                 // line 188
  376.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 188) > 1)) {
  377.                     yield "En un paiement de ";
  378.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "getAmount", [], "method", false, false, false, 188), 2, ",", "."), "html", null, true);
  379.                     yield " € (<span class=\"text-decoration-line-through\" style=\"text-decoration: line-through\">";
  380.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "oldPrice", [], "any", false, false, false, 188), "html", null, true);
  381.                     yield " €</span>) avec le code ";
  382.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["row"], "discount", [], "any", false, false, false, 188), "codePromo", [], "any", false, false, false, 188)), "html", null, true);
  383.                     yield ".";
  384.                 }
  385.                 yield " ";
  386.                 if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 188) < 13)) {
  387.                     yield "Renoulevé tous les ";
  388.                     if ((CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 188) > 1)) {
  389.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "monthValid", [], "any", false, false, false, 188), "html", null, true);
  390.                     }
  391.                     yield "  mois.";
  392.                 }
  393.                 yield " Annulable à tout moment
  394.                 </div>
  395.               </div>
  396.             </div>
  397.           ";
  398.             }
  399.             // line 193
  400.             yield "          ";
  401.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 193)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  402.                 // line 194
  403.                 yield "          <div class=\"flex flex-col justify-center bg-jaunefonce sm:w-5/12 sm:p-5 p-3\">
  404.             <div class=\"flex flex-wrap font-bold items-center justify-center sm:justify-start\">Coup de<img src=\"/static/img/tunnel/coeur-rouge.png\" alt=\"Coup de coeur des parents\" class=\"px-1 sm:px-2 w-5 h-4 sm:w-auto\" />des parents</div>
  405.             <div class=\"mt-5 text-xs text-center sm:text-justify\">Inclus les annales du Bac et du Brevet corrigées en vidéo</div>
  406.           </div>
  407.           ";
  408.             }
  409.             // line 199
  410.             yield "        </div>
  411.         ";
  412.             ++$context['loop']['index0'];
  413.             ++$context['loop']['index'];
  414.             $context['loop']['first'] = false;
  415.             if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  416.                 --$context['loop']['revindex0'];
  417.                 --$context['loop']['revindex'];
  418.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  419.             }
  420.         }
  421.         $_parent = $context['_parent'];
  422.         unset($context['_seq'], $context['_key'], $context['row'], $context['_parent'], $context['loop']);
  423.         $context = array_intersect_key($context, $_parent) + $_parent;
  424.         // line 201
  425.         yield "        ";
  426.         $context["titre_faq"] = "Comment fonctionne l’essai gratuit de 7&nbsp;jours&nbsp;:";
  427.         // line 202
  428.         yield "        ";
  429.         $context["faq"] = [["titre" => "Pendant la période d’essai", "texte" => "Je teste tous les contenus compris dans mon abonnement, les stages de révision pendant les vacances et les boost matière."], ["titre" => "Comment arrêter l’essai gratuit", "texte" => "Avant la fin des 7 jours d’essai, rendez-vous dans la rubrique “gestion du compte” de votre espace parents et cliquez sur “mettre fin à la période d’essai”."]];
  430.         // line 210
  431.         yield "        ";
  432.         if ((($tmp = (isset($context["mode_free"]) || array_key_exists("mode_free", $context) ? $context["mode_free"] : (function () { throw new RuntimeError('Variable "mode_free" does not exist.', 210, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  433.             // line 211
  434.             yield "        <!--L'essai gratuit pour PC-->
  435.         <div class=\"mt-12 text-gray-500 hidden lg:block text-justify\">
  436.           <p class=\"font-bold\">
  437.               ";
  438.             // line 214
  439.             yield (isset($context["titre_faq"]) || array_key_exists("titre_faq", $context) ? $context["titre_faq"] : (function () { throw new RuntimeError('Variable "titre_faq" does not exist.', 214, $this->source); })());
  440.             yield "
  441.           </p>
  442.             ";
  443.             // line 216
  444.             $context['_parent'] = $context;
  445.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["faq"]) || array_key_exists("faq", $context) ? $context["faq"] : (function () { throw new RuntimeError('Variable "faq" does not exist.', 216, $this->source); })()));
  446.             foreach ($context['_seq'] as $context["_key"] => $context["row"]) {
  447.                 // line 217
  448.                 yield "              <p class=\"mt-5\">
  449.                 <span class=\"font-bold\">";
  450.                 // line 218
  451.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "titre", [], "any", false, false, false, 218), "html", null, true);
  452.                 yield "</span>
  453.                 <br />
  454.                 ";
  455.                 // line 220
  456.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "texte", [], "any", false, false, false, 220), "html", null, true);
  457.                 yield "
  458.               </p>
  459.             ";
  460.             }
  461.             $_parent = $context['_parent'];
  462.             unset($context['_seq'], $context['_key'], $context['row'], $context['_parent']);
  463.             $context = array_intersect_key($context, $_parent) + $_parent;
  464.             // line 223
  465.             yield "        </div>
  468.         <!--Accordéon pour mobile-->
  469.         <div class=\"mt-12 py-2 px-3 border-gray-400 border-solid border rounded-md lg:hidden\" x-data=\"{selected: null}\">
  470.           <div>
  471.             <div>
  472.               <div class=\"w-full flex justify-between items-center cursor-pointer\"
  473.                    @click=\"selected !== 1 ? selected = 1 : selected = null\"
  474.               >
  475.                 <h4 class=\"font-bold text-gray-500\">";
  476.             // line 233
  477.             yield (isset($context["titre_faq"]) || array_key_exists("titre_faq", $context) ? $context["titre_faq"] : (function () { throw new RuntimeError('Variable "titre_faq" does not exist.', 233, $this->source); })());
  478.             yield "</h4>
  479.                 <div class=\"pl-2\">
  480.                   <img class=\"transition-all ease-in-out duration-700 min-w-4\" :class=\"selected === 1 ? 'rotate-180' : ''\" alt=\"chevron\" src=\"/static/img/tunnel/chevron.svg\" />
  481.                 </div>
  482.               </div>
  483.               <div class=\"relative overflow-hidden max-h-0 transition-all ease-in-out duration-700\" x-ref=\"container1\" :style=\"selected === 1 ? 'max-height: ' + \$refs.container1.scrollHeight + 'px' : ''\">
  484.                 <div class=\"pt-4 flex flex-col space-y-3\">
  485.                   <div class=\"text-gray-500 text-justify\">
  486.                     ";
  487.             // line 241
  488.             $context['_parent'] = $context;
  489.             $context['_seq'] = CoreExtension::ensureTraversable((isset($context["faq"]) || array_key_exists("faq", $context) ? $context["faq"] : (function () { throw new RuntimeError('Variable "faq" does not exist.', 241, $this->source); })()));
  490.             foreach ($context['_seq'] as $context["_key"] => $context["row"]) {
  491.                 // line 242
  492.                 yield "                      <p class=\"mt-5\">
  493.                         <span class=\"font-bold\">";
  494.                 // line 243
  495.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "titre", [], "any", false, false, false, 243), "html", null, true);
  496.                 yield "</span>
  497.                         <br />
  498.                         ";
  499.                 // line 245
  500.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["row"], "texte", [], "any", false, false, false, 245), "html", null, true);
  501.                 yield "
  502.                       </p>
  503.                     ";
  504.             }
  505.             $_parent = $context['_parent'];
  506.             unset($context['_seq'], $context['_key'], $context['row'], $context['_parent']);
  507.             $context = array_intersect_key($context, $_parent) + $_parent;
  508.             // line 248
  509.             yield "                  </div>
  510.                 </div>
  511.               </div>
  512.             </div>
  513.           </div>
  514.         </div>
  515. ";
  516.         }
  517.         // line 255
  518.         yield "
  519.       </div>
  522.       <!--Colonne droite-->
  523.       <div class=\"flex flex-col lg:w-5/12 my-16 lg:mt-0\">
  525.         <!--Encadré bleu-->
  526.         <div class=\"flex flex-col bg-bleu rounded-2xl\">
  527.           <div class=\"text-white font-bold text-center text-2xl py-5\">Ce que comprend l'offre ";
  528.         // line 264
  529.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["typeOffer"]) || array_key_exists("typeOffer", $context) ? $context["typeOffer"] : (function () { throw new RuntimeError('Variable "typeOffer" does not exist.', 264, $this->source); })()), "title", [], "any", false, false, false, 264), "html", null, true);
  530.         yield "</div>
  531.           <div class=\"flex flex-col bg-white m-2 rounded-2xl p-5\">
  532.            <div>
  533.              ";
  534.         // line 267
  535.         if ((($tmp =  !(null === (isset($context["typeOffer"]) || array_key_exists("typeOffer", $context) ? $context["typeOffer"] : (function () { throw new RuntimeError('Variable "typeOffer" does not exist.', 267, $this->source); })()))) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  536.             // line 268
  537.             yield "               ";
  538.             yield CoreExtension::getAttribute($this->env, $this->source, (isset($context["typeOffer"]) || array_key_exists("typeOffer", $context) ? $context["typeOffer"] : (function () { throw new RuntimeError('Variable "typeOffer" does not exist.', 268, $this->source); })()), "textPaid", [], "any", false, false, false, 268);
  539.             yield "
  540.              ";
  541.         }
  542.         // line 270
  543.         yield "           </div>
  544.             <label for=\"promo\" class=\"mt-8 sm:mt-16\">Vous disposez d'un code promotionel ? Indiquez-le ici :</label>
  545.             <div class=\"flex mt-5\">
  546.               <input type=\"text\" name=\"promo\" id=\"promo\" autocomplete=\"username\" class=\"flex-1 border-0 py-1.5 pl-5 placeholder:text-gray-400 placeholder:text-[3.5vw] sm:placeholder:text-[16px] rounded-l-md shadow-sm ring-1 ring-inset ring-gray-300 w-[2vw]\" placeholder=\"Entrez le code promo\">
  547.               <button type=\"submit\" class=\"bg-jaunefonce px-3 py-2 text-xl font-bold text-white shadow-sm hover:bg-rouge rounded-r-3xl\" id=\"button-code-promo\">Valider</button>
  548.             </div>
  549.             <div class=\"\" id=\"tr-code\">
  550.               <div style=\"padding: 2%;\" class=\"mt-2\">
  551.                 <div class=\"remise-appliquee font-bold\"></div>
  552.                 <div id=\"text-percent\"></div>
  553.               </div>
  554.             </div>
  555.             <div class=\"grid grid-cols-[repeat(2,minmax(auto,auto))] gap-4 border-jaunefonce border-solid border-8 rounded-3xl mt-8 sm:mt-16 p-6 items-center\">
  556.               ";
  557.         // line 283
  558.         if ((($tmp = (isset($context["mode_free"]) || array_key_exists("mode_free", $context) ? $context["mode_free"] : (function () { throw new RuntimeError('Variable "mode_free" does not exist.', 283, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  559.             // line 284
  560.             yield "              <span>Montant dû aujourd'hui</span>
  561.               <span>0 €</span>
  562.               <span>Montant dû ";
  563.             // line 286
  564.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extra\Intl\IntlExtension']->formatDateTime($this->env, $this->extensions['Twig\Extension\CoreExtension']->modifyDate("now", "+8 day"), "medium", "medium", "dd MMMM YYYY", null, "gregorian", "fr"), "html", null, true);
  565.             yield "</span>
  566.               <span id=\"som-toto\"></span>
  567.               ";
  568.         } else {
  569.             // line 289
  570.             yield "                <span>Montant dû aujourd'hui</span>
  571.                 <span id=\"som-toto\"></span>
  572.               ";
  573.         }
  574.         // line 292
  575.         yield "
  576.             </div>
  577.           </div>
  578.         </div>
  580.         <!--Bouton-->
  581.         <div class=\"flex justify-center mt-10 cursor-pointer\">
  582.           <button type=\"submit\" class=\"bg-jaunefonce btn-form text-bleu rounded-3xl text-3xl font-muller py-3 px-20\">OK j'essaie</button>
  583.           <img src=\"/static/img/tunnel/clic-hand.png\" alt=\"Essayer l'offre\" class=\"absolute pl-60 pt-5 btn-form\" />
  584.         </div>
  586.         <!-- TrustBox widget - List pour PC-->
  587.         <div class=\"trustpilot-widget mt-20 hidden lg:block\" data-locale=\"fr-FR\" data-template-id=\"539ad60defb9600b94d7df2c\" data-businessunit-id=\"5c9c8063164d370001824ce4\" data-style-height=\"500px\" data-style-width=\"100%\" data-stars=\"4,5\" data-review-languages=\"fr\">
  588.           <a href=\"https://fr.trustpilot.com/review/lesbonsprofs.com\" target=\"_blank\" rel=\"noopener\">Trustpilot</a>
  589.         </div>
  591.         <!-- TrustBox widget - Mini pour mobiles-->
  592.         <div class=\"trustpilot-widget lg:hidden mt-16\" data-locale=\"fr-FR\" data-template-id=\"53aa8807dec7e10d38f59f32\" data-businessunit-id=\"5c9c8063164d370001824ce4\" data-style-height=\"150px\" data-style-width=\"100%\">
  593.           <a href=\"https://fr.trustpilot.com/review/lesbonsprofs.com\" target=\"_blank\" rel=\"noopener\">Trustpilot</a>
  594.         </div>
  596.       </div>
  598.     </div>
  600.   </section>
  601.   <form class=\"form-next-step-2\" action=\"";
  602.         // line 318
  603.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("choix-formule-step");
  604.         yield "?offre=";
  605.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["getOffer"]) || array_key_exists("getOffer", $context) ? $context["getOffer"] : (function () { throw new RuntimeError('Variable "getOffer" does not exist.', 318, $this->source); })()), "html", null, true);
  606.         yield "\" method=\"post\" id=\"parents_registration_first_step_";
  607.         if (((isset($context["getOffer"]) || array_key_exists("getOffer", $context) ? $context["getOffer"] : (function () { throw new RuntimeError('Variable "getOffer" does not exist.', 318, $this->source); })()) == "essentielle")) {
  608.             yield "essentielle";
  609.         } else {
  610.             yield "assistancevisio";
  611.         }
  612.         yield "\">
  614.   </form>
  615.   <div class=\"u-spinner h-100 vh-100\">
  616.     <svg class=\"svg-icon svg-loader\" version=\"1.1\" id=\"L4\" xmlns=\"http://www.w3.org/2000/svg\"
  617.          xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 100\" enable-background=\"new 0 0 0 0\"
  618.          xml:space=\"preserve\">
  619.         <circle cx=\"0\" cy=\"50\" r=\"6\">
  620.           <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.1\"></animate>
  621.         </circle>
  622.       <circle cx=\"20\" cy=\"50\" r=\"6\">
  623.         <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.2\"></animate>
  624.       </circle>
  625.       <circle cx=\"41\" cy=\"50\" r=\"6\">
  626.         <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.3\"></animate>
  627.       </circle>
  628.     </svg>
  629.   </div>
  630.   ";
  631.         // line 336
  632.         yield from $this->unwrap()->yieldBlock('javascripts', $context, $blocks);
  633.         // line 339
  634.         yield "<script type=\"text/javascript\">
  635.   \$(document).ready(function(){
  636.     function calculPrice(){
  637.       var nbrChild = parseInt(\$('#nbr-child').val());
  638.       var som = 0;
  640.       if(\$('input[name=\"price\"]:checked').length==1){
  641.         var period = \$('input[name=\"price\"]:checked').attr('data-period');
  642.         var month  = \$('input[name=\"price\"]:checked').attr('data-month');
  643.         var price  = \$('input[name=\"price\"]:checked').attr('data-price');
  645.         var realPrice = parseFloat(price);
  647.         for(var i = 0;i<nbrChild;i++){
  649.           if(i==0){
  651.             if(\$('#button-code-promo').is(\"[data-percent]\")){
  652.               var percent = \$('#button-code-promo').attr('data-percent');
  653.               if(\$('#button-code-promo').hasClass('js-calculate-auto')){
  654.                 som = som + (realPrice - realPrice*(parseFloat(percent)/100));
  655.               }else{
  656.                 som= som + realPrice
  657.               }
  659.             }else{
  660.               som= som + realPrice
  661.             }
  662.           }
  663.           if(i==1){
  664.             if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  665.               som = som + (realPrice - realPrice*0.2);
  666.             }else{
  667.               som = som + (realPrice - realPrice*0.35);
  668.             }
  669.           }
  670.           if(2<=i){
  672.             if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  673.               som = som + (realPrice - realPrice*0.3);
  674.             }else{
  675.               som = som + (realPrice - realPrice*0.45);
  676.             }
  677.           }
  678.         }
  681.         \$('#som-toto').text('').text((som.toFixed(2)).replaceAll('.',',')+' €');
  682.         \$('#som-toto').attr('data-som',som.toFixed(2))
  683.         \$('.total-price').text(' / '+period);
  684.       }
  686.     }
  687.     \$('#nbr-child').change(function(){
  688.       var val = \$(this).val();
  690.       calculPrice();
  691.       if(\$('.form-next-step-2').find('input[name=\"child\"]').length==0){
  692.         \$('.form-next-step-2').append('<input type=\"hidden\" name=\"child\" value=\"'+val+'\"/>')
  693.       }else{
  694.         \$('.form-next-step-2').find('input[name=\"child\"]').val(val);
  695.       }
  696.     })
  697.     var percent = 0;
  698.     var coupon
  699.     \$('#button-code-promo').click(function(){
  703.       if (\$('input[name=\"price\"]:checked').length==1){
  704.         var priceId  = \$('input[name=\"price\"]:checked').attr('data-id');
  705.         var self = \$(this);
  706.         \$(this).prev().removeClass('is-invalid');
  707.         coupon = \$(this).prev().val();
  708.         self.parent().parent().find('.invalid-feedback').text('')
  709.         \$.ajax({
  710.           url:\"";
  711.         // line 415
  712.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("valid_coupon");
  713.         yield "\",
  714.           data:\"coupon=\"+coupon,
  715.           success:function(elem){
  716.             var verif= true;
  719.             self.parent().find('input').val('');
  721.             if(elem.success){
  723.               if(elem.data.allowOffer.length>0 && !elem.data.allowOffer.includes(parseInt(priceId))){
  724.                 verif = false;
  725.               }
  727.               if(verif){
  728.                 if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==0){
  729.                   \$('.form-next-step-2').append('<input type=\"hidden\" name=\"discount\" value=\"'+elem.data.code+'\"/>')
  730.                 }else{
  731.                   \$('.form-next-step-2').find('input[name=\"discount\"]').val(elem.data.code);
  732.                 }
  733.                 percent = elem.data.percent;
  734.                 self.attr('data-percent',percent);
  736.                 //\$('#text-percent').text('').text('reduction de '+percent+'%')
  737.                 \$('.remise-appliquee').text('').text('Promotion appliquée : '+elem.data.description);
  738.                 self.addClass('js-calculate-auto')
  739.                 calculPrice();
  740.               }
  743.             }
  744.             if(!elem.success || !verif){
  745.               self.parents('.input-group').parent().find('.invalid-feedback').text('').text('Ce code promo est invalide !');
  746.               if(!self.parents('.input-group').find('input').hasClass('is-invalid')){
  747.                 self.parents('.input-group').find('input').addClass('is-invalid');
  748.               }
  749.             }
  750.           }
  751.         })
  752.       }else{
  753.         alert('Veuillez choisir une durée de votre offre')
  754.       }
  757.     })
  758.     \$('input[name=\"price\"]').change(function(){
  759.       if(\$(this).is(':checked')){
  761.         var price = parseFloat(\$(this).attr('data-price'));
  762.         var period = \$(this).attr('data-period');
  763.         var offer = \$(this).val();
  764.         var month = \$(this).attr('data-month');
  766.         if(\$(this).hasClass('js-auto-discount')){
  767.           var coupon = \$(this).attr('data-discount');
  769.           \$('.u-spinner').addClass('open')
  770.           \$.ajax({
  771.             url:\"";
  772.         // line 473
  773.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("valid_coupon");
  774.         yield "\",
  775.             data:\"coupon=\"+coupon,
  776.             success:function(elem){
  777.               if(elem.success){
  778.                 //\$('#tr-code').removeClass('d-none')
  779.                 if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==0){
  780.                   \$('.form-next-step-2').append('<input type=\"hidden\" name=\"discount\" value=\"'+elem.data.code+'\"/>')
  781.                 }else{
  782.                   \$('.form-next-step-2').find('input[name=\"discount\"]').val(elem.data.code);
  783.                 }
  784.                 percent = elem.data.percent;
  785.                 \$('#button-code-promo').attr('data-percent',percent);
  787.                 if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  788.                   \$('#button-code-promo').addClass('js-calculate-auto')
  789.                 }
  791.                 // self.attr('data-percent',percent);
  793.                 //\$('#text-percent').text('').text('reduction de '+percent+'%')
  794.                 \$('.remise-appliquee').text('').text('Promotion appliquée : '+elem.data.description);
  796.                 calculPrice();
  797.                 \$('.u-spinner').removeClass('open')
  798.               }
  799.             }
  800.           })
  801.         }else{
  802.           \$('#button-code-promo').attr('data-percent',0);
  803.           if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==1){
  804.             \$('.form-next-step-2').find('input[name=\"discount\"]').remove()
  805.           }
  806.           //\$('#text-percent').text('')
  807.           \$('.remise-appliquee').text('');
  808.           calculPrice()
  809.         }
  812.         if(\$('.form-next-step-2').find('input[name=\"offer\"]').length==0){
  813.           \$('.form-next-step-2').append('<input type=\"hidden\" name=\"offer\" value=\"'+offer+'\"/>')
  814.         }else{
  815.           \$('.form-next-step-2').find('input[name=\"offer\"]').val(offer);
  816.         }
  817.         // \$('#text-toto-offer-period').removeClass('d-none').addClass('d-block')
  818.         //  \$('#toto-offer-period').text(period.toLowerCase())
  819.       }
  820.     })
  821.     \$('input[name=\"price\"]').change()
  822.     \$('.btn-form').click(function(){
  823.       if(\$('.form-next-step-2').find('input[name=\"offer\"]').length==0){
  825.       }else{
  826.         fbq('track', 'AddToCart', {
  827.           content_name: \$('input[name=\"price\"]:checked').data('title'),
  828.           content_category: '";
  829.         // line 527
  830.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::upper($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["typeOffer"]) || array_key_exists("typeOffer", $context) ? $context["typeOffer"] : (function () { throw new RuntimeError('Variable "typeOffer" does not exist.', 527, $this->source); })()), "title", [], "any", false, false, false, 527)), "html", null, true);
  831.         yield "',
  832.           content_ids: [\$('input[name=\"price\"]:checked').val()],
  833.           content_type: 'product',
  834.           value: \$('#som-toto').data('som'),
  835.           currency: 'EUR'
  836.         });
  837.         \$('.form-next-step-2').submit();
  838.       }
  839.     })
  840.     ";
  841.         // line 536
  842.         if ((($tmp =  !(isset($context["getPrice"]) || array_key_exists("getPrice", $context) ? $context["getPrice"] : (function () { throw new RuntimeError('Variable "getPrice" does not exist.', 536, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  843.             // line 537
  844.             yield "    \$('.show-mentor #p-1').click();
  845.     ";
  846.         }
  847.         // line 539
  848.         yield "
  849.   })
  850. </script>
  851. </body>
  852. ";
  853.         
  854.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  856.         
  857.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  859.         yield from [];
  860.     }
  862.     // line 33
  863.     /**
  864.      * @return iterable<null|scalar|\Stringable>
  865.      */
  866.     public function block_stylesheets(array $context, array $blocks = []): iterable
  867.     {
  868.         $macros = $this->macros;
  869.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  870.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  872.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  873.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  875.         // line 34
  876.         yield "    ";
  877.         yield $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackLinkTags("tunnel");
  878.         yield "
  879.   ";
  880.         
  881.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  883.         
  884.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  886.         yield from [];
  887.     }
  889.     // line 336
  890.     /**
  891.      * @return iterable<null|scalar|\Stringable>
  892.      */
  893.     public function block_javascripts(array $context, array $blocks = []): iterable
  894.     {
  895.         $macros = $this->macros;
  896.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  897.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  899.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  900.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  902.         // line 337
  903.         yield "    ";
  904.         yield $this->extensions['Symfony\WebpackEncoreBundle\Twig\EntryFilesTwigExtension']->renderWebpackScriptTags("tunnel");
  905.         yield "
  906.   ";
  907.         
  908.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  910.         
  911.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  913.         yield from [];
  914.     }
  916.     /**
  917.      * @codeCoverageIgnore
  918.      */
  919.     public function getTemplateName(): string
  920.     {
  921.         return "front/tunnel/step1.html.twig";
  922.     }
  924.     /**
  925.      * @codeCoverageIgnore
  926.      */
  927.     public function isTraitable(): bool
  928.     {
  929.         return false;
  930.     }
  932.     /**
  933.      * @codeCoverageIgnore
  934.      */
  935.     public function getDebugInfo(): array
  936.     {
  937.         return array (  903 => 337,  890 => 336,  876 => 34,  863 => 33,  848 => 539,  844 => 537,  842 => 536,  830 => 527,  773 => 473,  712 => 415,  634 => 339,  632 => 336,  603 => 318,  575 => 292,  570 => 289,  564 => 286,  560 => 284,  558 => 283,  543 => 270,  537 => 268,  535 => 267,  529 => 264,  518 => 255,  509 => 248,  500 => 245,  495 => 243,  492 => 242,  488 => 241,  477 => 233,  465 => 223,  456 => 220,  451 => 218,  448 => 217,  444 => 216,  439 => 214,  434 => 211,  431 => 210,  428 => 202,  425 => 201,  410 => 199,  403 => 194,  400 => 193,  376 => 188,  367 => 184,  363 => 183,  359 => 182,  341 => 181,  331 => 178,  328 => 177,  308 => 172,  301 => 168,  297 => 167,  293 => 166,  275 => 165,  271 => 163,  265 => 161,  262 => 160,  260 => 159,  252 => 158,  249 => 157,  231 => 156,  227 => 154,  204 => 133,  202 => 132,  192 => 127,  188 => 125,  180 => 119,  178 => 118,  129 => 72,  91 => 36,  89 => 33,  72 => 18,  58 => 6,  56 => 5,  50 => 1,);
  938.     }
  940.     public function getSourceContext(): Source
  941.     {
  942.         return new Source("<!doctype html>
  943. <html lang=\"fr\">
  945. <head>
  946.   {% if site_mode is defined and site_mode == 'prod' %}
  947.     <!-- Google Tag Manager -->
  948.     <!-- Google tag (gtag.js) -->
  949.     <!-- Google Tag Manager -->
  950.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  951.                 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  952.               j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  953.               'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  954.       })(window,document,'script','dataLayer','GTM-P6WW2D7');</script>
  955.     <!-- End Google Tag Manager -->
  957.     <!-- End Google Tag Manager -->
  958.   {% endif %}
  959.   <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
  960.   <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
  961.   <meta http-equiv=\"Content-Language\" content=\"fr\" />
  962.   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  964.   <title>Étape 1</title>
  966.   <!--Favicon-->
  967.   <link rel=\"icon\" type=\"image/png\" href=\"/static/img/tunnel/favicon.png\" />
  968.   <!--Script pour l'accordéon-->
  969.   <script type=\"text/javascript\" src=\"//unpkg.com/alpinejs\" defer></script>
  971.   <!-- TrustBox script -->
  972.   <script type=\"text/javascript\" src=\"//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js\" async></script>
  974.   {% block stylesheets %}
  975.     {{ encore_entry_link_tags('tunnel') }}
  976.   {% endblock %}
  977.   <script>
  978.     !function(f,b,e,v,n,t,s)
  979.     {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  980.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  981.       if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  982.       n.queue=[];t=b.createElement(e);t.async=!0;
  983.       t.src=v;s=b.getElementsByTagName(e)[0];
  984.       s.parentNode.insertBefore(t,s)}(window, document,'script',
  985.             'https://connect.facebook.net/en_US/fbevents.js');
  986.     fbq('init', '334520913601498');
  987.   </script>
  988.   <noscript><img height=\"1\" width=\"1\" style=\"display:none\"
  989.                  src=\"https://www.facebook.com/tr?id=334520913601498&ev=PageView&noscript=1\"
  990.     /></noscript>
  991. </head>
  994. <body class=\"font-poppins\">
  995.  <!-- Google Tag Manager (noscript) -->
  996. <noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-P6WW2D7\"
  997.                   height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>
  998. <!-- End Google Tag Manager (noscript) --> ⁠
  999.   <!-- En Tête -->
  1000.   <header class=\"flex px-4 py-4 justify-center lg:justify-between flex-wrap items-center\">
  1001.     <div class=\"flex\">
  1002.       <a href=\"https://lesbonsprofs.com\" target=\"_blank\" aria-label=\"Les Bons Profs\"><img src=\"/static/img/tunnel/les-bons-profs-logo.svg\" alt=\"Les bons profs - Paiement\" /></a>
  1003.     </div>
  1005.     <div class=\"flex items-center mt-2 sm:mt-0\">
  1006.       <div class=\"text-bleu font-bold sm:mr-2 xl:mr-5 text-xs sm:text-[15px] xl:text[20px] text-center sm:text-left\">Besoin d'aide ? Sabrina vous répond au 01 86 95 72 01 du lundi au jeudi de 9h à 17h.</div>
  1007.     </div>
  1008.   </header>
  1010.   <!-- Titre -->
  1011.   <section class=\"py-4 text-center bg-bleu\">
  1012.     <h1 class=\"font-muller font-bold text-[45px] sm:text-[90px] text-white\">
  1013.       Offre {{ typeOffer.title }}
  1014.     </h1>
  1015.     <h2 class=\"font-muller text-jaunefonce text-[25px] sm:text-[40px]\">
  1016.       Sélectionnez votre durée
  1017.     </h2>
  1018.   </section>
  1020.   <!-- Timeline -->
  1021.   <section class=\"flex justify-center sm:pt-16\">
  1022.     <ol
  1023.         class=\"border-s border-bleu border-opacity-30 md:flex md:justify-evenly md:gap-6 md:border-s-0 md:border-t w-9/12\">
  1024.       <!--First item-->
  1025.       <li>
  1026.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  1027.           <div
  1028.               class=\"md:mx-auto h-[20px] w-[20px] rounded-full bg-white border-bleu border-8 md:-mt-[10px] -ms-[10px] me-3\"></div>
  1029.           <p class=\"sm:mt-2 text-sm xl:text-base text-bleu font-bold\">
  1030.             1. Choisissez votre offre
  1031.           </p>
  1032.         </div>
  1033.       </li>
  1035.       <!--Second item-->
  1036.       <li>
  1037.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  1038.           <div
  1039.               class=\"md:mx-auto h-[9px] w-[9px] rounded-full bg-bleu opacity-50 md:-mt-[5px] -ms-[5px] me-3\"></div>
  1040.           <p class=\"sm:mt-2 ml-1.5 sm:ml-0 text-sm xl:text-base text-bleu opacity-50\">
  1041.             2. Accédez à votre compte
  1042.           </p>
  1043.         </div>
  1044.       </li>
  1046.       <!--Third item-->
  1047.       <li>
  1048.         <div class=\"flex items-center pt-3 md:block md:pt-0\">
  1049.           <div
  1050.               class=\"md:mx-auto h-[9px] w-[9px] rounded-full bg-bleu opacity-50 md:-mt-[5px] -ms-[5px] me-3\"></div>
  1051.           <p class=\"sm:mt-2 ml-1.5 sm:ml-0 text-sm xl:text-base text-bleu opacity-50\">
  1052.             3. Procédez au paiement
  1053.           </p>
  1054.         </div>
  1055.       </li>
  1056.     </ol>
  1057.   </section>
  1059. {% if mode_free %}
  1060.   <section class=\"flex justify-center py-8 sm:py-16\">
  1061.     <div class=\"text-center w-11/12 lg:w-9/12 bg-jaunefonce text-bleu py-2 px-4 rounded-full sm:text-xl\">
  1062.       Vous ne serez pas débité avant la fin de votre essai de 7 jours
  1063.     </div>
  1064.   </section>
  1065. {% endif %}
  1067.   <!--Offres-->
  1068.   <section class=\"flex justify-center{% if mode_tunnel %} pt-8 sm:pt-16{% endif %}\">
  1069.     <div class=\"flex flex-col lg:flex-row justify-between w-11/12 xl:w-9/12\">
  1071.       <!--Colonne gauche-->
  1072.       <div class=\"flex flex-col lg:w-6/12\">
  1073.         {% if not mode_tunnel %}
  1074.         <div>
  1075.           <label for=\"enfants\" class=\"font-bold tracking-tight sm:tracking-normal\">
  1076.             Combien d’enfants souhaitez-vous inscrire&nbsp;?
  1077.           </label>
  1078.           <div class=\"flex items-center mt-2\">
  1079.             <div>
  1080.               <select id=\"nbr-child\" name=\"enfants\" class=\"block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 sm:max-w-xs sm:text-sm/6\">
  1081.                 <option value=\"1\">1 enfant</option>
  1082.                 <option value=\"2\">2 enfants</option>
  1083.                 <option value=\"3\">3 enfants</option>
  1084.                 <option value=\"4\">4 enfants</option>
  1085.                 <option value=\"5\">5 enfants</option>
  1086.               </select>
  1087.             </div>
  1088.             <div class=\"italic text-xs text-gray-500 ml-5\">
  1089.               <p>-20% pour le 2<sup>ème</sup> enfant</p>
  1090.               <p>-30% pour le 3<sup>ème</sup> enfant</p>
  1091.             </div>
  1092.           </div>
  1093.         </div>
  1094.           {% else %}
  1095.           <input type=\"hidden\" name=\"enfants\" value=\"1\" id=\"nbr-child\">
  1096. {% endif %}
  1097.         {% for row in listOffer %}
  1098.         <!--Carte 24 mois-->
  1099.         <div class=\"{% if loop.first %}sm:flex{% else %}flex{% endif%} justify-between border-gray-400 border-solid border-4 rounded-md mt-6\">
  1100.           {% if row.discount is null or (row.discountDate is not null and row.discountDate|date('U') < \"now\"|date('U') ) %}
  1101.             <div>{% if row.monthValid>1 %}
  1102.               <span class=\"text-xs bg-red-600 text-white absolute rounded px-1 py-0.5\">{{ (((((row.price/row.monthValid) - priceMark)/priceMark) * 100)|number_format(0, ',', '.')|abs) }}% de réduction</span>
  1103.               {% endif %}
  1104.             <div class=\"flex flex-col pt-5 pb-5 pl-5\">
  1105.               <div class=\"flex items-center gap-x-3\">
  1106.                 <input id=\"p-{{ loop.index }}\" name=\"price\" value=\"{{ row.slug }}\" type=\"radio\" class=\"h-4 w-4 border-gray-300\" data-id=\"{{ row.id }}\" data-title=\"{{ row.title }}\" data-price=\"{{ row.price }}\" data-month=\"{{ row.monthValid }}\" data-period=\"{% if row.monthValid>1 %}{{ row.monthValid }}{% endif %} mois\">
  1107.                 <label for=\"p-{{ loop.index }}\" class=\"block font-medium text-gray-900\">
  1108.                   <span class=\"font-bold text-xl mr-5\">{{ row.monthValid }} mois</span><br class=\"sm:hidden\"/>
  1109.                   <span class=\"font-bold\">{{ (row.price/row.monthValid)|round(2, 'floor')|number_format(2, ',', '.') }} € / mois</span>
  1110.                 </label>
  1111.               </div>
  1112.               <div class=\"mt-5 text-xs text-gray-500\">
  1113.                 {% if row.monthValid>1 %}En un paiement de {{ row.price|number_format(2, ',', '.') }} €.{% endif%} {% if row.monthValid<13 %}Renoulevé tous les {% if row.monthValid>1 %}{{ row.monthValid }}{% endif %}  mois.{% endif %} Annulable à tout moment
  1114.               </div>
  1115.             </div>
  1116.           </div>
  1117.           {% else %}
  1118.             <div>
  1119.               <span class=\"text-xs bg-red-600 text-white absolute rounded px-1 py-0.5\">{% if row.percentDiscount is null %}{{ (((((row.getAmount()/row.monthValid) - priceMark)/priceMark) * 100)|number_format(0, ',', '.')|abs) }}{% else %}{{ row.percentDiscount }}{% endif %}% de réduction</span>
  1120.               <div class=\"flex flex-col pt-10 pb-5 pl-5\">
  1121.                 <div class=\"flex items-center gap-x-3\">
  1122.                   <input id=\"p-{{ loop.index }}\" name=\"price\" value=\"{{ row.slug }}\" type=\"radio\" class=\"h-4 w-4 border-gray-300 js-auto-discount\" data-title=\"{{ row.title }}\" data-discount=\"{{ row.discount.codePromo }}\" data-price=\"{{ row.price }}\" data-month=\"{{ row.monthValid }}\" data-period=\"{% if row.monthValid>1 %}{{ row.monthValid }}{% endif %} mois\">
  1123.                   <label for=\"p-{{ loop.index }}\" class=\"block font-medium text-gray-900\">
  1124.                     <span class=\"font-bold text-xl mr-5\">{{ row.monthValid }} mois</span><br class=\"sm:hidden\"/>
  1125.                     <span class=\"font-bold\">{{ (row.getAmount()/row.monthValid)|round(2, 'floor')|number_format(2, ',', '.') }} € / mois <span class=\"line-through text-gray-500\">( au lieu de {{ priceMark|number_format(2, ',', '.') }}€)</span></span>
  1126.                   </label>
  1127.                 </div>
  1128.                 <div class=\"mt-5 text-xs text-gray-500\">
  1129.                   {% if row.monthValid>1 %}En un paiement de {{ row.getAmount()|number_format(2, ',', '.') }} € (<span class=\"text-decoration-line-through\" style=\"text-decoration: line-through\">{{ row.oldPrice }} €</span>) avec le code {{ row.discount.codePromo|upper }}.{% endif%} {% if row.monthValid<13 %}Renoulevé tous les {% if row.monthValid>1 %}{{ row.monthValid }}{% endif %}  mois.{% endif %} Annulable à tout moment
  1130.                 </div>
  1131.               </div>
  1132.             </div>
  1133.           {% endif %}
  1134.           {% if loop.first %}
  1135.           <div class=\"flex flex-col justify-center bg-jaunefonce sm:w-5/12 sm:p-5 p-3\">
  1136.             <div class=\"flex flex-wrap font-bold items-center justify-center sm:justify-start\">Coup de<img src=\"/static/img/tunnel/coeur-rouge.png\" alt=\"Coup de coeur des parents\" class=\"px-1 sm:px-2 w-5 h-4 sm:w-auto\" />des parents</div>
  1137.             <div class=\"mt-5 text-xs text-center sm:text-justify\">Inclus les annales du Bac et du Brevet corrigées en vidéo</div>
  1138.           </div>
  1139.           {% endif %}
  1140.         </div>
  1141.         {% endfor %}
  1142.         {% set titre_faq  = \"Comment fonctionne l’essai gratuit de 7&nbsp;jours&nbsp;:\" %}
  1143.         {% set faq = [
  1144.           {
  1145.             \"titre\":\"Pendant la période d’essai\",
  1146.             \"texte\":\"Je teste tous les contenus compris dans mon abonnement, les stages de révision pendant les vacances et les boost matière.\"
  1147.           },{
  1148.             \"titre\":\"Comment arrêter l’essai gratuit\",
  1149.             \"texte\": \"Avant la fin des 7 jours d’essai, rendez-vous dans la rubrique “gestion du compte” de votre espace parents et cliquez sur “mettre fin à la période d’essai”.\"
  1150.         }]  %}
  1151.         {% if mode_free %}
  1152.         <!--L'essai gratuit pour PC-->
  1153.         <div class=\"mt-12 text-gray-500 hidden lg:block text-justify\">
  1154.           <p class=\"font-bold\">
  1155.               {{ titre_faq|raw }}
  1156.           </p>
  1157.             {% for row in faq %}
  1158.               <p class=\"mt-5\">
  1159.                 <span class=\"font-bold\">{{ row.titre }}</span>
  1160.                 <br />
  1161.                 {{ row.texte }}
  1162.               </p>
  1163.             {% endfor %}
  1164.         </div>
  1167.         <!--Accordéon pour mobile-->
  1168.         <div class=\"mt-12 py-2 px-3 border-gray-400 border-solid border rounded-md lg:hidden\" x-data=\"{selected: null}\">
  1169.           <div>
  1170.             <div>
  1171.               <div class=\"w-full flex justify-between items-center cursor-pointer\"
  1172.                    @click=\"selected !== 1 ? selected = 1 : selected = null\"
  1173.               >
  1174.                 <h4 class=\"font-bold text-gray-500\">{{ titre_faq|raw }}</h4>
  1175.                 <div class=\"pl-2\">
  1176.                   <img class=\"transition-all ease-in-out duration-700 min-w-4\" :class=\"selected === 1 ? 'rotate-180' : ''\" alt=\"chevron\" src=\"/static/img/tunnel/chevron.svg\" />
  1177.                 </div>
  1178.               </div>
  1179.               <div class=\"relative overflow-hidden max-h-0 transition-all ease-in-out duration-700\" x-ref=\"container1\" :style=\"selected === 1 ? 'max-height: ' + \$refs.container1.scrollHeight + 'px' : ''\">
  1180.                 <div class=\"pt-4 flex flex-col space-y-3\">
  1181.                   <div class=\"text-gray-500 text-justify\">
  1182.                     {% for row in faq %}
  1183.                       <p class=\"mt-5\">
  1184.                         <span class=\"font-bold\">{{ row.titre }}</span>
  1185.                         <br />
  1186.                         {{ row.texte }}
  1187.                       </p>
  1188.                     {% endfor %}
  1189.                   </div>
  1190.                 </div>
  1191.               </div>
  1192.             </div>
  1193.           </div>
  1194.         </div>
  1195. {% endif %}
  1197.       </div>
  1200.       <!--Colonne droite-->
  1201.       <div class=\"flex flex-col lg:w-5/12 my-16 lg:mt-0\">
  1203.         <!--Encadré bleu-->
  1204.         <div class=\"flex flex-col bg-bleu rounded-2xl\">
  1205.           <div class=\"text-white font-bold text-center text-2xl py-5\">Ce que comprend l'offre {{ typeOffer.title }}</div>
  1206.           <div class=\"flex flex-col bg-white m-2 rounded-2xl p-5\">
  1207.            <div>
  1208.              {% if typeOffer is not null %}
  1209.                {{ typeOffer.textPaid|raw }}
  1210.              {% endif %}
  1211.            </div>
  1212.             <label for=\"promo\" class=\"mt-8 sm:mt-16\">Vous disposez d'un code promotionel ? Indiquez-le ici :</label>
  1213.             <div class=\"flex mt-5\">
  1214.               <input type=\"text\" name=\"promo\" id=\"promo\" autocomplete=\"username\" class=\"flex-1 border-0 py-1.5 pl-5 placeholder:text-gray-400 placeholder:text-[3.5vw] sm:placeholder:text-[16px] rounded-l-md shadow-sm ring-1 ring-inset ring-gray-300 w-[2vw]\" placeholder=\"Entrez le code promo\">
  1215.               <button type=\"submit\" class=\"bg-jaunefonce px-3 py-2 text-xl font-bold text-white shadow-sm hover:bg-rouge rounded-r-3xl\" id=\"button-code-promo\">Valider</button>
  1216.             </div>
  1217.             <div class=\"\" id=\"tr-code\">
  1218.               <div style=\"padding: 2%;\" class=\"mt-2\">
  1219.                 <div class=\"remise-appliquee font-bold\"></div>
  1220.                 <div id=\"text-percent\"></div>
  1221.               </div>
  1222.             </div>
  1223.             <div class=\"grid grid-cols-[repeat(2,minmax(auto,auto))] gap-4 border-jaunefonce border-solid border-8 rounded-3xl mt-8 sm:mt-16 p-6 items-center\">
  1224.               {% if mode_free %}
  1225.               <span>Montant dû aujourd'hui</span>
  1226.               <span>0 €</span>
  1227.               <span>Montant dû {{ \"now\"|date_modify(\"+8 day\")|format_datetime(locale='fr',pattern=\"dd MMMM YYYY\") }}</span>
  1228.               <span id=\"som-toto\"></span>
  1229.               {% else %}
  1230.                 <span>Montant dû aujourd'hui</span>
  1231.                 <span id=\"som-toto\"></span>
  1232.               {% endif %}
  1234.             </div>
  1235.           </div>
  1236.         </div>
  1238.         <!--Bouton-->
  1239.         <div class=\"flex justify-center mt-10 cursor-pointer\">
  1240.           <button type=\"submit\" class=\"bg-jaunefonce btn-form text-bleu rounded-3xl text-3xl font-muller py-3 px-20\">OK j'essaie</button>
  1241.           <img src=\"/static/img/tunnel/clic-hand.png\" alt=\"Essayer l'offre\" class=\"absolute pl-60 pt-5 btn-form\" />
  1242.         </div>
  1244.         <!-- TrustBox widget - List pour PC-->
  1245.         <div class=\"trustpilot-widget mt-20 hidden lg:block\" data-locale=\"fr-FR\" data-template-id=\"539ad60defb9600b94d7df2c\" data-businessunit-id=\"5c9c8063164d370001824ce4\" data-style-height=\"500px\" data-style-width=\"100%\" data-stars=\"4,5\" data-review-languages=\"fr\">
  1246.           <a href=\"https://fr.trustpilot.com/review/lesbonsprofs.com\" target=\"_blank\" rel=\"noopener\">Trustpilot</a>
  1247.         </div>
  1249.         <!-- TrustBox widget - Mini pour mobiles-->
  1250.         <div class=\"trustpilot-widget lg:hidden mt-16\" data-locale=\"fr-FR\" data-template-id=\"53aa8807dec7e10d38f59f32\" data-businessunit-id=\"5c9c8063164d370001824ce4\" data-style-height=\"150px\" data-style-width=\"100%\">
  1251.           <a href=\"https://fr.trustpilot.com/review/lesbonsprofs.com\" target=\"_blank\" rel=\"noopener\">Trustpilot</a>
  1252.         </div>
  1254.       </div>
  1256.     </div>
  1258.   </section>
  1259.   <form class=\"form-next-step-2\" action=\"{{ path('choix-formule-step') }}?offre={{ getOffer }}\" method=\"post\" id=\"parents_registration_first_step_{% if getOffer == \"essentielle\" %}essentielle{% else %}assistancevisio{% endif %}\">
  1261.   </form>
  1262.   <div class=\"u-spinner h-100 vh-100\">
  1263.     <svg class=\"svg-icon svg-loader\" version=\"1.1\" id=\"L4\" xmlns=\"http://www.w3.org/2000/svg\"
  1264.          xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 50 100\" enable-background=\"new 0 0 0 0\"
  1265.          xml:space=\"preserve\">
  1266.         <circle cx=\"0\" cy=\"50\" r=\"6\">
  1267.           <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.1\"></animate>
  1268.         </circle>
  1269.       <circle cx=\"20\" cy=\"50\" r=\"6\">
  1270.         <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.2\"></animate>
  1271.       </circle>
  1272.       <circle cx=\"41\" cy=\"50\" r=\"6\">
  1273.         <animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\"0.3\"></animate>
  1274.       </circle>
  1275.     </svg>
  1276.   </div>
  1277.   {% block javascripts %}
  1278.     {{ encore_entry_script_tags('tunnel') }}
  1279.   {% endblock %}
  1280. <script type=\"text/javascript\">
  1281.   \$(document).ready(function(){
  1282.     function calculPrice(){
  1283.       var nbrChild = parseInt(\$('#nbr-child').val());
  1284.       var som = 0;
  1286.       if(\$('input[name=\"price\"]:checked').length==1){
  1287.         var period = \$('input[name=\"price\"]:checked').attr('data-period');
  1288.         var month  = \$('input[name=\"price\"]:checked').attr('data-month');
  1289.         var price  = \$('input[name=\"price\"]:checked').attr('data-price');
  1291.         var realPrice = parseFloat(price);
  1293.         for(var i = 0;i<nbrChild;i++){
  1295.           if(i==0){
  1297.             if(\$('#button-code-promo').is(\"[data-percent]\")){
  1298.               var percent = \$('#button-code-promo').attr('data-percent');
  1299.               if(\$('#button-code-promo').hasClass('js-calculate-auto')){
  1300.                 som = som + (realPrice - realPrice*(parseFloat(percent)/100));
  1301.               }else{
  1302.                 som= som + realPrice
  1303.               }
  1305.             }else{
  1306.               som= som + realPrice
  1307.             }
  1308.           }
  1309.           if(i==1){
  1310.             if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  1311.               som = som + (realPrice - realPrice*0.2);
  1312.             }else{
  1313.               som = som + (realPrice - realPrice*0.35);
  1314.             }
  1315.           }
  1316.           if(2<=i){
  1318.             if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  1319.               som = som + (realPrice - realPrice*0.3);
  1320.             }else{
  1321.               som = som + (realPrice - realPrice*0.45);
  1322.             }
  1323.           }
  1324.         }
  1327.         \$('#som-toto').text('').text((som.toFixed(2)).replaceAll('.',',')+' €');
  1328.         \$('#som-toto').attr('data-som',som.toFixed(2))
  1329.         \$('.total-price').text(' / '+period);
  1330.       }
  1332.     }
  1333.     \$('#nbr-child').change(function(){
  1334.       var val = \$(this).val();
  1336.       calculPrice();
  1337.       if(\$('.form-next-step-2').find('input[name=\"child\"]').length==0){
  1338.         \$('.form-next-step-2').append('<input type=\"hidden\" name=\"child\" value=\"'+val+'\"/>')
  1339.       }else{
  1340.         \$('.form-next-step-2').find('input[name=\"child\"]').val(val);
  1341.       }
  1342.     })
  1343.     var percent = 0;
  1344.     var coupon
  1345.     \$('#button-code-promo').click(function(){
  1349.       if (\$('input[name=\"price\"]:checked').length==1){
  1350.         var priceId  = \$('input[name=\"price\"]:checked').attr('data-id');
  1351.         var self = \$(this);
  1352.         \$(this).prev().removeClass('is-invalid');
  1353.         coupon = \$(this).prev().val();
  1354.         self.parent().parent().find('.invalid-feedback').text('')
  1355.         \$.ajax({
  1356.           url:\"{{ path('valid_coupon') }}\",
  1357.           data:\"coupon=\"+coupon,
  1358.           success:function(elem){
  1359.             var verif= true;
  1362.             self.parent().find('input').val('');
  1364.             if(elem.success){
  1366.               if(elem.data.allowOffer.length>0 && !elem.data.allowOffer.includes(parseInt(priceId))){
  1367.                 verif = false;
  1368.               }
  1370.               if(verif){
  1371.                 if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==0){
  1372.                   \$('.form-next-step-2').append('<input type=\"hidden\" name=\"discount\" value=\"'+elem.data.code+'\"/>')
  1373.                 }else{
  1374.                   \$('.form-next-step-2').find('input[name=\"discount\"]').val(elem.data.code);
  1375.                 }
  1376.                 percent = elem.data.percent;
  1377.                 self.attr('data-percent',percent);
  1379.                 //\$('#text-percent').text('').text('reduction de '+percent+'%')
  1380.                 \$('.remise-appliquee').text('').text('Promotion appliquée : '+elem.data.description);
  1381.                 self.addClass('js-calculate-auto')
  1382.                 calculPrice();
  1383.               }
  1386.             }
  1387.             if(!elem.success || !verif){
  1388.               self.parents('.input-group').parent().find('.invalid-feedback').text('').text('Ce code promo est invalide !');
  1389.               if(!self.parents('.input-group').find('input').hasClass('is-invalid')){
  1390.                 self.parents('.input-group').find('input').addClass('is-invalid');
  1391.               }
  1392.             }
  1393.           }
  1394.         })
  1395.       }else{
  1396.         alert('Veuillez choisir une durée de votre offre')
  1397.       }
  1400.     })
  1401.     \$('input[name=\"price\"]').change(function(){
  1402.       if(\$(this).is(':checked')){
  1404.         var price = parseFloat(\$(this).attr('data-price'));
  1405.         var period = \$(this).attr('data-period');
  1406.         var offer = \$(this).val();
  1407.         var month = \$(this).attr('data-month');
  1409.         if(\$(this).hasClass('js-auto-discount')){
  1410.           var coupon = \$(this).attr('data-discount');
  1412.           \$('.u-spinner').addClass('open')
  1413.           \$.ajax({
  1414.             url:\"{{ path('valid_coupon') }}\",
  1415.             data:\"coupon=\"+coupon,
  1416.             success:function(elem){
  1417.               if(elem.success){
  1418.                 //\$('#tr-code').removeClass('d-none')
  1419.                 if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==0){
  1420.                   \$('.form-next-step-2').append('<input type=\"hidden\" name=\"discount\" value=\"'+elem.data.code+'\"/>')
  1421.                 }else{
  1422.                   \$('.form-next-step-2').find('input[name=\"discount\"]').val(elem.data.code);
  1423.                 }
  1424.                 percent = elem.data.percent;
  1425.                 \$('#button-code-promo').attr('data-percent',percent);
  1427.                 if(!\$('#button-code-promo').hasClass('js-calculate-auto')){
  1428.                   \$('#button-code-promo').addClass('js-calculate-auto')
  1429.                 }
  1431.                 // self.attr('data-percent',percent);
  1433.                 //\$('#text-percent').text('').text('reduction de '+percent+'%')
  1434.                 \$('.remise-appliquee').text('').text('Promotion appliquée : '+elem.data.description);
  1436.                 calculPrice();
  1437.                 \$('.u-spinner').removeClass('open')
  1438.               }
  1439.             }
  1440.           })
  1441.         }else{
  1442.           \$('#button-code-promo').attr('data-percent',0);
  1443.           if(\$('.form-next-step-2').find('input[name=\"discount\"]').length==1){
  1444.             \$('.form-next-step-2').find('input[name=\"discount\"]').remove()
  1445.           }
  1446.           //\$('#text-percent').text('')
  1447.           \$('.remise-appliquee').text('');
  1448.           calculPrice()
  1449.         }
  1452.         if(\$('.form-next-step-2').find('input[name=\"offer\"]').length==0){
  1453.           \$('.form-next-step-2').append('<input type=\"hidden\" name=\"offer\" value=\"'+offer+'\"/>')
  1454.         }else{
  1455.           \$('.form-next-step-2').find('input[name=\"offer\"]').val(offer);
  1456.         }
  1457.         // \$('#text-toto-offer-period').removeClass('d-none').addClass('d-block')
  1458.         //  \$('#toto-offer-period').text(period.toLowerCase())
  1459.       }
  1460.     })
  1461.     \$('input[name=\"price\"]').change()
  1462.     \$('.btn-form').click(function(){
  1463.       if(\$('.form-next-step-2').find('input[name=\"offer\"]').length==0){
  1465.       }else{
  1466.         fbq('track', 'AddToCart', {
  1467.           content_name: \$('input[name=\"price\"]:checked').data('title'),
  1468.           content_category: '{{ typeOffer.title|upper }}',
  1469.           content_ids: [\$('input[name=\"price\"]:checked').val()],
  1470.           content_type: 'product',
  1471.           value: \$('#som-toto').data('som'),
  1472.           currency: 'EUR'
  1473.         });
  1474.         \$('.form-next-step-2').submit();
  1475.       }
  1476.     })
  1477.     {% if not getPrice %}
  1478.     \$('.show-mentor #p-1').click();
  1479.     {% endif %}
  1481.   })
  1482. </script>
  1483. </body>
  1484. ", "front/tunnel/step1.html.twig", "/var/www/dashboard/templates/front/tunnel/step1.html.twig");
  1485.     }
  1486. }