var/cache/dev/twig/ac/ac584cf928a69953d2dc5cbda819f683.php line 40

  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* @Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig */
  16. class __TwigTemplate_e2c96baa3646cc465db417e16e5b5a9c extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheets' => [$this, 'block_stylesheets'],
  29.             'body' => [$this, 'block_body'],
  30.             'javascripts' => [$this, 'block_javascripts'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 1
  37.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  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", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.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", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig"));
  49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig", 1);
  50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  51.         
  52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  54.         
  55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  57.     }
  59.     // line 4
  60.     public function block_stylesheets($context, array $blocks = [])
  61.     {
  62.         $macros = $this->macros;
  63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  69.         // line 5
  70.         $this->displayParentBlock("stylesheets", $context, $blocks);
  71.         echo "
  72.  <link rel=\"stylesheet\" href=\"";
  73.         // line 6
  74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/css/reservation.css"), "html", null, true);
  75.         echo "\" />
  76.  
  77. ";
  78.         // line 9
  79.         echo "<style>
  80. .fs-5{
  81.   font-size: 17px !important;
  82. }
  83. .title {
  84. font-family: 'Montserrat', sans-serif;
  85. font-weight:bold;
  86. font-size: 12px;
  87. padding-bottom: 0px;
  88. margin-top: 0px;color:black;
  89. }
  91.   .modal-backdrop.fade.show {
  92.         display: none;
  93. }
  95. i.fa-solid.fa-users {
  96.     font-size: 24px;
  97. }
  99. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3 {
  100.     flex: 0 0 86%;
  101. }
  102. i.fa.fa-users {
  103.   font-size: 22px;
  104. }
  105. .titre-page{
  106. margin-top:10px;
  107. font-size: 20px;
  108. line-height:45.29px;
  109. color: #000000;
  110. }
  114.     .imageForMobile{
  115.         display:none;
  116.     } 
  117.     .imageForDesktop{
  118.         display:block;
  119.     }
  120.     
  121.         
  122.  
  123.  
  124.     @media (max-width:767px) {
  125.                 
  126.         .imageForDesktop{
  127.             display:none;
  128.         } 
  129.         .imageForMobile{
  130.             display:block;
  131.         }
  132.         
  133.         .col-sm-8.reservation-steeps{
  134.                 top: 0px
  135.         }
  136.         .divCardsForMobile{
  137.             top: 0px !important;
  138.         }
  139.         .multistep-container .mutistep-form-area{
  140.             margin-top: 0px !important;
  141.         }  
  142.         
  143.           .titre-page{
  144.               padding-left: 10px;
  145.               font-size: 15px !important;
  146.               line-height: 23.29px !important;
  147.               margin-top: 0px !important;
  148.         }
  150.          .forMobile{
  151.                 margin-top: 5% !important;
  152.         }
  153.             #btnTarifs{
  154.                     padding: 5px !important;
  155.                     font-size: 12px !important;
  156.             }
  157.             
  158.              .forMobile .col-sm-6{
  159.                 padding-right: 0px !important;
  160.                 padding-left: 0px !important;
  161.              } 
  162.              
  163.               #btnInformation{
  164.                    width: 170px !important;
  165.                     font-size: 10px !important;
  166.         }
  167.         #btnReservation{
  168.                 font-size: 10px !important;
  169.                 width: 100px!important;
  170.         }
  171.         .bureaux-desc{
  172.             padding: 15px!important;
  173.         }
  174.          .close{
  175.           width:25px !important;
  176.       }
  177.         
  178.       }
  179.       
  180.        #btnTarifs:hover{
  181.             background: #dfb150 !important;
  182.             color: white !important;
  183.         }
  184. </style>
  185.   
  186. ";
  187.         
  188.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  190.         
  191.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  193.     }
  195.     // line 117
  196.     public function block_body($context, array $blocks = [])
  197.     {
  198.         $macros = $this->macros;
  199.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  200.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  202.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  203.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  205.         // line 118
  206.         echo " 
  207.  
  208.  
  209.  
  211.      <img loading=\"lazy\" src=\"";
  212.         // line 123
  213.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/background_FREEWORK.png"), "html", null, true);
  214.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
  215.     <img loading=\"lazy\" src=\"";
  216.         // line 124
  217.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/BgFreeworkMobile.png"), "html", null, true);
  218.         echo "\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
  219.   
  220.     <div class=\"container\">
  221.     <div class=\"row\">
  223.       
  224.       <div class=\"col-sm-8 reservation-steeps\">
  226.            <div class=\"row\">
  227.           <div class=\"col-sm-6\">
  228.             <h6 class=\"titre-page\">Réservation Freework</h6>
  229.           </div>
  230.           <div class=\"col-sm-6\" style=\"margin-top:10px;\">
  231.             <a href=\"/themes/coworking/front/images/FREEWORK.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\"> NOS TARIFS</a>
  232.           </div>
  233.         </div>
  234.         
  235.        
  237.      
  238.         <div class=\"container\">
  239.              ";
  240.         // line 159
  241.         echo "
  242.              
  244.             <div class=\"col-xl-12\">
  245.               <div class=\"multistep-container\">
  246.                 <div class=\"mutistep-form-area\">
  247.                
  248.                        
  249.                             <div class=\"container\" style=\"margin-top:40px;\">
  251.                     
  253.                                 <div class=\"panel\">
  254.                                    
  255.                                      
  256.                                     ";
  257.         // line 174
  258.         $context['_parent'] = $context;
  259.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 174, $this->source); })()));
  260.         foreach ($context['_seq'] as $context["_key"] => $context["freework"]) {
  261.             // line 175
  262.             echo "                                          <div class=\"card-brx row mt-3 panel\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
  263.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
  264.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"";
  265.             // line 177
  266.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/shop/products/" . twig_get_attribute($this->env, $this->source, $context["freework"], "image", [], "any", false, false, false, 177))), "html", null, true);
  267.             echo "\" style=\"width:90%; border-radius:6px;margin-top: 10px;\" />
  268.                                             </div>
  269.                 
  270.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
  271.                                               <div>
  272.                                                    <div style=\"float: right;\">
  273.                                                  <i class=\"fa fa-user\" style=\"color:black;\"></i> 
  274.                                                    </div>
  275.                                                
  276.                                                
  277.                                                 <p class=\"fs-5 title\" >";
  278.             // line 187
  279.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "name", [], "any", false, false, false, 187), "html", null, true);
  280.             echo "</p>
  281.                                                   <a class=\"float-left\" href=\"#\" id=\"seePrice\"  style=\"white-space:nowrap;padding-top: 10px;text-decoration:none;font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:left;color: #020202;font-weight: 500;width: 139px;\">À partir de<br> 80* MAD TTC / Journée</a>
  282.                                                
  283.                                                 <br><br><br><br>
  284.                                                       
  285.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal";
  286.             // line 192
  287.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "id", [], "any", false, false, false, 192), "html", null, true);
  288.             echo "\"style=\"padding: 10px;text-decoration: none;width: 129px;font-size: 13px;font-family: 'PT Sans', sans-serif;letter-spacing: 2px;/* float: right; */color: #020202;text-decoration: underline;margin-right: 10px;margin-right: 10px;font-weight: 800;\"><u>Voir Details</u></a>
  289.                                                         <a href=\"";
  290.             // line 193
  291.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationFreeworkstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["freework"], "id", [], "any", false, false, false, 193)]), "html", null, true);
  292.             echo "\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"  style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
  293.                                                       
  294.                                                
  295.                                                
  296.                                                
  297.                                                 <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
  298.                                                  <!-- <p style=\"padding-top: 0px;\">";
  299.             // line 199
  300.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "description", [], "any", false, false, false, 199), "html", null, true);
  301.             echo "</p>-->
  302.                                                  
  303.                                                 </div>
  304.                                               </div>
  305.                                             </div>
  306.                 
  307.                                              <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-end align-items-end mb-3\">
  308.                                                 ";
  309.             // line 207
  310.             echo "                                                ";
  311.             // line 208
  312.             echo "                                                        
  313.                                                 ";
  314.             // line 210
  315.             echo "                                                ";
  316.             // line 211
  317.             echo "                                                ";
  318.             // line 212
  319.             echo "                                                ";
  320.             // line 213
  321.             echo "                                                ";
  322.             // line 214
  323.             echo "                                                ";
  324.             // line 215
  325.             echo "                                                ";
  326.             // line 216
  327.             echo "                                                ";
  328.             // line 217
  329.             echo "                                                
  330.                                             </div>
  331.                                             
  332.                                             
  333.                                             
  334.                                             
  335.                                             
  336.                                             
  337.                                             
  338.                                           </div>
  339.                                   
  340.                                    
  341.                                 ";
  342.         }
  343.         $_parent = $context['_parent'];
  344.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['freework'], $context['_parent'], $context['loop']);
  345.         $context = array_intersect_key($context, $_parent) + $_parent;
  346.         // line 229
  347.         echo " 
  348.                                       
  350.                                               
  351.                                 </div>
  352.                                 
  354.                             </div>
  355.                             
  356.                            
  357.                      
  358.  
  359.                     </form>
  360.                   </div>
  361.                   <!--  -->
  363.                   
  365.                  
  366.                   <!--  -->
  367.                 </div>
  368.               </div>
  369.              
  370.           </div>
  371.         </div>
  372.         
  373.     ";
  374.         // line 255
  375.         $context['_parent'] = $context;
  376.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 255, $this->source); })()));
  377.         foreach ($context['_seq'] as $context["_key"] => $context["freework"]) {
  378.             // line 256
  379.             echo "    <div class=\"modal fade\" id=\"aynModal";
  380.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "id", [], "any", false, false, false, 256), "html", null, true);
  381.             echo "\">
  382. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
  383. \t\t\t\t\t\t\t\t<div
  384. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
  386. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
  387. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
  388. \t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
  389. \t\t\t\t\t\t\t\t\t</div>
  390. \t\t\t\t\t\t\t\t\t<div class=\"container\">
  391. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
  393. \t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  394. \t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"font-size:25px;font-wight:bold;margin-top:5%;\">";
  395.             // line 269
  396.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "name", [], "any", false, false, false, 269), "html", null, true);
  397.             echo "</h2>
  398. \t\t\t\t\t\t\t\t\t\t\t</div>
  399. \t\t\t\t\t\t\t\t\t\t\t<small>
  400. \t\t\t\t\t\t\t\t\t\t\t";
  401.             // line 272
  402.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "shortDescription", [], "any", false, false, false, 272), "html", null, true);
  403.             echo "    
  404. \t\t\t\t\t\t\t\t\t\t\t</small>
  405. \t\t\t\t\t\t\t\t\t\t\t";
  406.             // line 275
  407.             echo "\t\t\t\t\t\t\t\t\t\t\t";
  408.             // line 276
  409.             echo "\t\t\t\t\t\t\t\t\t\t\t";
  410.             // line 277
  411.             echo "\t\t\t\t\t\t\t\t\t\t\t";
  412.             // line 278
  413.             echo "\t\t\t\t\t\t\t\t\t\t\t";
  414.             // line 279
  415.             echo "\t\t\t\t\t\t\t\t\t\t</div>
  416. \t\t\t\t\t\t\t\t\t\t
  417. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
  418. \t\t\t\t\t\t\t\t\t
  419. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
  420. \t\t\t\t\t\t\t\t\t\t    
  421. \t\t\t\t\t\t\t\t\t\t   <img loading=\"lazy\" src=\"";
  422.             // line 285
  423.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/shop/products/" . twig_get_attribute($this->env, $this->source, $context["freework"], "image", [], "any", false, false, false, 285))), "html", null, true);
  424.             echo "\"  id=\"main\">
  425.                                             <div id=\"thumbnails\">
  426.                                                  ";
  427.             // line 287
  428.             $context['_parent'] = $context;
  429.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["freework"], "images", [], "any", false, false, false, 287));
  430.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
  431.                 echo " 
  432.                                               <img loading=\"lazy\" src=\"/uploads/coworking/detail/";
  433.                 // line 288
  434.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 288), "html", null, true);
  435.                 echo "\">
  436.                    
  437.                                             ";
  438.             }
  439.             $_parent = $context['_parent'];
  440.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
  441.             $context = array_intersect_key($context, $_parent) + $_parent;
  442.             // line 291
  443.             echo "                                            </div>
  444. \t\t\t\t\t\t\t\t\t\t   
  446. <!--<img loading=\"lazy\" src=\"";
  447.             // line 294
  448.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/iimg6.png"), "html", null, true);
  449.             echo "\" id=\"main\">
  450. <div id=\"thumbnails\">
  451.   <img loading=\"lazy\" src=\"";
  452.             // line 296
  453.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/iimg6.png"), "html", null, true);
  454.             echo "\">
  455.   <img loading=\"lazy\" src=\"";
  456.             // line 297
  457.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/iimg1.png"), "html", null, true);
  458.             echo "\">
  459.   <img loading=\"lazy\" src=\"";
  460.             // line 298
  461.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/iimg2.png"), "html", null, true);
  462.             echo "\">
  463. </div>-->
  464. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
  465. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  466. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">
  467. \t\t\t\t\t\t\t\t\t\t\t\t\t\tÉquipements</p>
  468. \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
  469. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>";
  470.             // line 305
  471.             echo twig_nl2br(twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["freework"], "description", [], "any", false, false, false, 305), "html", null, true));
  472.             echo "</li>
  473. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
  474. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
  475. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  476. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  477. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">Services</p>
  478. \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
  479. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Accès internet wifi haut débit ( Gratuit )</li>
  480. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Accès internet par cable</li>
  481. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Parking</li>
  482. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Restaurants</li>
  483. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Fitness et vestiaires</li>
  484. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace gaming</li>
  485. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Nap room</li>
  486. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Centre de beauté</li>
  487. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace kitchenette</li>
  488. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
  489. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Free work</li>
  490. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Photocopie
  491. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>
  492. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Secrétariat</li>
  493. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
  494. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  495. \t\t\t\t\t\t\t\t\t\t\t</div>
  496. \t\t\t\t\t\t\t\t\t\t\t
  497. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
  498. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
  499. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  500. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"";
  501.             // line 333
  502.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationMeetingstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["freework"], "id", [], "any", false, false, false, 333)]), "html", null, true);
  503.             echo "\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
  504. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRéserver
  505. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
  506. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  507. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  508. \t\t\t\t\t\t\t\t\t\t\t</div>
  509. \t\t\t\t\t\t\t\t\t\t</div>
  512. \t\t\t\t\t\t\t\t\t</div>
  513. \t\t\t\t\t\t\t\t</div>
  514. \t\t\t\t\t\t\t</div>
  515. \t\t\t\t\t\t</div>
  516. ";
  517.         }
  518.         $_parent = $context['_parent'];
  519.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['freework'], $context['_parent'], $context['loop']);
  520.         $context = array_intersect_key($context, $_parent) + $_parent;
  521.         // line 347
  522.         echo "
  526.       </div>
  527.     </div>
  528.   </div>
  529.   
  530.   
  531. ";
  532.         
  533.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  535.         
  536.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  538.     }
  540.     // line 363
  541.     public function block_javascripts($context, array $blocks = [])
  542.     {
  543.         $macros = $this->macros;
  544.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  545.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  547.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  548.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  550.         // line 364
  551.         echo "  <!-- MAIN CONTENT -->
  554. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
  555. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
  556. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
  557. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
  559.   <script>
  560.        \$(document).ready(function () {
  561.              
  562.       \$(\"#seeDetails\").click(function(){
  563.           \$(\".panel-sticky\").css('z-index','0');
  564.       });
  565.        \$(\".close\").click(function(){
  566.           \$(\".panel-sticky\").css('z-index','9999999');
  567.       });
  568.       \$(\"#selectAdon\").chosen();
  569.       \$('.multistep-container .form-box .button-row .next').click(function () {
  570.         \$(this).parents('.form-box').fadeOut('fast')
  571.         \$(this).parents('.form-box').next().fadeIn('fast')
  572.       })
  573.       \$('.multistep-container .form-box .button-row .previous').click(function () {
  574.         \$(this).parents('.form-box').fadeOut('fast')
  575.         \$(this).parents('.form-box').prev().fadeIn('fast')
  576.       })
  577.       
  578.     
  579.       
  580.       \$('.ReserveNext').click(function () {
  581.         \$(this).parents('.form-box').fadeOut('fast')
  582.         \$(this).parents('.form-box').next().fadeIn('fast')
  583.       })
  584.       \$('.ReservePrevious').click(function () {
  585.         \$(this).parents('.form-box').fadeOut('fast')
  586.         \$(this).parents('.form-box').prev().fadeIn('fast')
  587.       })
  588.     
  589.     
  590.     
  591.       
  592.     //   alert(\"frfr\");
  594.     var thumbnails = document.getElementById(\"thumbnails\")
  595. var imgs = thumbnails.getElementsByTagName(\"img\")
  596. var main = document.getElementById(\"main\")
  597. var counter=0;
  599. for(let i=0;i<imgs.length;i++){
  600.   let img=imgs[i]
  601.   
  602.   
  603.   img.addEventListener(\"click\",function(){
  604.   main.src=this.src
  605. })
  606.   
  607. }
  608.     });
  609.     
  610.     
  611.     
  612.     
  613.     
  614.     
  615.     /**/
  616.       var stickyHeaders = (function() {
  618.   var \$window = \$(window),
  619.       \$stickies;
  621.   var load = function(stickies) {
  623.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
  625.       \$stickies = stickies.each(function() {
  627.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
  628.   
  629.         \$thisSticky
  630.             .data('originalPosition', \$thisSticky.offset().top)
  631.             .data('originalHeight', \$thisSticky.outerHeight())
  632.               .parent()
  633.               .height(\$thisSticky.outerHeight()); \t\t\t  
  634.       });
  636.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
  637. \t\t  _whenScrolling();\t\t
  638.       });
  639.     }
  640.   };
  642.   var _whenScrolling = function() {
  644.     \$stickies.each(function(i) {\t\t\t
  646.       var \$thisSticky = \$(this),
  647.           \$stickyPosition = \$thisSticky.data('originalPosition');
  648.       
  649.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
  651.       if (\$stickyPosition <= \$window.scrollTop()) {        
  652.         
  653.         var \$nextSticky = \$stickies.eq(i + 1),
  654.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
  656.         \$thisSticky.addClass(\"fixed\");
  658.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
  660.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
  661.         }
  663.       } else {
  664.         
  665.         var \$prevSticky = \$stickies.eq(i - 1);
  667.         \$thisSticky.removeClass(\"fixed\");
  669.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
  671.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
  672.         }
  673.       }
  674.     });
  675.   };
  677.   return {
  678.     load: load
  679.   };
  680. })();
  682. \$(function() {
  683.   stickyHeaders.load(\$(\".followMeBar\"));
  684. });
  685.   </script>
  686. ";
  687.         
  688.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  690.         
  691.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  693.     }
  695.     public function getTemplateName()
  696.     {
  697.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig";
  698.     }
  700.     public function isTraitable()
  701.     {
  702.         return false;
  703.     }
  705.     public function getDebugInfo()
  706.     {
  707.         return array (  551 => 364,  541 => 363,  522 => 347,  502 => 333,  471 => 305,  461 => 298,  457 => 297,  453 => 296,  448 => 294,  443 => 291,  434 => 288,  428 => 287,  423 => 285,  415 => 279,  413 => 278,  411 => 277,  409 => 276,  407 => 275,  402 => 272,  396 => 269,  379 => 256,  375 => 255,  347 => 229,  329 => 217,  327 => 216,  325 => 215,  323 => 214,  321 => 213,  319 => 212,  317 => 211,  315 => 210,  312 => 208,  310 => 207,  300 => 199,  291 => 193,  287 => 192,  279 => 187,  266 => 177,  262 => 175,  258 => 174,  241 => 159,  217 => 124,  213 => 123,  206 => 118,  196 => 117,  79 => 9,  74 => 6,  70 => 5,  60 => 4,  37 => 1,);
  708.     }
  710.     public function getSourceContext()
  711.     {
  712.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
  715. {% block stylesheets %}
  716. {{ parent() }}
  717.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
  718.  
  719. {#<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />#}
  720. <style>
  721. .fs-5{
  722.   font-size: 17px !important;
  723. }
  724. .title {
  725. font-family: 'Montserrat', sans-serif;
  726. font-weight:bold;
  727. font-size: 12px;
  728. padding-bottom: 0px;
  729. margin-top: 0px;color:black;
  730. }
  732.   .modal-backdrop.fade.show {
  733.         display: none;
  734. }
  736. i.fa-solid.fa-users {
  737.     font-size: 24px;
  738. }
  740. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3 {
  741.     flex: 0 0 86%;
  742. }
  743. i.fa.fa-users {
  744.   font-size: 22px;
  745. }
  746. .titre-page{
  747. margin-top:10px;
  748. font-size: 20px;
  749. line-height:45.29px;
  750. color: #000000;
  751. }
  755.     .imageForMobile{
  756.         display:none;
  757.     } 
  758.     .imageForDesktop{
  759.         display:block;
  760.     }
  761.     
  762.         
  763.  
  764.  
  765.     @media (max-width:767px) {
  766.                 
  767.         .imageForDesktop{
  768.             display:none;
  769.         } 
  770.         .imageForMobile{
  771.             display:block;
  772.         }
  773.         
  774.         .col-sm-8.reservation-steeps{
  775.                 top: 0px
  776.         }
  777.         .divCardsForMobile{
  778.             top: 0px !important;
  779.         }
  780.         .multistep-container .mutistep-form-area{
  781.             margin-top: 0px !important;
  782.         }  
  783.         
  784.           .titre-page{
  785.               padding-left: 10px;
  786.               font-size: 15px !important;
  787.               line-height: 23.29px !important;
  788.               margin-top: 0px !important;
  789.         }
  791.          .forMobile{
  792.                 margin-top: 5% !important;
  793.         }
  794.             #btnTarifs{
  795.                     padding: 5px !important;
  796.                     font-size: 12px !important;
  797.             }
  798.             
  799.              .forMobile .col-sm-6{
  800.                 padding-right: 0px !important;
  801.                 padding-left: 0px !important;
  802.              } 
  803.              
  804.               #btnInformation{
  805.                    width: 170px !important;
  806.                     font-size: 10px !important;
  807.         }
  808.         #btnReservation{
  809.                 font-size: 10px !important;
  810.                 width: 100px!important;
  811.         }
  812.         .bureaux-desc{
  813.             padding: 15px!important;
  814.         }
  815.          .close{
  816.           width:25px !important;
  817.       }
  818.         
  819.       }
  820.       
  821.        #btnTarifs:hover{
  822.             background: #dfb150 !important;
  823.             color: white !important;
  824.         }
  825. </style>
  826.   
  827. {% endblock  %}
  828. {% block body %}
  829.  
  830.  
  831.  
  832.  
  834.      <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/background_FREEWORK.png')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
  835.     <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/BgFreeworkMobile.png')}}\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
  836.   
  837.     <div class=\"container\">
  838.     <div class=\"row\">
  840.       
  841.       <div class=\"col-sm-8 reservation-steeps\">
  843.            <div class=\"row\">
  844.           <div class=\"col-sm-6\">
  845.             <h6 class=\"titre-page\">Réservation Freework</h6>
  846.           </div>
  847.           <div class=\"col-sm-6\" style=\"margin-top:10px;\">
  848.             <a href=\"/themes/coworking/front/images/FREEWORK.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\"> NOS TARIFS</a>
  849.           </div>
  850.         </div>
  851.         
  852.        
  854.      
  855.         <div class=\"container\">
  856.              {#  <div class=\"container d-flex justify-content-center align-items-center\">
  857.          
  858.          
  859.           <ul id=\"progressbar\">
  860. \t\t\t\t\t<li class=\"active\"> 
  861.              <span>  Type </span>
  862.              </li>
  863.              <li>Formule</li>
  864. \t\t\t <li>Dates</li>
  865. \t\t\t <li>Confirmation</li>
  866.            
  867.           
  868. \t\t\t\t</ul>
  869.         </div> #}
  871.              
  873.             <div class=\"col-xl-12\">
  874.               <div class=\"multistep-container\">
  875.                 <div class=\"mutistep-form-area\">
  876.                
  877.                        
  878.                             <div class=\"container\" style=\"margin-top:40px;\">
  880.                     
  882.                                 <div class=\"panel\">
  883.                                    
  884.                                      
  885.                                     {% for freework in products   %}
  886.                                           <div class=\"card-brx row mt-3 panel\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
  887.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
  888.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"{{ asset('uploads/coworking/shop/products/' ~ freework.image) }}\" style=\"width:90%; border-radius:6px;margin-top: 10px;\" />
  889.                                             </div>
  890.                 
  891.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
  892.                                               <div>
  893.                                                    <div style=\"float: right;\">
  894.                                                  <i class=\"fa fa-user\" style=\"color:black;\"></i> 
  895.                                                    </div>
  896.                                                
  897.                                                
  898.                                                 <p class=\"fs-5 title\" >{{ freework.name }}</p>
  899.                                                   <a class=\"float-left\" href=\"#\" id=\"seePrice\"  style=\"white-space:nowrap;padding-top: 10px;text-decoration:none;font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:left;color: #020202;font-weight: 500;width: 139px;\">À partir de<br> 80* MAD TTC / Journée</a>
  900.                                                
  901.                                                 <br><br><br><br>
  902.                                                       
  903.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal{{ freework.id }}\"style=\"padding: 10px;text-decoration: none;width: 129px;font-size: 13px;font-family: 'PT Sans', sans-serif;letter-spacing: 2px;/* float: right; */color: #020202;text-decoration: underline;margin-right: 10px;margin-right: 10px;font-weight: 800;\"><u>Voir Details</u></a>
  904.                                                         <a href=\"{{path(\"reservationFreeworkstep1\",{id:freework.id})}}\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"  style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
  905.                                                       
  906.                                                
  907.                                                
  908.                                                
  909.                                                 <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
  910.                                                  <!-- <p style=\"padding-top: 0px;\">{{ freework.description }}</p>-->
  911.                                                  
  912.                                                 </div>
  913.                                               </div>
  914.                                             </div>
  915.                 
  916.                                              <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-end align-items-end mb-3\">
  917.                                                 {# <div class=\"row\" id=\"forDesktop\">#}
  918.                                                 {#        <div class=\"col-md-4\">#}
  919.                                                         
  920.                                                 {#        </div> #}
  921.                                                 {#         <div class=\"col-md-4\">#}
  922.                                                 {#           <a class=\"float-right\" href=\"#\" data-toggle=\"modal\" id=\"seeDetails\"  data-target=\"#aynModal{{ freework.id }}\" style=\"padding:10px; text-decoration:none; width:129px; font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;color: #020202;font-weight: 800;\"><u>Voir Details</u></a>#}
  923.                                                 {#        </div>#}
  924.                                                 {#         <div class=\"col-md-4\">#}
  925.                                                 {#            <a href=\"{{path(\"reservationFreeworkstep1\",{id:freework.id})}}\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>#}
  926.                                                 {#        </div> #}
  927.                                                 {#</div>#}
  928.                                                 
  929.                                             </div>
  930.                                             
  931.                                             
  932.                                             
  933.                                             
  934.                                             
  935.                                             
  936.                                             
  937.                                           </div>
  938.                                   
  939.                                    
  940.                                 {% endfor %} 
  941.                                       
  943.                                               
  944.                                 </div>
  945.                                 
  947.                             </div>
  948.                             
  949.                            
  950.                      
  951.  
  952.                     </form>
  953.                   </div>
  954.                   <!--  -->
  956.                   
  958.                  
  959.                   <!--  -->
  960.                 </div>
  961.               </div>
  962.              
  963.           </div>
  964.         </div>
  965.         
  966.     {% for freework in products %}
  967.     <div class=\"modal fade\" id=\"aynModal{{freework.id}}\">
  968. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
  969. \t\t\t\t\t\t\t\t<div
  970. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
  972. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
  973. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
  974. \t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\">&times;</button>
  975. \t\t\t\t\t\t\t\t\t</div>
  976. \t\t\t\t\t\t\t\t\t<div class=\"container\">
  977. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
  979. \t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  980. \t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"font-size:25px;font-wight:bold;margin-top:5%;\">{{freework.name}}</h2>
  981. \t\t\t\t\t\t\t\t\t\t\t</div>
  982. \t\t\t\t\t\t\t\t\t\t\t<small>
  983. \t\t\t\t\t\t\t\t\t\t\t{{freework.shortDescription}}    
  984. \t\t\t\t\t\t\t\t\t\t\t</small>
  985. \t\t\t\t\t\t\t\t\t\t\t{#<div class=\"col-sm-6\">#}
  986. \t\t\t\t\t\t\t\t\t\t\t{#\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"#\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%;\">#}
  987. \t\t\t\t\t\t\t\t\t\t\t{#\t\tRéserver#}
  988. \t\t\t\t\t\t\t\t\t\t\t{#\t</a>#}
  989. \t\t\t\t\t\t\t\t\t\t\t{#</div>#}
  990. \t\t\t\t\t\t\t\t\t\t</div>
  991. \t\t\t\t\t\t\t\t\t\t
  992. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
  993. \t\t\t\t\t\t\t\t\t
  994. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
  995. \t\t\t\t\t\t\t\t\t\t    
  996. \t\t\t\t\t\t\t\t\t\t   <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/shop/products/' ~ freework.image) }}\"  id=\"main\">
  997.                                             <div id=\"thumbnails\">
  998.                                                  {% for image in freework.images  %} 
  999.                                               <img loading=\"lazy\" src=\"/uploads/coworking/detail/{{image.path}}\">
  1000.                    
  1001.                                             {% endfor %}
  1002.                                             </div>
  1003. \t\t\t\t\t\t\t\t\t\t   
  1005. <!--<img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/iimg6.png')}}\" id=\"main\">
  1006. <div id=\"thumbnails\">
  1007.   <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/iimg6.png')}}\">
  1008.   <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/iimg1.png')}}\">
  1009.   <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/iimg2.png')}}\">
  1010. </div>-->
  1011. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
  1012. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  1013. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">
  1014. \t\t\t\t\t\t\t\t\t\t\t\t\t\tÉquipements</p>
  1015. \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
  1016. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>{{ freework.description|nl2br|raw }}</li>
  1017. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
  1018. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
  1019. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1020. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
  1021. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">Services</p>
  1022. \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
  1023. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Accès internet wifi haut débit ( Gratuit )</li>
  1024. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Accès internet par cable</li>
  1025. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Parking</li>
  1026. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Restaurants</li>
  1027. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Fitness et vestiaires</li>
  1028. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace gaming</li>
  1029. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Nap room</li>
  1030. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Centre de beauté</li>
  1031. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace kitchenette</li>
  1032. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
  1033. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Free work</li>
  1034. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Photocopie
  1035. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>
  1036. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Secrétariat</li>
  1037. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
  1038. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1039. \t\t\t\t\t\t\t\t\t\t\t</div>
  1040. \t\t\t\t\t\t\t\t\t\t\t
  1041. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
  1042. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
  1043. \t\t\t\t\t\t\t\t\t\t\t\t\t<div>
  1044. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"{{path(\"reservationMeetingstep1\",{id:freework.id})}}\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
  1045. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRéserver
  1046. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
  1047. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
  1048. \t\t\t\t\t\t\t\t\t\t\t\t</div>
  1049. \t\t\t\t\t\t\t\t\t\t\t</div>
  1050. \t\t\t\t\t\t\t\t\t\t</div>
  1053. \t\t\t\t\t\t\t\t\t</div>
  1054. \t\t\t\t\t\t\t\t</div>
  1055. \t\t\t\t\t\t\t</div>
  1056. \t\t\t\t\t\t</div>
  1057. {%  endfor  %}
  1062.       </div>
  1063.     </div>
  1064.   </div>
  1065.   
  1066.   
  1067. {% endblock %}
  1074. {% block javascripts %}
  1075.   <!-- MAIN CONTENT -->
  1078. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
  1079. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
  1080. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
  1081. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
  1083.   <script>
  1084.        \$(document).ready(function () {
  1085.              
  1086.       \$(\"#seeDetails\").click(function(){
  1087.           \$(\".panel-sticky\").css('z-index','0');
  1088.       });
  1089.        \$(\".close\").click(function(){
  1090.           \$(\".panel-sticky\").css('z-index','9999999');
  1091.       });
  1092.       \$(\"#selectAdon\").chosen();
  1093.       \$('.multistep-container .form-box .button-row .next').click(function () {
  1094.         \$(this).parents('.form-box').fadeOut('fast')
  1095.         \$(this).parents('.form-box').next().fadeIn('fast')
  1096.       })
  1097.       \$('.multistep-container .form-box .button-row .previous').click(function () {
  1098.         \$(this).parents('.form-box').fadeOut('fast')
  1099.         \$(this).parents('.form-box').prev().fadeIn('fast')
  1100.       })
  1101.       
  1102.     
  1103.       
  1104.       \$('.ReserveNext').click(function () {
  1105.         \$(this).parents('.form-box').fadeOut('fast')
  1106.         \$(this).parents('.form-box').next().fadeIn('fast')
  1107.       })
  1108.       \$('.ReservePrevious').click(function () {
  1109.         \$(this).parents('.form-box').fadeOut('fast')
  1110.         \$(this).parents('.form-box').prev().fadeIn('fast')
  1111.       })
  1112.     
  1113.     
  1114.     
  1115.       
  1116.     //   alert(\"frfr\");
  1118.     var thumbnails = document.getElementById(\"thumbnails\")
  1119. var imgs = thumbnails.getElementsByTagName(\"img\")
  1120. var main = document.getElementById(\"main\")
  1121. var counter=0;
  1123. for(let i=0;i<imgs.length;i++){
  1124.   let img=imgs[i]
  1125.   
  1126.   
  1127.   img.addEventListener(\"click\",function(){
  1128.   main.src=this.src
  1129. })
  1130.   
  1131. }
  1132.     });
  1133.     
  1134.     
  1135.     
  1136.     
  1137.     
  1138.     
  1139.     /**/
  1140.       var stickyHeaders = (function() {
  1142.   var \$window = \$(window),
  1143.       \$stickies;
  1145.   var load = function(stickies) {
  1147.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
  1149.       \$stickies = stickies.each(function() {
  1151.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
  1152.   
  1153.         \$thisSticky
  1154.             .data('originalPosition', \$thisSticky.offset().top)
  1155.             .data('originalHeight', \$thisSticky.outerHeight())
  1156.               .parent()
  1157.               .height(\$thisSticky.outerHeight()); \t\t\t  
  1158.       });
  1160.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
  1161. \t\t  _whenScrolling();\t\t
  1162.       });
  1163.     }
  1164.   };
  1166.   var _whenScrolling = function() {
  1168.     \$stickies.each(function(i) {\t\t\t
  1170.       var \$thisSticky = \$(this),
  1171.           \$stickyPosition = \$thisSticky.data('originalPosition');
  1172.       
  1173.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
  1175.       if (\$stickyPosition <= \$window.scrollTop()) {        
  1176.         
  1177.         var \$nextSticky = \$stickies.eq(i + 1),
  1178.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
  1180.         \$thisSticky.addClass(\"fixed\");
  1182.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
  1184.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
  1185.         }
  1187.       } else {
  1188.         
  1189.         var \$prevSticky = \$stickies.eq(i - 1);
  1191.         \$thisSticky.removeClass(\"fixed\");
  1193.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
  1195.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
  1196.         }
  1197.       }
  1198.     });
  1199.   };
  1201.   return {
  1202.     load: load
  1203.   };
  1204. })();
  1206. \$(function() {
  1207.   stickyHeaders.load(\$(\".followMeBar\"));
  1208. });
  1209.   </script>
  1210. {% endblock %}
  1212. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/freework.html.twig");
  1213.     }
  1214. }