var/cache/dev/twig/11/11a9960bd1c93a835cbfd88c2945e692.php line 165

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* front/category/index.html.twig */
  18. class __TwigTemplate_26f04f0c5744282923bcafbd69585352 extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'meta' => [$this, 'block_meta'],
  35.             'stylesheets' => [$this, 'block_stylesheets'],
  36.             'body' => [$this, 'block_body'],
  37.             'javascripts' => [$this, 'block_javascripts'],
  38.         ];
  39.     }
  41.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  42.     {
  43.         // line 1
  44.         return "front/base.html.twig";
  45.     }
  47.     protected function doDisplay(array $context, array $blocks = []): iterable
  48.     {
  49.         $macros = $this->macros;
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  51.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/category/index.html.twig"));
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  54.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "front/category/index.html.twig"));
  56.         $this->parent = $this->loadTemplate("front/base.html.twig", "front/category/index.html.twig", 1);
  57.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  58.         
  59.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  61.         
  62.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  64.     }
  66.     // line 2
  67.     /**
  68.      * @return iterable<null|scalar|\Stringable>
  69.      */
  70.     public function block_title(array $context, array $blocks = []): iterable
  71.     {
  72.         $macros = $this->macros;
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  74.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  76.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  77.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  79.         yield "Sunshine Elegance | ";
  80.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 2, $this->source); })()), "getName", [], "method", false, false, false, 2), "html", null, true);
  81.         yield " ";
  82.         
  83.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  85.         
  86.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  88.         yield from [];
  89.     }
  91.     // line 3
  92.     /**
  93.      * @return iterable<null|scalar|\Stringable>
  94.      */
  95.     public function block_meta(array $context, array $blocks = []): iterable
  96.     {
  97.         $macros = $this->macros;
  98.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  101.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  104.         // line 4
  105.         yield "    <meta name=\"keywords\" content=\"Chaussures,Chaussures Femme,Jebba,Robe,Bottine\">
  106.     <meta name=\"description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  107.     <meta name=\"author\" content=\"Sunshine-Elegance\">
  108.     <!-- Facebook OG -->
  109.     <meta property=\"og:image\" content=\"";
  110.         // line 8
  111.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("front/assets/imgs/theme/logo3.png"), "html", null, true);
  112.         yield "\">
  113.     <meta property=\"og:url\" content=\"https://www.sunshineelegance.tn/\">
  114.     <meta property=\"og:type\" content=\"article\">
  115.     <meta property=\"og:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  116.     <meta property=\"og:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  117.     <!-- Twitter OG -->
  118.     <meta name=\"twitter:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  119.     <meta name=\"twitter:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  120.     <meta name=\"twitter:image\" content=\"";
  121.         // line 16
  122.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("front/assets/imgs/theme/logo3.png"), "html", null, true);
  123.         yield "\">
  124.     <meta name=\"twitter:card\" content=\"summary_large_image\">
  125. ";
  126.         
  127.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  129.         
  130.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  132.         yield from [];
  133.     }
  135.     // line 19
  136.     /**
  137.      * @return iterable<null|scalar|\Stringable>
  138.      */
  139.     public function block_stylesheets(array $context, array $blocks = []): iterable
  140.     {
  141.         $macros = $this->macros;
  142.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  143.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  145.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  146.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  148.         // line 20
  149.         yield "    ";
  150.         yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
  151.         yield "
  152.     <style>
  153.         .product-cart-wrap .product-img-action-wrap {
  154.             max-height: none;
  155.         }
  156.     </style>
  157.     <script>
  158.         var category_id = JSON.parse(\"";
  159.         // line 27
  160.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["category_id"]) || array_key_exists("category_id", $context) ? $context["category_id"] : (function () { throw new RuntimeError('Variable "category_id" does not exist.', 27, $this->source); })()), "js"), "html", null, true);
  161.         yield "\")
  162.         // Filtres des tailles et couleurs
  163.         var taillesFilter = ";
  164.         // line 29
  165.         yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["Globals"]) || array_key_exists("Globals", $context) ? $context["Globals"] : (function () { throw new RuntimeError('Variable "Globals" does not exist.', 29, $this->source); })()), "getTailles", [(isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 29, $this->source); })())], "method", false, false, false, 29));
  166.         yield ";
  167.         var couleursFilter = ";
  168.         // line 30
  169.         yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["Globals"]) || array_key_exists("Globals", $context) ? $context["Globals"] : (function () { throw new RuntimeError('Variable "Globals" does not exist.', 30, $this->source); })()), "getCouleurs", [(isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 30, $this->source); })())], "method", false, false, false, 30));
  170.         yield ";
  171.     </script>
  172. ";
  173.         
  174.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  176.         
  177.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  179.         yield from [];
  180.     }
  182.     // line 34
  183.     /**
  184.      * @return iterable<null|scalar|\Stringable>
  185.      */
  186.     public function block_body(array $context, array $blocks = []): iterable
  187.     {
  188.         $macros = $this->macros;
  189.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  190.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  192.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  193.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  195.         // line 35
  196.         yield "    ";
  197.         // line 36
  198.         yield "    <main class=\"main\" id=\"app\" v-cloak>
  199.         <div class=\"page-header breadcrumb-wrap\">
  200.             <div class=\"container\">
  201.                 <div class=\"breadcrumb\">
  202.                     <a href=\"";
  203.         // line 40
  204.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("home");
  205.         yield "\" rel=\"nofollow\">Acceuil</a>
  206.                     ";
  207.         // line 41
  208.         if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["categorie"] ?? null), "parent", [], "any", false, true, false, 41), "parent", [], "any", true, true, false, 41) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 41, $this->source); })()), "parent", [], "any", false, false, false, 41), "parent", [], "any", false, false, false, 41)))) {
  209.             // line 42
  210.             yield "                    <span></span> <a href=\"";
  211.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("category_new", ["id" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 42, $this->source); })()), "parent", [], "any", false, false, false, 42), "parent", [], "any", false, false, false, 42), "id", [], "any", false, false, false, 42), "name" => $this->extensions['Twig\Extra\String\StringExtension']->createSlug(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 42, $this->source); })()), "parent", [], "any", false, false, false, 42), "parent", [], "any", false, false, false, 42), "name", [], "any", false, false, false, 42))]), "html", null, true);
  212.             yield "\"
  213.                                      rel=\"nofollow\">";
  214.             // line 43
  215.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 43, $this->source); })()), "parent", [], "any", false, false, false, 43), "parent", [], "any", false, false, false, 43), "name", [], "any", false, false, false, 43), "html", null, true);
  216.             yield "</a>
  217.                     ";
  218.         }
  219.         // line 45
  220.         yield "                    ";
  221.         if (( !Twig\Extension\CoreExtension::testEmpty(CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 45, $this->source); })()), "parent", [], "any", false, false, false, 45)) &&  !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 45, $this->source); })()), "parent", [], "any", false, false, false, 45)))) {
  222.             // line 46
  223.             yield "                    <span></span> <a href=\"";
  224.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("category_new", ["id" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 46, $this->source); })()), "parent", [], "any", false, false, false, 46), "id", [], "any", false, false, false, 46), "name" => $this->extensions['Twig\Extra\String\StringExtension']->createSlug(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 46, $this->source); })()), "parent", [], "any", false, false, false, 46), "name", [], "any", false, false, false, 46))]), "html", null, true);
  225.             yield "\"
  226.                                      rel=\"nofollow\">";
  227.             // line 47
  228.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 47, $this->source); })()), "parent", [], "any", false, false, false, 47), "name", [], "any", false, false, false, 47), "html", null, true);
  229.             yield "</a>
  230.                     ";
  231.         }
  232.         // line 49
  233.         yield "                    <span></span> ";
  234.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["categorie"]) || array_key_exists("categorie", $context) ? $context["categorie"] : (function () { throw new RuntimeError('Variable "categorie" does not exist.', 49, $this->source); })()), "getName", [], "method", false, false, false, 49), "html", null, true);
  235.         yield "
  236.                 </div>
  237.             </div>
  238.         </div>
  239.         <section class=\"mt-50 mb-50\">
  240.             <div class=\"container\">
  241.                 <div class=\"row flex-row-reverse\">
  242.                     <div class=\"col-lg-9\">
  243.                         <div class=\"shop-product-fillter\">
  244.                             <div class=\"totall-product\">
  245.                                 <p> Nous avons trouvé <strong class=\"text-brand\">\${ totalItems }</strong> article<span v-if=\"totalItems>1\">s</span> !</p>
  246.                             </div>
  247.                             <div class=\"sort-by-product-area\">
  248.                                 <div class=\"sort-by-cover mr-10\">
  249.                                     <div class=\"sort-by-product-wrap\">
  250.                                         <div class=\"sort-by\">
  251.                                             <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  252.                                         </div>
  253.                                         <div class=\"sort-by-dropdown-wrap\">
  254.                                             <span v-show=\"pageSize!=9999\"> \${ pageSize } <i
  255.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  256.                                             <span v-show=\"pageSize==9999\"> Tous <i
  257.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  258.                                         </div>
  259.                                     </div>
  260.                                     <div class=\"sort-by-dropdown\">
  261.                                         <ul>
  262.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9 }\" href=\"#&\"
  263.                                                                         @click=\"pageSize=9;getData(page,true)\">9</a>
  264.                                             </li>
  265.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==18 }\" href=\"#&\"
  266.                                                                         @click=\"pageSize=18;getData(page,true)\">18</a>
  267.                                             </li>
  268.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==36 }\" href=\"#&\"
  269.                                                                         @click=\"pageSize=36;getData(page,true)\">36</a>
  270.                                             </li>
  271.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\"
  272.                                                                         @click=\"pageSize=9999;getData(page,true)\">Tous</a>
  273.                                             </li>
  274.                                         </ul>
  275.                                     </div>
  276.                                 </div>
  277.                                 <div class=\"sort-by-cover\">
  278.                                     <div class=\"sort-by-product-wrap\">
  279.                                         <div class=\"sort-by\">
  280.                                             <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  281.                                         </div>
  282.                                         <div class=\"sort-by-dropdown-wrap\">
  283.                                             <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  284.                                             <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  285.                                             <span v-show=\"orderBy==3\"> Prix: croissant <i
  286.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  287.                                             <span v-show=\"orderBy==4\"> Prix: décroissant <i
  288.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  289.                                             <span v-show=\"orderBy==5\"> Date ajout: croissant<i
  290.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  291.                                             <span v-show=\"orderBy==6\"> Date ajout: décroissant<i
  292.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  293.                                         </div>
  294.                                     </div>
  295.                                     <div class=\"sort-by-dropdown\">
  296.                                         <ul>
  297.                                             <li class=\"activeFilter\">
  298.                                                 <a :class=\"{ active: orderBy==1 }\" href=\"#&\"
  299.                                                    @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a>
  300.                                             </li>
  301.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\"
  302.                                                                         @click=\"orderBy=2;getData(page,true)\">Nom: Z à
  303.                                                     A</a></li>
  304.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\"
  305.                                                                         @click=\"orderBy=3;getData(page,true)\">Prix:
  306.                                                     croissant</a></li>
  307.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\"
  308.                                                                         @click=\"orderBy=4;getData(page,true)\">Prix:
  309.                                                     décroissant</a></li>
  310.                                             <li class=\"activeFilter\">
  311.                                                 <a :class=\"{ active: orderBy==5 }\" href=\"#&\"
  312.                                                    @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a>
  313.                                             </li>
  314.                                             <li class=\"activeFilter\">
  315.                                                 <a :class=\"{ active: orderBy==6 }\" href=\"#&\"
  316.                                                    @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a>
  317.                                             </li>
  319.                                         </ul>
  320.                                     </div>
  321.                                 </div>
  322.                             </div>
  323.                         </div>
  324.                         <!-- Produits -->
  325.                         <div class=\"row product-grid-3\">
  326.                             <div class=\"col-lg-4 col-md-4 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  327.                                 <div class=\"product-cart-wrap mb-30 col-product\">
  328.                                     <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.id,entry.name)\">
  329.                                         <div class=\"product-img product-img-zoom\">
  330.                                             <a href=\"#&\">
  331.                                                 <!--<img class=\"default-img\" src=\"../front/assets/imgs/shop/product-2-1.jpg\" alt=\"Sunshine Elegance\">-->
  332.                                                 <img class=\"default-img product-img\"
  333.                                                      :src=\"'";
  334.         // line 147
  335.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["APP_URL"]) || array_key_exists("APP_URL", $context) ? $context["APP_URL"] : (function () { throw new RuntimeError('Variable "APP_URL" does not exist.', 147, $this->source); })()), "html", null, true);
  336.         yield "/images/300-400/'+entry.image\"
  337.                                                      :alt=\"entry.name\">
  338.                                                 <!--<img class=\"hover-img\" src=\"../front/assets/imgs/shop/product-2-2.jpg\" alt=\"Sunshine Elegance\">-->
  339.                                             </a>
  340.                                         </div>
  341.                                         <!--<div class=\"product-action-1\">
  342.                                             <a aria-label=\"Quick view\" class=\"action-btn hover-up\" data-bs-toggle=\"modal\" data-bs-target=\"#quickViewModal\">
  343.                                                 <i class=\"fi-rs-search\"></i>
  344.                                             </a>
  345.                                             <a aria-label=\"Add To Wishlist\" class=\"action-btn hover-up\" href=\"shop-wishlist.html\"><i class=\"fi-rs-heart\"></i></a>
  346.                                             <a aria-label=\"Compare\" class=\"action-btn hover-up\" href=\"shop-compare.html\"><i class=\"fi-rs-shuffle\"></i></a>
  347.                                         </div>-->
  348.                                         <div class=\"product-badges product-badges-position product-badges-mrg\"
  349.                                              v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  350.                                             <span v-if=\"!entry.stock\" class=\"hot mr-1\"
  351.                                                   style=\"margin-right: 2px;font-size: 10px;\">Rupture de stock</span>
  352.                                             <span v-if=\"entry.isNew\" class=\"new mr-1\"
  353.                                                   style=\"margin-right: 2px;font-size: 10px;\">Nouveau</span>
  354.                                             <span class=\"best\"
  355.                                                   v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\"
  356.                                                   style=\"font-size: 10px;\">-\${ entry.promo.discountValue.toFixed(3) } <sup
  357.                                                         class=\"currency-style\">TND</sup></span>
  358.                                             <span class=\"best\"
  359.                                                   v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\"
  360.                                                   style=\"font-size: 10px;\">-\${ entry.promo.discountValue } %</span>
  361.                                         </div>
  362.                                     </div>
  363.                                     <div class=\"product-content-wrap\">
  365.                                         <h2 @click=\"openProduct(entry.id,entry.name)\">
  366.                                             <div class=\"menu-item\">\${ entry.name }</div>
  367.                                         </h2>
  368.                                         <!--<div class=\"rating-result\" title=\"90%\">
  369.                                             <span>
  370.                                                 <span>90%</span>
  371.                                             </span>
  372.                                         </div>-->
  373.                                         <div class=\"product-price\">
  374.                                             <span v-if=\"!entry.promo || (entry.promo && !entry.promo.isValid)\">\${ entry.priceTTC.toFixed(3) } <sup
  375.                                                         class=\"currency-style\">TND</sup></span>
  376.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">\${ (entry.priceTTC-entry.promo.discountValue).toFixed(3) } <sup
  377.                                                         class=\"currency-style\">TND</sup></span>
  378.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">\${ (entry.priceTTC-(entry.priceTTC*entry.promo.discountValue/100)).toFixed(3) } <sup
  379.                                                         class=\"currency-style\">TND</sup></span>
  380.                                             <span class=\"old-price\"
  381.                                                   v-if=\"entry.promo && entry.promo.isValid\">\${ entry.priceTTC.toFixed(3) } <sup
  382.                                                         class=\"currency-style\">TND</sup></span>
  383.                                         </div>
  384.                                         <div class=\"product-action-1 show\" @click=\"getProduit(entry.id)\">
  385.                                             <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i
  386.                                                         class=\"fi-rs-shopping-bag-add\"></i></button>
  387.                                         </div>
  388.                                     </div>
  389.                                 </div>
  390.                             </div>
  393.                         </div>
  394.                         <!--pagination-->
  395.                         <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  396.                             <nav aria-label=\"Page navigation example\">
  397.                                 <ul class=\"pagination justify-content-start\">
  398.                                     <!--li class=\"page-item active\"><a class=\"page-link\" href=\"#\">01</a></li>-->
  399.                                     <li class=\"page-item\" v-show=\"page>1\" @click=\"getData(page-1)\"><a class=\"page-link\"
  400.                                                                                                       href=\"#&\"><i
  401.                                                     class=\"fi-rs-angle-double-small-left\"></i></a></li>
  402.                                     <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\"
  403.                                         :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">\${ entry }</a>
  404.                                     </li>
  405.                                     <li class=\"page-item\" v-show=\"page<pages[pages.length-1]\" @click=\"getData(page+1)\">
  406.                                         <a class=\"page-link\" href=\"#&\"><i
  407.                                                     class=\"fi-rs-angle-double-small-right\"></i></a></li>
  408.                                 </ul>
  409.                             </nav>
  410.                         </div>
  411.                     </div>
  412.                     <div class=\"col-lg-3 primary-sidebar sticky-sidebar\">
  413.                         ";
  414.         // line 236
  415.         yield "                        <!-- Fillter By Price -->
  416.                         <div class=\"sidebar-widget price_range range mb-30\">
  417.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  418.                                 <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  419.                                 <div class=\"bt-1 border-color-1\"></div>
  420.                             </div>
  421.                             <div class=\"price-filter\">
  422.                                 <div class=\"price-filter-inner\">
  423.                                     <div id=\"slider-range\"></div>
  424.                                     <div class=\"price_slider_amount\">
  425.                                         <div class=\"label-input\">
  426.                                             <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\"
  427.                                                                            placeholder=\"Add Your Price\"/>
  428.                                         </div>
  429.                                     </div>
  430.                                 </div>
  431.                             </div>
  432.                             <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\"
  433.                                     @click=\"getData(page,true)\"><i
  434.                                         class=\"fi-rs-filter mr-5\"></i> Filtrer
  435.                             </button>
  436.                             <div class=\"list-group\" v-if=\"totalItems\">
  437.                                 <div class=\"list-group-item mb-10 mt-10\">
  438.                                     <label class=\"fw-900\">Tailles</label>
  439.                                     <div class=\"custome-checkbox\">
  440.                                         <div class=\"row\">
  441.                                             <div v-for=\"entry in taillesFilter\" class=\"col-4\"
  442.                                                  style=\"white-space: nowrap\">
  443.                                                 <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\"
  444.                                                        :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\"
  445.                                                        @change=\"getData(page,true)\">
  446.                                                 <label class=\"form-check-label\"
  447.                                                        :for=\"'exampleCheckbox'+entry.name\"><span>\${ entry.name }</span></label>
  448.                                                 <br>
  449.                                             </div>
  450.                                         </div>
  452.                                     </div>
  453.                                     <label class=\"fw-900 mt-15\">Couleurs</label>
  454.                                     <div class=\"attr-detail attr-color mb-15\">
  455.                                         <ul class=\"list-filter color-filter multi\">
  456.                                             <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\"
  457.                                                 @click=\"entry.selected = !entry.selected,getData(page,true)\">
  458.                                                 <a href=\"#\" :title=\"entry.name\">
  459.                                                     <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  461.                                                 </a>
  462.                                             </li>
  463.                                         </ul>
  464.                                     </div>
  465.                                 </div>
  466.                             </div>
  467.                         </div>
  468.                     </div>
  469.                 </div>
  470.             </div>
  471.         </section>
  472.     </main>
  473.     ";
  474.         
  475.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  477.         
  478.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  480.         yield from [];
  481.     }
  483.     // line 296
  484.     /**
  485.      * @return iterable<null|scalar|\Stringable>
  486.      */
  487.     public function block_javascripts(array $context, array $blocks = []): iterable
  488.     {
  489.         $macros = $this->macros;
  490.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  491.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  493.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  494.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  496.         // line 297
  497.         yield "    ";
  498.         yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  499.         yield "
  500.     <script>
  501.         // Reinialiser les filtres de recherche
  502.         window.onbeforeunload = function () {
  503.             //unchecked your check box here.
  504.             \$(\"input[type='checkbox']\").prop('checked', false);
  505.             //app.getData(app.page);
  506.         };
  507.     </script>
  508.     <script src=\"";
  509.         // line 306
  510.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("front/assets/scripts/category/index.js"), "html", null, true);
  511.         yield "\"></script>
  512. ";
  513.         
  514.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  516.         
  517.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  519.         yield from [];
  520.     }
  522.     /**
  523.      * @codeCoverageIgnore
  524.      */
  525.     public function getTemplateName(): string
  526.     {
  527.         return "front/category/index.html.twig";
  528.     }
  530.     /**
  531.      * @codeCoverageIgnore
  532.      */
  533.     public function isTraitable(): bool
  534.     {
  535.         return false;
  536.     }
  538.     /**
  539.      * @codeCoverageIgnore
  540.      */
  541.     public function getDebugInfo(): array
  542.     {
  543.         return array (  510 => 306,  497 => 297,  484 => 296,  415 => 236,  335 => 147,  233 => 49,  228 => 47,  223 => 46,  220 => 45,  215 => 43,  210 => 42,  208 => 41,  204 => 40,  198 => 36,  196 => 35,  183 => 34,  169 => 30,  165 => 29,  160 => 27,  149 => 20,  136 => 19,  122 => 16,  111 => 8,  105 => 4,  92 => 3,  67 => 2,  44 => 1,);
  544.     }
  546.     public function getSourceContext(): Source
  547.     {
  548.         return new Source("{% extends 'front/base.html.twig' %}
  549. {% block title %}Sunshine Elegance | {{ categorie.getName() }} {% endblock %}
  550. {% block meta %}
  551.     <meta name=\"keywords\" content=\"Chaussures,Chaussures Femme,Jebba,Robe,Bottine\">
  552.     <meta name=\"description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  553.     <meta name=\"author\" content=\"Sunshine-Elegance\">
  554.     <!-- Facebook OG -->
  555.     <meta property=\"og:image\" content=\"{{ asset('front/assets/imgs/theme/logo3.png') }}\">
  556.     <meta property=\"og:url\" content=\"https://www.sunshineelegance.tn/\">
  557.     <meta property=\"og:type\" content=\"article\">
  558.     <meta property=\"og:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  559.     <meta property=\"og:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  560.     <!-- Twitter OG -->
  561.     <meta name=\"twitter:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  562.     <meta name=\"twitter:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  563.     <meta name=\"twitter:image\" content=\"{{ asset('front/assets/imgs/theme/logo3.png') }}\">
  564.     <meta name=\"twitter:card\" content=\"summary_large_image\">
  565. {% endblock %}
  566. {% block stylesheets %}
  567.     {{ parent() }}
  568.     <style>
  569.         .product-cart-wrap .product-img-action-wrap {
  570.             max-height: none;
  571.         }
  572.     </style>
  573.     <script>
  574.         var category_id = JSON.parse(\"{{ category_id|e('js') }}\")
  575.         // Filtres des tailles et couleurs
  576.         var taillesFilter = {{ Globals.getTailles(categories)|json_encode|raw }};
  577.         var couleursFilter = {{ Globals.getCouleurs(categories)|json_encode|raw }};
  578.     </script>
  579. {% endblock %}
  581. {% block body %}
  582.     {# {% verbatim %} #}
  583.     <main class=\"main\" id=\"app\" v-cloak>
  584.         <div class=\"page-header breadcrumb-wrap\">
  585.             <div class=\"container\">
  586.                 <div class=\"breadcrumb\">
  587.                     <a href=\"{{ path('home') }}\" rel=\"nofollow\">Acceuil</a>
  588.                     {% if categorie.parent.parent is defined and  categorie.parent.parent is not null %}
  589.                     <span></span> <a href=\"{{ path('category_new', {id: categorie.parent.parent.id, name :categorie.parent.parent.name|slug}) }}\"
  590.                                      rel=\"nofollow\">{{ categorie.parent.parent.name }}</a>
  591.                     {% endif %}
  592.                     {% if categorie.parent is not empty and  categorie.parent is not null  %}
  593.                     <span></span> <a href=\"{{ path('category_new', {id: categorie.parent.id, name :categorie.parent.name|slug}) }}\"
  594.                                      rel=\"nofollow\">{{ categorie.parent.name }}</a>
  595.                     {% endif %}
  596.                     <span></span> {{ categorie.getName() }}
  597.                 </div>
  598.             </div>
  599.         </div>
  600.         <section class=\"mt-50 mb-50\">
  601.             <div class=\"container\">
  602.                 <div class=\"row flex-row-reverse\">
  603.                     <div class=\"col-lg-9\">
  604.                         <div class=\"shop-product-fillter\">
  605.                             <div class=\"totall-product\">
  606.                                 <p> Nous avons trouvé <strong class=\"text-brand\">\${ totalItems }</strong> article<span v-if=\"totalItems>1\">s</span> !</p>
  607.                             </div>
  608.                             <div class=\"sort-by-product-area\">
  609.                                 <div class=\"sort-by-cover mr-10\">
  610.                                     <div class=\"sort-by-product-wrap\">
  611.                                         <div class=\"sort-by\">
  612.                                             <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  613.                                         </div>
  614.                                         <div class=\"sort-by-dropdown-wrap\">
  615.                                             <span v-show=\"pageSize!=9999\"> \${ pageSize } <i
  616.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  617.                                             <span v-show=\"pageSize==9999\"> Tous <i
  618.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  619.                                         </div>
  620.                                     </div>
  621.                                     <div class=\"sort-by-dropdown\">
  622.                                         <ul>
  623.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9 }\" href=\"#&\"
  624.                                                                         @click=\"pageSize=9;getData(page,true)\">9</a>
  625.                                             </li>
  626.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==18 }\" href=\"#&\"
  627.                                                                         @click=\"pageSize=18;getData(page,true)\">18</a>
  628.                                             </li>
  629.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==36 }\" href=\"#&\"
  630.                                                                         @click=\"pageSize=36;getData(page,true)\">36</a>
  631.                                             </li>
  632.                                             <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\"
  633.                                                                         @click=\"pageSize=9999;getData(page,true)\">Tous</a>
  634.                                             </li>
  635.                                         </ul>
  636.                                     </div>
  637.                                 </div>
  638.                                 <div class=\"sort-by-cover\">
  639.                                     <div class=\"sort-by-product-wrap\">
  640.                                         <div class=\"sort-by\">
  641.                                             <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  642.                                         </div>
  643.                                         <div class=\"sort-by-dropdown-wrap\">
  644.                                             <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  645.                                             <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  646.                                             <span v-show=\"orderBy==3\"> Prix: croissant <i
  647.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  648.                                             <span v-show=\"orderBy==4\"> Prix: décroissant <i
  649.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  650.                                             <span v-show=\"orderBy==5\"> Date ajout: croissant<i
  651.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  652.                                             <span v-show=\"orderBy==6\"> Date ajout: décroissant<i
  653.                                                         class=\"fi-rs-angle-small-down\"></i></span>
  654.                                         </div>
  655.                                     </div>
  656.                                     <div class=\"sort-by-dropdown\">
  657.                                         <ul>
  658.                                             <li class=\"activeFilter\">
  659.                                                 <a :class=\"{ active: orderBy==1 }\" href=\"#&\"
  660.                                                    @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a>
  661.                                             </li>
  662.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\"
  663.                                                                         @click=\"orderBy=2;getData(page,true)\">Nom: Z à
  664.                                                     A</a></li>
  665.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\"
  666.                                                                         @click=\"orderBy=3;getData(page,true)\">Prix:
  667.                                                     croissant</a></li>
  668.                                             <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\"
  669.                                                                         @click=\"orderBy=4;getData(page,true)\">Prix:
  670.                                                     décroissant</a></li>
  671.                                             <li class=\"activeFilter\">
  672.                                                 <a :class=\"{ active: orderBy==5 }\" href=\"#&\"
  673.                                                    @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a>
  674.                                             </li>
  675.                                             <li class=\"activeFilter\">
  676.                                                 <a :class=\"{ active: orderBy==6 }\" href=\"#&\"
  677.                                                    @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a>
  678.                                             </li>
  680.                                         </ul>
  681.                                     </div>
  682.                                 </div>
  683.                             </div>
  684.                         </div>
  685.                         <!-- Produits -->
  686.                         <div class=\"row product-grid-3\">
  687.                             <div class=\"col-lg-4 col-md-4 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  688.                                 <div class=\"product-cart-wrap mb-30 col-product\">
  689.                                     <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.id,entry.name)\">
  690.                                         <div class=\"product-img product-img-zoom\">
  691.                                             <a href=\"#&\">
  692.                                                 <!--<img class=\"default-img\" src=\"../front/assets/imgs/shop/product-2-1.jpg\" alt=\"Sunshine Elegance\">-->
  693.                                                 <img class=\"default-img product-img\"
  694.                                                      :src=\"'{{ APP_URL }}/images/300-400/'+entry.image\"
  695.                                                      :alt=\"entry.name\">
  696.                                                 <!--<img class=\"hover-img\" src=\"../front/assets/imgs/shop/product-2-2.jpg\" alt=\"Sunshine Elegance\">-->
  697.                                             </a>
  698.                                         </div>
  699.                                         <!--<div class=\"product-action-1\">
  700.                                             <a aria-label=\"Quick view\" class=\"action-btn hover-up\" data-bs-toggle=\"modal\" data-bs-target=\"#quickViewModal\">
  701.                                                 <i class=\"fi-rs-search\"></i>
  702.                                             </a>
  703.                                             <a aria-label=\"Add To Wishlist\" class=\"action-btn hover-up\" href=\"shop-wishlist.html\"><i class=\"fi-rs-heart\"></i></a>
  704.                                             <a aria-label=\"Compare\" class=\"action-btn hover-up\" href=\"shop-compare.html\"><i class=\"fi-rs-shuffle\"></i></a>
  705.                                         </div>-->
  706.                                         <div class=\"product-badges product-badges-position product-badges-mrg\"
  707.                                              v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  708.                                             <span v-if=\"!entry.stock\" class=\"hot mr-1\"
  709.                                                   style=\"margin-right: 2px;font-size: 10px;\">Rupture de stock</span>
  710.                                             <span v-if=\"entry.isNew\" class=\"new mr-1\"
  711.                                                   style=\"margin-right: 2px;font-size: 10px;\">Nouveau</span>
  712.                                             <span class=\"best\"
  713.                                                   v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\"
  714.                                                   style=\"font-size: 10px;\">-\${ entry.promo.discountValue.toFixed(3) } <sup
  715.                                                         class=\"currency-style\">TND</sup></span>
  716.                                             <span class=\"best\"
  717.                                                   v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\"
  718.                                                   style=\"font-size: 10px;\">-\${ entry.promo.discountValue } %</span>
  719.                                         </div>
  720.                                     </div>
  721.                                     <div class=\"product-content-wrap\">
  723.                                         <h2 @click=\"openProduct(entry.id,entry.name)\">
  724.                                             <div class=\"menu-item\">\${ entry.name }</div>
  725.                                         </h2>
  726.                                         <!--<div class=\"rating-result\" title=\"90%\">
  727.                                             <span>
  728.                                                 <span>90%</span>
  729.                                             </span>
  730.                                         </div>-->
  731.                                         <div class=\"product-price\">
  732.                                             <span v-if=\"!entry.promo || (entry.promo && !entry.promo.isValid)\">\${ entry.priceTTC.toFixed(3) } <sup
  733.                                                         class=\"currency-style\">TND</sup></span>
  734.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">\${ (entry.priceTTC-entry.promo.discountValue).toFixed(3) } <sup
  735.                                                         class=\"currency-style\">TND</sup></span>
  736.                                             <span v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">\${ (entry.priceTTC-(entry.priceTTC*entry.promo.discountValue/100)).toFixed(3) } <sup
  737.                                                         class=\"currency-style\">TND</sup></span>
  738.                                             <span class=\"old-price\"
  739.                                                   v-if=\"entry.promo && entry.promo.isValid\">\${ entry.priceTTC.toFixed(3) } <sup
  740.                                                         class=\"currency-style\">TND</sup></span>
  741.                                         </div>
  742.                                         <div class=\"product-action-1 show\" @click=\"getProduit(entry.id)\">
  743.                                             <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i
  744.                                                         class=\"fi-rs-shopping-bag-add\"></i></button>
  745.                                         </div>
  746.                                     </div>
  747.                                 </div>
  748.                             </div>
  751.                         </div>
  752.                         <!--pagination-->
  753.                         <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  754.                             <nav aria-label=\"Page navigation example\">
  755.                                 <ul class=\"pagination justify-content-start\">
  756.                                     <!--li class=\"page-item active\"><a class=\"page-link\" href=\"#\">01</a></li>-->
  757.                                     <li class=\"page-item\" v-show=\"page>1\" @click=\"getData(page-1)\"><a class=\"page-link\"
  758.                                                                                                       href=\"#&\"><i
  759.                                                     class=\"fi-rs-angle-double-small-left\"></i></a></li>
  760.                                     <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\"
  761.                                         :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">\${ entry }</a>
  762.                                     </li>
  763.                                     <li class=\"page-item\" v-show=\"page<pages[pages.length-1]\" @click=\"getData(page+1)\">
  764.                                         <a class=\"page-link\" href=\"#&\"><i
  765.                                                     class=\"fi-rs-angle-double-small-right\"></i></a></li>
  766.                                 </ul>
  767.                             </nav>
  768.                         </div>
  769.                     </div>
  770.                     <div class=\"col-lg-3 primary-sidebar sticky-sidebar\">
  771.                         {# <div class=\"widget-category mb-30\">
  772.                             <h5 class=\"section-title style-1 mb-30 wow fadeIn animated\">Category</h5>
  773.                             <ul class=\"categories\">
  774.                                 <li><a href=\"shop-grid-right.html\">Shoes & Bags</a></li>
  775.                                 <li><a href=\"shop-grid-right.html\">Blouses & Shirts</a></li>
  776.                                 <li><a href=\"shop-grid-right.html\">Dresses</a></li>
  777.                                 <li><a href=\"shop-grid-right.html\">Swimwear</a></li>
  778.                                 <li><a href=\"shop-grid-right.html\">Beauty</a></li>
  779.                                 <li><a href=\"shop-grid-right.html\">Jewelry & Watch</a></li>
  780.                                 <li><a href=\"shop-grid-right.html\">Accessories</a></li>
  781.                             </ul>
  782.                         </div> #}
  783.                         <!-- Fillter By Price -->
  784.                         <div class=\"sidebar-widget price_range range mb-30\">
  785.                             <div class=\"widget-header position-relative mb-20 pb-10\">
  786.                                 <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  787.                                 <div class=\"bt-1 border-color-1\"></div>
  788.                             </div>
  789.                             <div class=\"price-filter\">
  790.                                 <div class=\"price-filter-inner\">
  791.                                     <div id=\"slider-range\"></div>
  792.                                     <div class=\"price_slider_amount\">
  793.                                         <div class=\"label-input\">
  794.                                             <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\"
  795.                                                                            placeholder=\"Add Your Price\"/>
  796.                                         </div>
  797.                                     </div>
  798.                                 </div>
  799.                             </div>
  800.                             <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\"
  801.                                     @click=\"getData(page,true)\"><i
  802.                                         class=\"fi-rs-filter mr-5\"></i> Filtrer
  803.                             </button>
  804.                             <div class=\"list-group\" v-if=\"totalItems\">
  805.                                 <div class=\"list-group-item mb-10 mt-10\">
  806.                                     <label class=\"fw-900\">Tailles</label>
  807.                                     <div class=\"custome-checkbox\">
  808.                                         <div class=\"row\">
  809.                                             <div v-for=\"entry in taillesFilter\" class=\"col-4\"
  810.                                                  style=\"white-space: nowrap\">
  811.                                                 <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\"
  812.                                                        :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\"
  813.                                                        @change=\"getData(page,true)\">
  814.                                                 <label class=\"form-check-label\"
  815.                                                        :for=\"'exampleCheckbox'+entry.name\"><span>\${ entry.name }</span></label>
  816.                                                 <br>
  817.                                             </div>
  818.                                         </div>
  820.                                     </div>
  821.                                     <label class=\"fw-900 mt-15\">Couleurs</label>
  822.                                     <div class=\"attr-detail attr-color mb-15\">
  823.                                         <ul class=\"list-filter color-filter multi\">
  824.                                             <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\"
  825.                                                 @click=\"entry.selected = !entry.selected,getData(page,true)\">
  826.                                                 <a href=\"#\" :title=\"entry.name\">
  827.                                                     <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  829.                                                 </a>
  830.                                             </li>
  831.                                         </ul>
  832.                                     </div>
  833.                                 </div>
  834.                             </div>
  835.                         </div>
  836.                     </div>
  837.                 </div>
  838.             </div>
  839.         </section>
  840.     </main>
  841.     {# {% endverbatim %} #}
  842. {% endblock %}
  843. {% block javascripts %}
  844.     {{ parent() }}
  845.     <script>
  846.         // Reinialiser les filtres de recherche
  847.         window.onbeforeunload = function () {
  848.             //unchecked your check box here.
  849.             \$(\"input[type='checkbox']\").prop('checked', false);
  850.             //app.getData(app.page);
  851.         };
  852.     </script>
  853.     <script src=\"{{ asset('front/assets/scripts/category/index.js') }}\"></script>
  854. {% endblock %}
  855. ", "front/category/index.html.twig", "/home/sunshil/www/sunshine-elegance/templates/front/category/index.html.twig");
  856.     }
  857. }