var/cache/dev/twig/5b/5b53584fb071836a00a37dccbae86ff4.php line 81

Open in your IDE?
  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. /* front/dec/newProductsDec.html.twig */
  16. class __TwigTemplate_5b0869b95f7d339547b6a1ad0b9be4ff 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.             'title' => [$this, 'block_title'],
  29.             'stylesheets' => [$this, 'block_stylesheets'],
  30.             'body' => [$this, 'block_body'],
  31.             'footer' => [$this, 'block_footer'],
  32.             'javascripts' => [$this, 'block_javascripts'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "front/base.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/dec/newProductsDec.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/dec/newProductsDec.html.twig"));
  51.         $this->parent = $this->loadTemplate("front/base.html.twig", "front/dec/newProductsDec.html.twig", 1);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 2
  62.     public function block_title($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  71.         echo "SUNSHINE ELEGANCE :: NOUVEAUTÉS ";
  72.         
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  75.         
  76.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  78.     }
  80.     // line 3
  81.     public function block_stylesheets($context, array $blocks = [])
  82.     {
  83.         $macros = $this->macros;
  84.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  85.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  87.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  88.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  90.         // line 4
  91.         echo "    ";
  92.         $this->displayParentBlock("stylesheets", $context, $blocks);
  93.         echo "
  94.     <style>
  95.         .product-cart-wrap .product-img-action-wrap {
  96.             max-height: none;
  97.         }
  98.     </style>
  99.     <script>
  100.         // Filtres des tailles et couleurs
  101.         var taillesFilter = ";
  102.         // line 12
  103.         echo json_encode(twig_get_attribute($this->env, $this->source, (isset($context["Globals"]) || array_key_exists("Globals", $context) ? $context["Globals"] : (function () { throw new RuntimeError('Variable "Globals" does not exist.', 12, $this->source); })()), "getTailles", [0, true], "method", false, false, false, 12));
  104.         echo ";
  105.         var couleursFilter = ";
  106.         // line 13
  107.         echo json_encode(twig_get_attribute($this->env, $this->source, (isset($context["Globals"]) || array_key_exists("Globals", $context) ? $context["Globals"] : (function () { throw new RuntimeError('Variable "Globals" does not exist.', 13, $this->source); })()), "getCouleurs", [0, true], "method", false, false, false, 13));
  108.         echo ";
  109.     </script>
  110. ";
  111.         
  112.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  114.         
  115.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  117.     }
  119.     // line 17
  120.     public function block_body($context, array $blocks = [])
  121.     {
  122.         $macros = $this->macros;
  123.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  124.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  126.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  127.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  129.         // line 18
  130.         echo "
  131.     <main class=\"main\">
  132.         <div class=\"page-header breadcrumb-wrap\">
  133.             <div class=\"container\">
  134.                 <div class=\"breadcrumb\">
  135.                     <a href=\"";
  136.         // line 23
  137.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("home");
  138.         echo "\" rel=\"nofollow\">Acceuil</a>
  139.                     <span></span> Nouveautés
  140.                 </div>
  141.             </div>
  142.         </div>
  143.         ";
  144.         // line 258
  145.         echo "
  146.         <section class=\"mt-50 mb-50\" id=\"app\" v-cloak>
  147.             <div class=\"container\">
  148.                 <div class=\"row flex-row-reverse\">
  149.                     <div class=\"col-lg-9\">
  150.                         <div class=\"shop-product-fillter\">
  151.                             <div class=\"totall-product\">
  152.                                 <p> Nous avons trouvé <strong class=\"text-brand\">{{ totalItems }}</strong> nouveaux article<span v-if=\"totalItems>1\">s</span> !</p>
  153.                             </div>
  154.                             <div class=\"sort-by-product-area\">
  155.                                 <div class=\"sort-by-cover mr-10\">
  156.                                     <div class=\"sort-by-product-wrap\">
  157.                                         <div class=\"sort-by\">
  158.                                             <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  159.                                         </div>
  160.                                          <div class=\"sort-by-dropdown-wrap\">
  161.                                             <span v-show=\"pageSize!=9999\"> {{ pageSize }} <i class=\"fi-rs-angle-small-down\"></i></span>
  162.                                             <span v-show=\"pageSize==9999\"> Tous <i class=\"fi-rs-angle-small-down\"></i></span>
  163.                                         </div>
  164.                                     </div>
  165.                                     <div class=\"sort-by-dropdown\">
  166.                                         <ul>
  167.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9 }\" href=\"#&\" @click=\"pageSize=9;getData(page,true)\">9</a></li>
  168.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==18 }\" href=\"#&\" @click=\"pageSize=18;getData(page,true)\">18</a></li>
  169.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==36 }\" href=\"#&\" @click=\"pageSize=36;getData(page,true)\">36</a></li>
  170.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\" @click=\"pageSize=9999;getData(page,true)\">Tous</a></li>
  171.                                         </ul>
  172.                                     </div>
  173.                                 </div>
  174.                                 <div class=\"sort-by-cover\">
  175.                                     <div class=\"sort-by-product-wrap\">
  176.                                         <div class=\"sort-by\">
  177.                                             <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  178.                                         </div>
  179.                                         <div class=\"sort-by-dropdown-wrap\">
  180.                                             <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  181.                                             <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  182.                                             <span v-show=\"orderBy==3\"> Prix: croissant <i class=\"fi-rs-angle-small-down\"></i></span>
  183.                                             <span v-show=\"orderBy==4\"> Prix: décroissant <i class=\"fi-rs-angle-small-down\"></i></span>
  184.                                             <span v-show=\"orderBy==5\"> Date ajout: croissant<i class=\"fi-rs-angle-small-down\"></i></span>
  185.                                             <span v-show=\"orderBy==6\"> Date ajout: décroissant<i class=\"fi-rs-angle-small-down\"></i></span>
  186.                                         </div>
  187.                                     </div>
  188.                                     <div class=\"sort-by-dropdown\">
  189.                                         <ul>
  190.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==1 }\" href=\"#&\" @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a></li>
  191.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\" @click=\"orderBy=2;getData(page,true)\">Nom: Z à A</a></li>
  192.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\" @click=\"orderBy=3;getData(page,true)\">Prix: croissant</a></li>
  193.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\" @click=\"orderBy=4;getData(page,true)\">Prix: décroissant</a></li>
  194.                                             <li class=\"activeFilter\">
  195.                                                 <a :class=\"{ active: orderBy==5 }\" href=\"#&\" @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a>
  196.                                             </li>
  197.                                             <li class=\"activeFilter\">
  198.                                                 <a :class=\"{ active: orderBy==6 }\" href=\"#&\" @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a>
  199.                                             </li>
  201.                                         </ul>
  202.                                     </div>
  203.                                 </div>
  204.                             </div>
  205.                         </div>
  206.                         <!-- Produits -->
  207.                         <div class=\"row product-grid-3\">
  208.                             <div class=\"col-lg-4 col-md-4 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  209.                                 <div class=\"product-cart-wrap mb-30 col-product\">
  210.                                     <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  211.                                         <div class=\"product-img product-img-zoom\">
  212.                                             <a href=\"#&\">
  213.                                                 <!--<img class=\"default-img\" src=\"../front/assets/imgs/shop/product-2-1.jpg\" alt=\"Sunshine Elegance\">-->
  214.                                                 <img class=\"default-img product-img\" :src=\"'./images/300-400/'+entry.image\" alt=\"Sunshine Elegance\">
  215.                                                 <!--<img class=\"hover-img\" src=\"../front/assets/imgs/shop/product-2-2.jpg\" alt=\"Sunshine Elegance\">-->
  216.                                             </a>
  217.                                         </div>
  218.                                         <!--<div class=\"product-action-1\">
  219.                                             <a aria-label=\"Quick view\" class=\"action-btn hover-up\" data-bs-toggle=\"modal\" data-bs-target=\"#quickViewModal\">
  220.                                                 <i class=\"fi-rs-search\"></i>
  221.                                             </a>
  222.                                             <a aria-label=\"Add To Wishlist\" class=\"action-btn hover-up\" href=\"shop-wishlist.html\"><i class=\"fi-rs-heart\"></i></a>
  223.                                             <a aria-label=\"Compare\" class=\"action-btn hover-up\" href=\"shop-compare.html\"><i class=\"fi-rs-shuffle\"></i></a>
  224.                                         </div>-->
  225.                                         <div class=\"product-badges product-badges-position product-badges-mrg\" v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  226.                                             <span v-if=\"!entry.stock\" class=\"hot mr-1\" style=\"margin-right: 2px;font-size: 10px;\">Rupture de stock</span>
  227.                                             <span v-if=\"entry.isNew\" class=\"new mr-1\" style=\"margin-right: 2px;font-size: 10px;\">Nouveau</span>
  228.                                             <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\" style=\"font-size: 10px;\">-{{ entry.promo.discountValue.toFixed(3) }} <sup
  229.                                                         class=\"currency-style\">TND</sup></span>
  230.                                             <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\" style=\"font-size: 10px;\">-{{ entry.promo.discountValue }} %</span>
  231.                                         </div>
  232.                                     </div>
  233.                                     <div class=\"product-content-wrap\">
  235.                                         <h2 @click=\"openProduct(entry.idProduit,entry.name,entry.id)\"><div class=\"menu-item\">{{ entry.name }}</div></h2>
  236.                                         <!--<div class=\"rating-result\" title=\"90%\">
  237.                                             <span>
  238.                                                 <span>90%</span>
  239.                                             </span>
  240.                                         </div>-->
  241.                                         <div class=\"product-price\">
  242.                                             <span v-if=\"!entry.promo || (entry.promo && !entry.promo.isValid)\">{{ entry.priceTTC.toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  243.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">{{ (entry.priceTTC-entry.promo.discountValue).toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  244.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">{{ (entry.priceTTC-(entry.priceTTC*entry.promo.discountValue/100)).toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  245.                                             <span class=\"old-price\" v-if=\"entry.promo\">{{ entry.priceTTC.toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  246.                                         </div>
  247.                                         <div class=\"product-action-1 show\" @click=\"getProduit(entry.idProduit,entry.id)\">
  248.                                             <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i
  249.                                                         class=\"fi-rs-shopping-bag-add\"></i></button>
  250.                                         </div>
  251.                                     </div>
  252.                                 </div>
  253.                             </div>
  256.                         </div>
  257.                         <!--pagination-->
  258.                         <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  259.                             <nav aria-label=\"Page navigation example\">
  260.                                 <ul class=\"pagination justify-content-start\">
  261.                                     <li class=\"page-item\" v-show=\"page>1\" @click=\"getData(page-1)\"><a class=\"page-link\" href=\"#&\"><i class=\"fi-rs-angle-double-small-left\"></i></a></li>
  262.                                     <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\" :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">{{ entry }}</a></li>
  263.                                     <li class=\"page-item\" v-show=\"page<pages[pages.length-1]\" @click=\"getData(page+1)\"><a class=\"page-link\" href=\"#&\"><i class=\"fi-rs-angle-double-small-right\"></i></a></li>
  264.                                 </ul>
  265.                             </nav>
  266.                         </div>
  267.                     </div>
  268.                     <div class=\"col-lg-3 primary-sidebar sticky-sidebar\">
  269.                         <!-- Fillter By Price -->
  270.                         <div class=\"sidebar-widget price_range range mb-30\">
  271.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  272.                                 <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  273.                                 <div class=\"bt-1 border-color-1\"></div>
  274.                             </div>
  275.                             <div class=\"price-filter\">
  276.                                 <div class=\"price-filter-inner\">
  277.                                     <div id=\"slider-range\"></div>
  278.                                     <div class=\"price_slider_amount\">
  279.                                         <div class=\"label-input\">
  280.                                             <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\"
  281.                                                                            placeholder=\"Add Your Price\"/>
  282.                                         </div>
  283.                                     </div>
  284.                                 </div>
  285.                             </div>
  286.                             <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\" @click=\"getData(page,true)\"><i
  287.                                         class=\"fi-rs-filter mr-5\"></i> Filtrer
  288.                             </button>
  289.                             <div class=\"list-group\" v-if=\"totalItems\">
  290.                                 <div class=\"list-group-item mb-10 mt-10\">
  291.                                     <label class=\"fw-900\">Tailles</label>
  292.                                     <div class=\"custome-checkbox\">
  293.                                         <div class=\"row\">
  294.                                             <div v-for=\"entry in taillesFilter\" class=\"col-4\" style=\"white-space: nowrap\">
  295.                                                 <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\"
  296.                                                        :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\"
  297.                                                        @change=\"getData(page,true)\">
  298.                                                 <label class=\"form-check-label\" :for=\"'exampleCheckbox'+entry.name\"><span>{{ entry.name }}</span></label>
  299.                                                 <br>
  300.                                             </div>
  301.                                         </div>
  303.                                     </div>
  305.                                     <label class=\"fw-900 mt-15\">Couleurs</label>
  306.                                     <div class=\"attr-detail attr-color mb-15\">
  307.                                         <ul class=\"list-filter color-filter multi\">
  308.                                             <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\" @click=\"entry.selected = !entry.selected,getData(page,true)\">
  309.                                                 <a href=\"#\" :title=\"entry.name\">
  310.                                                     <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  312.                                                 </a>
  313.                                             </li>
  314.                                         </ul>
  315.                                     </div>
  316.                                 </div>
  317.                             </div>
  319.                         </div>
  320.                         <!-- Product sidebar Widget -->
  321.                        <!-- <div class=\"sidebar-widget product-sidebar  mb-30 p-30 bg-grey border-radius-10\">
  322.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  323.                                 <h5 class=\"widget-title mb-10\">New products</h5>
  324.                                 <div class=\"bt-1 border-color-1\"></div>
  325.                             </div>
  326.                             <div class=\"single-post clearfix\">
  327.                                 <div class=\"image\">
  328.                                     <img src=\"../front/assets/imgs/shop/thumbnail-3.jpg\" alt=\"#\">
  329.                                 </div>
  330.                                 <div class=\"content pt-10\">
  331.                                     <h5><a href=\"shop-product-detail.html\">Chen Cardigan</a></h5>
  332.                                     <p class=\"price mb-0 mt-5\">\$99.50</p>
  333.                                     <div class=\"product-rate\">
  334.                                         <div class=\"product-rating\" style=\"width:90%\"></div>
  335.                                     </div>
  336.                                 </div>
  337.                             </div>
  338.                             <div class=\"single-post clearfix\">
  339.                                 <div class=\"image\">
  340.                                     <img src=\"../front/assets/imgs/shop/thumbnail-4.jpg\" alt=\"#\">
  341.                                 </div>
  342.                                 <div class=\"content pt-10\">
  343.                                     <h6><a href=\"shop-product-detail.html\">Chen Sweater</a></h6>
  344.                                     <p class=\"price mb-0 mt-5\">\$89.50</p>
  345.                                     <div class=\"product-rate\">
  346.                                         <div class=\"product-rating\" style=\"width:80%\"></div>
  347.                                     </div>
  348.                                 </div>
  349.                             </div>
  350.                             <div class=\"single-post clearfix\">
  351.                                 <div class=\"image\">
  352.                                     <img src=\"../front/assets/imgs/shop/thumbnail-5.jpg\" alt=\"#\">
  353.                                 </div>
  354.                                 <div class=\"content pt-10\">
  355.                                     <h6><a href=\"shop-product-detail.html\">Colorful Jacket</a></h6>
  356.                                     <p class=\"price mb-0 mt-5\">\$25</p>
  357.                                     <div class=\"product-rate\">
  358.                                         <div class=\"product-rating\" style=\"width:60%\"></div>
  359.                                     </div>
  360.                                 </div>
  361.                             </div>
  362.                         </div>
  363.                         <div class=\"banner-img wow fadeIn mb-45 animated d-lg-block d-none\">
  364.                             <img src=\"../front/assets/imgs/banner/banner-11.jpg\" alt=\"Sunshine Elegance\">
  365.                             <div class=\"banner-text\">
  366.                                 <span>Women Zone</span>
  367.                                 <h4>Save 17% on <br>Office Dress</h4>
  368.                                 <a href=\"shop-grid-right.html\">Shop Now <i class=\"fi-rs-arrow-right\"></i></a>
  369.                             </div>
  370.                         </div>-->
  371.                     </div>
  372.                 </div>
  373.             </div>
  374.         </section>
  375.         ";
  376.         echo "
  377.     </main>
  379. ";
  380.         
  381.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  383.         
  384.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  386.     }
  388.     // line 263
  389.     public function block_footer($context, array $blocks = [])
  390.     {
  391.         $macros = $this->macros;
  392.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  393.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  395.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  396.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footer"));
  398.         // line 264
  399.         echo "    ";
  400.         $this->displayParentBlock("footer", $context, $blocks);
  401.         echo "
  402. ";
  403.         
  404.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  406.         
  407.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  409.     }
  411.     // line 267
  412.     public function block_javascripts($context, array $blocks = [])
  413.     {
  414.         $macros = $this->macros;
  415.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  416.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  418.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  419.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  421.         // line 268
  422.         echo "    ";
  423.         $this->displayParentBlock("javascripts", $context, $blocks);
  424.         echo "
  425.     <script>
  426.         // Reinialiser les filtres de recherche
  427.         window.onbeforeunload = function () {
  428.             //unchecked your check box here.
  429.             \$(\"input[type='checkbox']\").prop('checked', false);
  430.             //app.getData(app.page);
  431.         };
  432.     </script>
  433.     <script src=\"";
  434.         // line 277
  435.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("front/assets/scripts/category/productsNewDec.js"), "html", null, true);
  436.         echo "\"></script>
  439. ";
  440.         
  441.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  443.         
  444.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  446.     }
  448.     /**
  449.      * @codeCoverageIgnore
  450.      */
  451.     public function getTemplateName()
  452.     {
  453.         return "front/dec/newProductsDec.html.twig";
  454.     }
  456.     /**
  457.      * @codeCoverageIgnore
  458.      */
  459.     public function isTraitable()
  460.     {
  461.         return false;
  462.     }
  464.     /**
  465.      * @codeCoverageIgnore
  466.      */
  467.     public function getDebugInfo()
  468.     {
  469.         return array (  435 => 277,  422 => 268,  412 => 267,  399 => 264,  389 => 263,  145 => 258,  137 => 23,  130 => 18,  120 => 17,  107 => 13,  103 => 12,  91 => 4,  81 => 3,  62 => 2,  39 => 1,);
  470.     }
  472.     public function getSourceContext()
  473.     {
  474.         return new Source("{% extends 'front/base.html.twig' %}
  475. {% block title %}SUNSHINE ELEGANCE :: NOUVEAUTÉS {% endblock %}
  476. {% block stylesheets %}
  477.     {{ parent() }}
  478.     <style>
  479.         .product-cart-wrap .product-img-action-wrap {
  480.             max-height: none;
  481.         }
  482.     </style>
  483.     <script>
  484.         // Filtres des tailles et couleurs
  485.         var taillesFilter = {{ Globals.getTailles(0,true)|json_encode|raw }};
  486.         var couleursFilter = {{ Globals.getCouleurs(0,true)|json_encode|raw }};
  487.     </script>
  488. {% endblock %}
  490. {% block body %}
  492.     <main class=\"main\">
  493.         <div class=\"page-header breadcrumb-wrap\">
  494.             <div class=\"container\">
  495.                 <div class=\"breadcrumb\">
  496.                     <a href=\"{{ path('home') }}\" rel=\"nofollow\">Acceuil</a>
  497.                     <span></span> Nouveautés
  498.                 </div>
  499.             </div>
  500.         </div>
  501.         {% verbatim %}
  502.         <section class=\"mt-50 mb-50\" id=\"app\" v-cloak>
  503.             <div class=\"container\">
  504.                 <div class=\"row flex-row-reverse\">
  505.                     <div class=\"col-lg-9\">
  506.                         <div class=\"shop-product-fillter\">
  507.                             <div class=\"totall-product\">
  508.                                 <p> Nous avons trouvé <strong class=\"text-brand\">{{ totalItems }}</strong> nouveaux article<span v-if=\"totalItems>1\">s</span> !</p>
  509.                             </div>
  510.                             <div class=\"sort-by-product-area\">
  511.                                 <div class=\"sort-by-cover mr-10\">
  512.                                     <div class=\"sort-by-product-wrap\">
  513.                                         <div class=\"sort-by\">
  514.                                             <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  515.                                         </div>
  516.                                          <div class=\"sort-by-dropdown-wrap\">
  517.                                             <span v-show=\"pageSize!=9999\"> {{ pageSize }} <i class=\"fi-rs-angle-small-down\"></i></span>
  518.                                             <span v-show=\"pageSize==9999\"> Tous <i class=\"fi-rs-angle-small-down\"></i></span>
  519.                                         </div>
  520.                                     </div>
  521.                                     <div class=\"sort-by-dropdown\">
  522.                                         <ul>
  523.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9 }\" href=\"#&\" @click=\"pageSize=9;getData(page,true)\">9</a></li>
  524.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==18 }\" href=\"#&\" @click=\"pageSize=18;getData(page,true)\">18</a></li>
  525.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==36 }\" href=\"#&\" @click=\"pageSize=36;getData(page,true)\">36</a></li>
  526.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\" @click=\"pageSize=9999;getData(page,true)\">Tous</a></li>
  527.                                         </ul>
  528.                                     </div>
  529.                                 </div>
  530.                                 <div class=\"sort-by-cover\">
  531.                                     <div class=\"sort-by-product-wrap\">
  532.                                         <div class=\"sort-by\">
  533.                                             <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  534.                                         </div>
  535.                                         <div class=\"sort-by-dropdown-wrap\">
  536.                                             <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  537.                                             <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  538.                                             <span v-show=\"orderBy==3\"> Prix: croissant <i class=\"fi-rs-angle-small-down\"></i></span>
  539.                                             <span v-show=\"orderBy==4\"> Prix: décroissant <i class=\"fi-rs-angle-small-down\"></i></span>
  540.                                             <span v-show=\"orderBy==5\"> Date ajout: croissant<i class=\"fi-rs-angle-small-down\"></i></span>
  541.                                             <span v-show=\"orderBy==6\"> Date ajout: décroissant<i class=\"fi-rs-angle-small-down\"></i></span>
  542.                                         </div>
  543.                                     </div>
  544.                                     <div class=\"sort-by-dropdown\">
  545.                                         <ul>
  546.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==1 }\" href=\"#&\" @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a></li>
  547.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\" @click=\"orderBy=2;getData(page,true)\">Nom: Z à A</a></li>
  548.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\" @click=\"orderBy=3;getData(page,true)\">Prix: croissant</a></li>
  549.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\" @click=\"orderBy=4;getData(page,true)\">Prix: décroissant</a></li>
  550.                                             <li class=\"activeFilter\">
  551.                                                 <a :class=\"{ active: orderBy==5 }\" href=\"#&\" @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a>
  552.                                             </li>
  553.                                             <li class=\"activeFilter\">
  554.                                                 <a :class=\"{ active: orderBy==6 }\" href=\"#&\" @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a>
  555.                                             </li>
  557.                                         </ul>
  558.                                     </div>
  559.                                 </div>
  560.                             </div>
  561.                         </div>
  562.                         <!-- Produits -->
  563.                         <div class=\"row product-grid-3\">
  564.                             <div class=\"col-lg-4 col-md-4 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  565.                                 <div class=\"product-cart-wrap mb-30 col-product\">
  566.                                     <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  567.                                         <div class=\"product-img product-img-zoom\">
  568.                                             <a href=\"#&\">
  569.                                                 <!--<img class=\"default-img\" src=\"../front/assets/imgs/shop/product-2-1.jpg\" alt=\"Sunshine Elegance\">-->
  570.                                                 <img class=\"default-img product-img\" :src=\"'./images/300-400/'+entry.image\" alt=\"Sunshine Elegance\">
  571.                                                 <!--<img class=\"hover-img\" src=\"../front/assets/imgs/shop/product-2-2.jpg\" alt=\"Sunshine Elegance\">-->
  572.                                             </a>
  573.                                         </div>
  574.                                         <!--<div class=\"product-action-1\">
  575.                                             <a aria-label=\"Quick view\" class=\"action-btn hover-up\" data-bs-toggle=\"modal\" data-bs-target=\"#quickViewModal\">
  576.                                                 <i class=\"fi-rs-search\"></i>
  577.                                             </a>
  578.                                             <a aria-label=\"Add To Wishlist\" class=\"action-btn hover-up\" href=\"shop-wishlist.html\"><i class=\"fi-rs-heart\"></i></a>
  579.                                             <a aria-label=\"Compare\" class=\"action-btn hover-up\" href=\"shop-compare.html\"><i class=\"fi-rs-shuffle\"></i></a>
  580.                                         </div>-->
  581.                                         <div class=\"product-badges product-badges-position product-badges-mrg\" v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  582.                                             <span v-if=\"!entry.stock\" class=\"hot mr-1\" style=\"margin-right: 2px;font-size: 10px;\">Rupture de stock</span>
  583.                                             <span v-if=\"entry.isNew\" class=\"new mr-1\" style=\"margin-right: 2px;font-size: 10px;\">Nouveau</span>
  584.                                             <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\" style=\"font-size: 10px;\">-{{ entry.promo.discountValue.toFixed(3) }} <sup
  585.                                                         class=\"currency-style\">TND</sup></span>
  586.                                             <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\" style=\"font-size: 10px;\">-{{ entry.promo.discountValue }} %</span>
  587.                                         </div>
  588.                                     </div>
  589.                                     <div class=\"product-content-wrap\">
  591.                                         <h2 @click=\"openProduct(entry.idProduit,entry.name,entry.id)\"><div class=\"menu-item\">{{ entry.name }}</div></h2>
  592.                                         <!--<div class=\"rating-result\" title=\"90%\">
  593.                                             <span>
  594.                                                 <span>90%</span>
  595.                                             </span>
  596.                                         </div>-->
  597.                                         <div class=\"product-price\">
  598.                                             <span v-if=\"!entry.promo || (entry.promo && !entry.promo.isValid)\">{{ entry.priceTTC.toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  599.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">{{ (entry.priceTTC-entry.promo.discountValue).toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  600.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">{{ (entry.priceTTC-(entry.priceTTC*entry.promo.discountValue/100)).toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  601.                                             <span class=\"old-price\" v-if=\"entry.promo\">{{ entry.priceTTC.toFixed(3) }} <sup class=\"currency-style\">TND</sup></span>
  602.                                         </div>
  603.                                         <div class=\"product-action-1 show\" @click=\"getProduit(entry.idProduit,entry.id)\">
  604.                                             <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i
  605.                                                         class=\"fi-rs-shopping-bag-add\"></i></button>
  606.                                         </div>
  607.                                     </div>
  608.                                 </div>
  609.                             </div>
  612.                         </div>
  613.                         <!--pagination-->
  614.                         <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  615.                             <nav aria-label=\"Page navigation example\">
  616.                                 <ul class=\"pagination justify-content-start\">
  617.                                     <li class=\"page-item\" v-show=\"page>1\" @click=\"getData(page-1)\"><a class=\"page-link\" href=\"#&\"><i class=\"fi-rs-angle-double-small-left\"></i></a></li>
  618.                                     <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\" :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">{{ entry }}</a></li>
  619.                                     <li class=\"page-item\" v-show=\"page<pages[pages.length-1]\" @click=\"getData(page+1)\"><a class=\"page-link\" href=\"#&\"><i class=\"fi-rs-angle-double-small-right\"></i></a></li>
  620.                                 </ul>
  621.                             </nav>
  622.                         </div>
  623.                     </div>
  624.                     <div class=\"col-lg-3 primary-sidebar sticky-sidebar\">
  625.                         <!-- Fillter By Price -->
  626.                         <div class=\"sidebar-widget price_range range mb-30\">
  627.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  628.                                 <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  629.                                 <div class=\"bt-1 border-color-1\"></div>
  630.                             </div>
  631.                             <div class=\"price-filter\">
  632.                                 <div class=\"price-filter-inner\">
  633.                                     <div id=\"slider-range\"></div>
  634.                                     <div class=\"price_slider_amount\">
  635.                                         <div class=\"label-input\">
  636.                                             <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\"
  637.                                                                            placeholder=\"Add Your Price\"/>
  638.                                         </div>
  639.                                     </div>
  640.                                 </div>
  641.                             </div>
  642.                             <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\" @click=\"getData(page,true)\"><i
  643.                                         class=\"fi-rs-filter mr-5\"></i> Filtrer
  644.                             </button>
  645.                             <div class=\"list-group\" v-if=\"totalItems\">
  646.                                 <div class=\"list-group-item mb-10 mt-10\">
  647.                                     <label class=\"fw-900\">Tailles</label>
  648.                                     <div class=\"custome-checkbox\">
  649.                                         <div class=\"row\">
  650.                                             <div v-for=\"entry in taillesFilter\" class=\"col-4\" style=\"white-space: nowrap\">
  651.                                                 <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\"
  652.                                                        :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\"
  653.                                                        @change=\"getData(page,true)\">
  654.                                                 <label class=\"form-check-label\" :for=\"'exampleCheckbox'+entry.name\"><span>{{ entry.name }}</span></label>
  655.                                                 <br>
  656.                                             </div>
  657.                                         </div>
  659.                                     </div>
  661.                                     <label class=\"fw-900 mt-15\">Couleurs</label>
  662.                                     <div class=\"attr-detail attr-color mb-15\">
  663.                                         <ul class=\"list-filter color-filter multi\">
  664.                                             <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\" @click=\"entry.selected = !entry.selected,getData(page,true)\">
  665.                                                 <a href=\"#\" :title=\"entry.name\">
  666.                                                     <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  668.                                                 </a>
  669.                                             </li>
  670.                                         </ul>
  671.                                     </div>
  672.                                 </div>
  673.                             </div>
  675.                         </div>
  676.                         <!-- Product sidebar Widget -->
  677.                        <!-- <div class=\"sidebar-widget product-sidebar  mb-30 p-30 bg-grey border-radius-10\">
  678.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  679.                                 <h5 class=\"widget-title mb-10\">New products</h5>
  680.                                 <div class=\"bt-1 border-color-1\"></div>
  681.                             </div>
  682.                             <div class=\"single-post clearfix\">
  683.                                 <div class=\"image\">
  684.                                     <img src=\"../front/assets/imgs/shop/thumbnail-3.jpg\" alt=\"#\">
  685.                                 </div>
  686.                                 <div class=\"content pt-10\">
  687.                                     <h5><a href=\"shop-product-detail.html\">Chen Cardigan</a></h5>
  688.                                     <p class=\"price mb-0 mt-5\">\$99.50</p>
  689.                                     <div class=\"product-rate\">
  690.                                         <div class=\"product-rating\" style=\"width:90%\"></div>
  691.                                     </div>
  692.                                 </div>
  693.                             </div>
  694.                             <div class=\"single-post clearfix\">
  695.                                 <div class=\"image\">
  696.                                     <img src=\"../front/assets/imgs/shop/thumbnail-4.jpg\" alt=\"#\">
  697.                                 </div>
  698.                                 <div class=\"content pt-10\">
  699.                                     <h6><a href=\"shop-product-detail.html\">Chen Sweater</a></h6>
  700.                                     <p class=\"price mb-0 mt-5\">\$89.50</p>
  701.                                     <div class=\"product-rate\">
  702.                                         <div class=\"product-rating\" style=\"width:80%\"></div>
  703.                                     </div>
  704.                                 </div>
  705.                             </div>
  706.                             <div class=\"single-post clearfix\">
  707.                                 <div class=\"image\">
  708.                                     <img src=\"../front/assets/imgs/shop/thumbnail-5.jpg\" alt=\"#\">
  709.                                 </div>
  710.                                 <div class=\"content pt-10\">
  711.                                     <h6><a href=\"shop-product-detail.html\">Colorful Jacket</a></h6>
  712.                                     <p class=\"price mb-0 mt-5\">\$25</p>
  713.                                     <div class=\"product-rate\">
  714.                                         <div class=\"product-rating\" style=\"width:60%\"></div>
  715.                                     </div>
  716.                                 </div>
  717.                             </div>
  718.                         </div>
  719.                         <div class=\"banner-img wow fadeIn mb-45 animated d-lg-block d-none\">
  720.                             <img src=\"../front/assets/imgs/banner/banner-11.jpg\" alt=\"Sunshine Elegance\">
  721.                             <div class=\"banner-text\">
  722.                                 <span>Women Zone</span>
  723.                                 <h4>Save 17% on <br>Office Dress</h4>
  724.                                 <a href=\"shop-grid-right.html\">Shop Now <i class=\"fi-rs-arrow-right\"></i></a>
  725.                             </div>
  726.                         </div>-->
  727.                     </div>
  728.                 </div>
  729.             </div>
  730.         </section>
  731.         {% endverbatim %}
  732.     </main>
  734. {% endblock %}
  736. {% block footer %}
  737.     {{ parent() }}
  738. {% endblock %}
  740. {% block javascripts %}
  741.     {{ parent() }}
  742.     <script>
  743.         // Reinialiser les filtres de recherche
  744.         window.onbeforeunload = function () {
  745.             //unchecked your check box here.
  746.             \$(\"input[type='checkbox']\").prop('checked', false);
  747.             //app.getData(app.page);
  748.         };
  749.     </script>
  750.     <script src=\"{{ asset('front/assets/scripts/category/productsNewDec.js') }}\"></script>
  753. {% endblock %}
  754. ", "front/dec/newProductsDec.html.twig", "/home/sunshil/demo/sunshine-elegance/templates/front/dec/newProductsDec.html.twig");
  755.     }
  756. }