var/cache/dev/twig/2b/2b754329c28dd511700644983c9e7524.php line 252

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/dec/listProductDec.html.twig */
  18. class __TwigTemplate_dce492b111a829d4008b1c4348dd61c6 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/dec/listProductDec.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/dec/listProductDec.html.twig"));
  56.         $this->parent = $this->loadTemplate("front/base.html.twig", "front/dec/listProductDec.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.         
  154.         .product-cart-wrap .product-img-action-wrap {
  155.             max-height: none;
  156.             width: 100%;
  157.             position: relative;
  158.             overflow: hidden;
  159.             
  160.         }
  161.         .product-img-action-wrap .product-img {
  162.             width: 100%;
  163.             height: auto;
  164.             object-fit: cover;
  165.             display: block;
  166.             
  167.         }
  168.         
  169.         
  170.         .product-badges span {
  171.             font-size: 0.75rem;
  172.             padding: 4px 8px;
  173.             border-radius: 4px;
  174.             font-weight: 500;
  175.         }
  176.         
  177.         
  179.         
  180.         @media (max-width: 768px) {
  181.             .order-mobile-first {
  182.               order: -1 !important;
  183.             }
  184.           }
  186.           /*rendre la barre de filtres plus compacte sur mobile*/
  187.           @media (max-width: 768px) {
  188.             .shop-product-fillter {
  189.               flex-direction: column;
  190.               align-items: flex-start;
  191.               gap: 12px;
  192.             }
  193.           
  194.             .sort-by-product-area {
  195.               flex-direction: column;
  196.               width: 100%;
  197.               gap: 10px;
  198.             }
  199.           
  200.             .sort-by-cover {
  201.               width: 100%;
  202.             }
  203.           
  204.             .sort-by-product-wrap {
  205.               display: flex;
  206.               justify-content: space-between;
  207.               align-items: center;
  208.               padding: 6px 12px;
  209.               background-color: #f7f8f9;
  210.               border: 1px solid #cce7d0;
  211.               border-radius: 20px;
  212.             }
  213.           
  214.             .sort-by-dropdown-wrap {
  215.               flex-grow: 1;
  216.               text-align: right;
  217.             }
  218.           
  219.             .sort-by-dropdown {
  220.               position: absolute;
  221.               left: 0;
  222.               top: 100%;
  223.               z-index: 10;
  224.             }
  225.           }
  226.           
  227.           
  228.           
  229.           /*amélioration affichage des cartes produit*/
  230.           @media (max-width: 768px) {
  231.             .row-product {
  232.               width: 50% !important;
  233.             }
  234.           }
  235.           
  236.           @media (max-width: 480px) {
  237.             .row-product {
  238.               width: 100% !important;
  239.             }
  240.           }
  241.           
  243.     </style>
  244.     <script>
  245.         var category_id = JSON.parse(\"";
  246.         // line 114
  247.         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.', 114, $this->source); })()), "js"), "html", null, true);
  248.         yield "\")
  249.         // Filtres des tailles et couleurs
  250.         var taillesFilter = ";
  251.         // line 116
  252.         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.', 116, $this->source); })()), "getTailles", [(isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 116, $this->source); })())], "method", false, false, false, 116));
  253.         yield ";
  254.         var couleursFilter = ";
  255.         // line 117
  256.         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.', 117, $this->source); })()), "getCouleurs", [(isset($context["categories"]) || array_key_exists("categories", $context) ? $context["categories"] : (function () { throw new RuntimeError('Variable "categories" does not exist.', 117, $this->source); })())], "method", false, false, false, 117));
  257.         yield ";
  259.         
  260.         
  261.     </script>
  262. ";
  263.         
  264.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  266.         
  267.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  269.         yield from [];
  270.     }
  272.     // line 124
  273.     /**
  274.      * @return iterable<null|scalar|\Stringable>
  275.      */
  276.     public function block_body(array $context, array $blocks = []): iterable
  277.     {
  278.         $macros = $this->macros;
  279.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  280.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  282.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  283.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  285.         // line 125
  286.         yield "    ";
  287.         // line 126
  288.         yield "    <main class=\"main\" id=\"app\" v-cloak>
  289.         <div class=\"page-header breadcrumb-wrap\">
  290.             <div class=\"container\">
  291.                 <div class=\"breadcrumb\">
  292.                     <a href=\"";
  293.         // line 130
  294.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("home");
  295.         yield "\" rel=\"nofollow\">Acceuil</a>
  296.                     ";
  297.         // line 131
  298.         if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["categorie"] ?? null), "parent", [], "any", false, true, false, 131), "parent", [], "any", true, true, false, 131) &&  !(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.', 131, $this->source); })()), "parent", [], "any", false, false, false, 131), "parent", [], "any", false, false, false, 131)))) {
  299.             // line 132
  300.             yield "                    <span></span>
  301.                         <a href=\"";
  302.             // line 133
  303.             yield ((((isset($context["CATEGORY_URL_TYPE"]) || array_key_exists("CATEGORY_URL_TYPE", $context) ? $context["CATEGORY_URL_TYPE"] : (function () { throw new RuntimeError('Variable "CATEGORY_URL_TYPE" does not exist.', 133, $this->source); })()) == 1)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("category_dec", ["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.', 133, $this->source); })()), "parent", [], "any", false, false, false, 133), "parent", [], "any", false, false, false, 133), "id", [], "any", false, false, false, 133), "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.', 133, $this->source); })()), "parent", [], "any", false, false, false, 133), "parent", [], "any", false, false, false, 133), "name", [], "any", false, false, false, 133))]), "html", null, true)) : ($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.', 133, $this->source); })()), "parent", [], "any", false, false, false, 133), "parent", [], "any", false, false, false, 133), "id", [], "any", false, false, false, 133), "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.', 133, $this->source); })()), "parent", [], "any", false, false, false, 133), "parent", [], "any", false, false, false, 133), "name", [], "any", false, false, false, 133))]), "html", null, true)));
  304.             yield "\"rel=\"nofollow\">
  305.                             ";
  306.             // line 134
  307.             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.', 134, $this->source); })()), "parent", [], "any", false, false, false, 134), "parent", [], "any", false, false, false, 134), "name", [], "any", false, false, false, 134), "html", null, true);
  308.             yield "</a>
  309.                     ";
  310.         }
  311.         // line 136
  312.         yield "                    ";
  313.         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.', 136, $this->source); })()), "parent", [], "any", false, false, false, 136)) &&  !(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.', 136, $this->source); })()), "parent", [], "any", false, false, false, 136)))) {
  314.             // line 137
  315.             yield "                    <span></span>
  316.                         <a href=\"";
  317.             // line 138
  318.             yield ((((isset($context["CATEGORY_URL_TYPE"]) || array_key_exists("CATEGORY_URL_TYPE", $context) ? $context["CATEGORY_URL_TYPE"] : (function () { throw new RuntimeError('Variable "CATEGORY_URL_TYPE" does not exist.', 138, $this->source); })()) == 1)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("category_dec", ["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.', 138, $this->source); })()), "parent", [], "any", false, false, false, 138), "id", [], "any", false, false, false, 138), "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.', 138, $this->source); })()), "parent", [], "any", false, false, false, 138), "name", [], "any", false, false, false, 138))]), "html", null, true)) : ($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.', 138, $this->source); })()), "parent", [], "any", false, false, false, 138), "id", [], "any", false, false, false, 138), "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.', 138, $this->source); })()), "parent", [], "any", false, false, false, 138), "name", [], "any", false, false, false, 138))]), "html", null, true)));
  319.             yield "\"rel=\"nofollow\">
  320.                             ";
  321.             // line 139
  322.             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.', 139, $this->source); })()), "parent", [], "any", false, false, false, 139), "name", [], "any", false, false, false, 139), "html", null, true);
  323.             yield "</a>
  324.                     ";
  325.         }
  326.         // line 141
  327.         yield "                    <span></span> ";
  328.         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.', 141, $this->source); })()), "getName", [], "method", false, false, false, 141), "html", null, true);
  329.         yield "
  330.                 </div>
  331.             </div>
  332.         </div>
  334.        ";
  335.         // line 147
  336.         yield "<section class=\"mt-50 mb-50\">
  337.     <div class=\"container\">
  338.         <div class=\"row flex-row-reverse\">
  339.             ";
  340.         // line 151
  341.         yield "            <div class=\"col-lg-9\">
  343.                 ";
  344.         // line 154
  345.         yield "                <div class=\"shop-product-fillter\">
  346.                     ";
  347.         // line 156
  348.         yield "                    <div class=\"totall-product\">
  349.                         <p>Nous avons trouvé <strong class=\"text-brand\">\${ totalItems }</strong> article<span v-if=\"totalItems>1\">s</span> !</p>
  350.                     </div>
  352.                     ";
  353.         // line 161
  354.         yield "                    <div class=\"sort-by-product-area\">
  356.                         ";
  357.         // line 164
  358.         yield "                        <div class=\"sort-by-cover mr-10\">
  359.                             <div class=\"sort-by-product-wrap\">
  360.                                 <div class=\"sort-by\">
  361.                                     <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  362.                                 </div>
  363.                                 <div class=\"sort-by-dropdown-wrap\">
  364.                                     <span v-show=\"pageSize!=9999\"> \${ pageSize } <i class=\"fi-rs-angle-small-down\"></i></span>
  365.                                     <span v-show=\"pageSize==9999\"> Tous <i class=\"fi-rs-angle-small-down\"></i></span>
  366.                                 </div>
  367.                             </div>
  368.                             ";
  369.         // line 175
  370.         yield "                            <div class=\"sort-by-dropdown\">
  371.                                 <ul>
  372.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==10 }\" href=\"#&\" @click=\"pageSize=10;getData(page,true)\">10</a></li>
  373.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==20 }\" href=\"#&\" @click=\"pageSize=20;getData(page,true)\">20</a></li>
  374.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==40 }\" href=\"#&\" @click=\"pageSize=40;getData(page,true)\">40</a></li>
  375.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\" @click=\"pageSize=9999;getData(page,true)\">Tous</a></li>
  376.                                 </ul>
  377.                             </div>
  378.                         </div>
  380.                         ";
  381.         // line 186
  382.         yield "                        <div class=\"sort-by-cover\">
  383.                             <div class=\"sort-by-product-wrap\">
  384.                                 <div class=\"sort-by\">
  385.                                     <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  386.                                 </div>
  387.                                 <div class=\"sort-by-dropdown-wrap\">
  388.                                     <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  389.                                     <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  390.                                     <span v-show=\"orderBy==3\"> Prix: croissant <i class=\"fi-rs-angle-small-down\"></i></span>
  391.                                     <span v-show=\"orderBy==4\"> Prix: décroissant <i class=\"fi-rs-angle-small-down\"></i></span>
  392.                                     <span v-show=\"orderBy==5\"> Date ajout: croissant<i class=\"fi-rs-angle-small-down\"></i></span>
  393.                                     <span v-show=\"orderBy==6\"> Date ajout: décroissant<i class=\"fi-rs-angle-small-down\"></i></span>
  394.                                 </div>
  395.                             </div>
  396.                             ";
  397.         // line 201
  398.         yield "                            <div class=\"sort-by-dropdown\">
  399.                                 <ul>
  400.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==1 }\" href=\"#&\" @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a></li>
  401.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\" @click=\"orderBy=2;getData(page,true)\">Nom: Z à A</a></li>
  402.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\" @click=\"orderBy=3;getData(page,true)\">Prix: croissant</a></li>
  403.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\" @click=\"orderBy=4;getData(page,true)\">Prix: décroissant</a></li>
  404.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==5 }\" href=\"#&\" @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a></li>
  405.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==6 }\" href=\"#&\" @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a></li>
  406.                                 </ul>
  407.                             </div>
  408.                         </div>
  409.                     </div>
  410.                 </div>
  412.                 ";
  413.         // line 216
  414.         yield "                <div class=\"row product-grid-3\">
  415.                     ";
  416.         // line 218
  417.         yield "                    <div class=\"col-lg-6 col-md-6 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  418.                         <div class=\"product-cart-wrap mb-30 col-product\">
  419.                             ";
  420.         // line 221
  421.         yield "                            <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  422.                                 <div class=\"product-img product-img-zoom\">
  423.                                     <a href=\"#&\">
  424.                                         <img class=\"default-img product-img\" :src=\"'";
  425.         // line 224
  426.         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.', 224, $this->source); })()), "html", null, true);
  427.         yield "/images/300-400/'+entry.image\" :alt=\"entry.name\">
  428.                                     </a>
  429.                                 </div>
  430.                                 
  431.                                 ";
  432.         // line 229
  433.         yield "                                <div class=\"product-badges product-badges-position product-badges-mrg\" v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  434.                                     <span v-if=\"!entry.stock\" class=\"hot mr-1\">Rupture de stock</span>
  435.                                     <span v-if=\"entry.isNew\" class=\"new mr-1\">Nouveau</span>
  436.                                     <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">-\${ entry.promo.discountValue.toFixed(3) } <sup class=\"currency-style\">TND</sup></span>
  437.                                     <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">-\${ entry.promo.discountValue } %</span>
  438.                                 </div>
  439.                             </div>
  440.                             ";
  441.         // line 237
  442.         yield "                            <div class=\"product-content-wrap\">
  443.                                 <h2 @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  444.                                     <div class=\"menu-item card-title\">\${ entry.name }</div>
  445.                                 </h2>
  446.                                 <div class=\"product-price\">
  447.                                   <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>
  448.                                     <span class=\"old-price\" v-if=\"entry.promo && entry.promo.isValid\">\${ entry.priceTTC.toFixed(3) } <sup class=\"currency-style\">TND</sup></span>
  449.                                 </div>
  450.                                 <div class=\"product-action-1 show\" @click=\"getProduit(entry.idProduit,entry.id)\">
  451.                                     <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i class=\"fi-rs-shopping-bag-add\"></i></button>
  452.                                 </div>
  453.                             </div>
  454.                         </div>
  455.                     </div>
  456.                 </div>
  458.                 ";
  459.         // line 254
  460.         yield "                <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  461.                     <nav aria-label=\"Page navigation example\">
  462.                         <ul class=\"pagination justify-content-start\">
  463.                             <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>
  464.                             <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\" :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">\${ entry }</a></li>
  465.                             <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>
  466.                         </ul>
  467.                     </nav>
  468.                 </div>
  469.             </div>
  471.             ";
  472.         // line 266
  473.         yield "            <div class=\"col-lg-3 order-mobile-first primary-sidebar sticky-sidebar\">
  474.                 ";
  475.         // line 268
  476.         yield "                <button class=\"btn btn-outline-primary w-100 d-md-none mb-3\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#mobileFilters\" aria-expanded=\"false\" aria-controls=\"mobileFilters\">
  477.                     <i class=\"fi-rs-filter me-2\"></i> Affiner la recherche
  478.                 </button>
  479.                 <div class=\"collapse d-md-block\" id=\"mobileFilters\">
  480.                     <div class=\"sidebar-widget price_range range mb-30\">
  481.                 
  482.                         
  483.                         <div class=\"widget-header position-relative mb-20 pb-10\">
  484.                             <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  485.                             <div class=\"bt-1 border-color-1\"></div>
  486.                         </div>
  487.                         ";
  488.         // line 280
  489.         yield "                        <div class=\"price-filter\">
  490.                             <div class=\"price-filter-inner\">
  491.                                 <div id=\"slider-range\"></div>
  492.                                 <div class=\"price_slider_amount\">
  493.                                     <div class=\"label-input\">
  494.                                         <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\" placeholder=\"Ajouter le prix\"/>
  495.                                     </div>
  496.                                 </div>
  497.                             </div>
  498.                         </div>
  499.                         <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\" @click=\"getData(page,true)\">
  500.                             <i class=\"fi-rs-filter mr-5\"></i> Filtrer
  501.                         </button>
  503.                         ";
  504.         // line 295
  505.         yield "                        <div class=\"list-group\" v-if=\"totalItems\">
  506.                             <div class=\"list-group-item mb-10 mt-10\">
  507.                                 <label class=\"fw-900\">Tailles</label>
  508.                                 <div class=\"custome-checkbox\">
  509.                                     <div class=\"row\">
  510.                                         <div v-for=\"entry in taillesFilter\" class=\"col-4\" style=\"white-space: nowrap\">
  511.                                             <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\" :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\" @change=\"getData(page,true)\">
  512.                                             <label class=\"form-check-label\" :for=\"'exampleCheckbox'+entry.name\"><span>\${ entry.name }</span></label>
  513.                                         </div>
  514.                                     </div>
  515.                                 </div>
  516.                                 <label class=\"fw-900 mt-15\">Couleurs</label>
  517.                                 <div class=\"attr-detail attr-color mb-15\">
  518.                                     <ul class=\"list-filter color-filter multi\">
  519.                                         <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\" @click=\"entry.selected = !entry.selected; getData(page,true)\">
  520.                                             <a href=\"#\" :title=\"entry.name\">
  521.                                                 <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  522.                                             </a>
  523.                                         </li>
  524.                                     </ul>
  525.                                 </div>
  526.                             </div>
  527.                         </div>
  528.                     </div>
  529.                 </div>
  530.             </div>
  531.             ";
  532.         // line 322
  533.         yield "        </div>
  534.     </div>
  535. </section>
  537.     </main>
  538.     ";
  539.         
  540.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  542.         
  543.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  545.         yield from [];
  546.     }
  548.     // line 329
  549.     /**
  550.      * @return iterable<null|scalar|\Stringable>
  551.      */
  552.     public function block_javascripts(array $context, array $blocks = []): iterable
  553.     {
  554.         $macros = $this->macros;
  555.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  556.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  558.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  559.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  561.         // line 330
  562.         yield "    ";
  563.         yield from $this->yieldParentBlock("javascripts", $context, $blocks);
  564.         yield "
  565.     <script>
  566.         // Reinialiser les filtres de recherche
  567.         window.onbeforeunload = function () {
  568.             //unchecked your check box here.
  569.             \$(\"input[type='checkbox']\").prop('checked', false);
  570.             //app.getData(app.page);
  571.         };
  572.     </script>
  573.     <script src=\"";
  574.         // line 339
  575.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("front/assets/scripts/dec/index.js"), "html", null, true);
  576.         yield "\"></script>
  577. ";
  578.         
  579.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  581.         
  582.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  584.         yield from [];
  585.     }
  587.     /**
  588.      * @codeCoverageIgnore
  589.      */
  590.     public function getTemplateName(): string
  591.     {
  592.         return "front/dec/listProductDec.html.twig";
  593.     }
  595.     /**
  596.      * @codeCoverageIgnore
  597.      */
  598.     public function isTraitable(): bool
  599.     {
  600.         return false;
  601.     }
  603.     /**
  604.      * @codeCoverageIgnore
  605.      */
  606.     public function getDebugInfo(): array
  607.     {
  608.         return array (  575 => 339,  562 => 330,  549 => 329,  533 => 322,  505 => 295,  489 => 280,  476 => 268,  473 => 266,  460 => 254,  442 => 237,  433 => 229,  426 => 224,  421 => 221,  417 => 218,  414 => 216,  398 => 201,  382 => 186,  370 => 175,  358 => 164,  354 => 161,  348 => 156,  345 => 154,  341 => 151,  336 => 147,  327 => 141,  322 => 139,  318 => 138,  315 => 137,  312 => 136,  307 => 134,  303 => 133,  300 => 132,  298 => 131,  294 => 130,  288 => 126,  286 => 125,  273 => 124,  256 => 117,  252 => 116,  247 => 114,  149 => 20,  136 => 19,  122 => 16,  111 => 8,  105 => 4,  92 => 3,  67 => 2,  44 => 1,);
  609.     }
  611.     public function getSourceContext(): Source
  612.     {
  613.         return new Source("{% extends 'front/base.html.twig' %}
  614. {% block title %}Sunshine Elegance | {{ categorie.getName() }} {% endblock %}
  615. {% block meta %}
  616.     <meta name=\"keywords\" content=\"Chaussures,Chaussures Femme,Jebba,Robe,Bottine\">
  617.     <meta name=\"description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  618.     <meta name=\"author\" content=\"Sunshine-Elegance\">
  619.     <!-- Facebook OG -->
  620.     <meta property=\"og:image\" content=\"{{ asset('front/assets/imgs/theme/logo3.png') }}\">
  621.     <meta property=\"og:url\" content=\"https://www.sunshineelegance.tn/\">
  622.     <meta property=\"og:type\" content=\"article\">
  623.     <meta property=\"og:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  624.     <meta property=\"og:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  625.     <!-- Twitter OG -->
  626.     <meta name=\"twitter:title\" content=\"Sunshine Elegance | Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  627.     <meta name=\"twitter:description\" content=\"Marque tunisienne spécialisée dans la vente de vêtements et chaussures en ligne\">
  628.     <meta name=\"twitter:image\" content=\"{{ asset('front/assets/imgs/theme/logo3.png') }}\">
  629.     <meta name=\"twitter:card\" content=\"summary_large_image\">
  630. {% endblock %}
  631. {% block stylesheets %}
  632.     {{ parent() }}
  633.     <style>
  634.         
  635.         .product-cart-wrap .product-img-action-wrap {
  636.             max-height: none;
  637.             width: 100%;
  638.             position: relative;
  639.             overflow: hidden;
  640.             
  641.         }
  642.         .product-img-action-wrap .product-img {
  643.             width: 100%;
  644.             height: auto;
  645.             object-fit: cover;
  646.             display: block;
  647.             
  648.         }
  649.         
  650.         
  651.         .product-badges span {
  652.             font-size: 0.75rem;
  653.             padding: 4px 8px;
  654.             border-radius: 4px;
  655.             font-weight: 500;
  656.         }
  657.         
  658.         
  660.         
  661.         @media (max-width: 768px) {
  662.             .order-mobile-first {
  663.               order: -1 !important;
  664.             }
  665.           }
  667.           /*rendre la barre de filtres plus compacte sur mobile*/
  668.           @media (max-width: 768px) {
  669.             .shop-product-fillter {
  670.               flex-direction: column;
  671.               align-items: flex-start;
  672.               gap: 12px;
  673.             }
  674.           
  675.             .sort-by-product-area {
  676.               flex-direction: column;
  677.               width: 100%;
  678.               gap: 10px;
  679.             }
  680.           
  681.             .sort-by-cover {
  682.               width: 100%;
  683.             }
  684.           
  685.             .sort-by-product-wrap {
  686.               display: flex;
  687.               justify-content: space-between;
  688.               align-items: center;
  689.               padding: 6px 12px;
  690.               background-color: #f7f8f9;
  691.               border: 1px solid #cce7d0;
  692.               border-radius: 20px;
  693.             }
  694.           
  695.             .sort-by-dropdown-wrap {
  696.               flex-grow: 1;
  697.               text-align: right;
  698.             }
  699.           
  700.             .sort-by-dropdown {
  701.               position: absolute;
  702.               left: 0;
  703.               top: 100%;
  704.               z-index: 10;
  705.             }
  706.           }
  707.           
  708.           
  709.           
  710.           /*amélioration affichage des cartes produit*/
  711.           @media (max-width: 768px) {
  712.             .row-product {
  713.               width: 50% !important;
  714.             }
  715.           }
  716.           
  717.           @media (max-width: 480px) {
  718.             .row-product {
  719.               width: 100% !important;
  720.             }
  721.           }
  722.           
  724.     </style>
  725.     <script>
  726.         var category_id = JSON.parse(\"{{ category_id|e('js') }}\")
  727.         // Filtres des tailles et couleurs
  728.         var taillesFilter = {{ Globals.getTailles(categories)|json_encode|raw }};
  729.         var couleursFilter = {{ Globals.getCouleurs(categories)|json_encode|raw }};
  731.         
  732.         
  733.     </script>
  734. {% endblock %}
  736. {% block body %}
  737.     {# {% verbatim %} #}
  738.     <main class=\"main\" id=\"app\" v-cloak>
  739.         <div class=\"page-header breadcrumb-wrap\">
  740.             <div class=\"container\">
  741.                 <div class=\"breadcrumb\">
  742.                     <a href=\"{{ path('home') }}\" rel=\"nofollow\">Acceuil</a>
  743.                     {% if categorie.parent.parent is defined and  categorie.parent.parent is not null %}
  744.                     <span></span>
  745.                         <a href=\"{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: categorie.parent.parent.id , name :categorie.parent.parent.name|slug }) : path('category_new', {id: categorie.parent.parent.id , name :categorie.parent.parent.name|slug }) }}\"rel=\"nofollow\">
  746.                             {{ categorie.parent.parent.name }}</a>
  747.                     {% endif %}
  748.                     {% if categorie.parent is not empty and  categorie.parent is not null  %}
  749.                     <span></span>
  750.                         <a href=\"{{ CATEGORY_URL_TYPE == 1 ? path('category_dec', {id: categorie.parent.id , name :categorie.parent.name|slug }) : path('category_new', {id: categorie.parent.id , name :categorie.parent.name|slug }) }}\"rel=\"nofollow\">
  751.                             {{ categorie.parent.name }}</a>
  752.                     {% endif %}
  753.                     <span></span> {{ categorie.getName() }}
  754.                 </div>
  755.             </div>
  756.         </div>
  758.        {# ===== SECTION PRINCIPALE DE LISTE DE PRODUITS ===== #}
  759. <section class=\"mt-50 mb-50\">
  760.     <div class=\"container\">
  761.         <div class=\"row flex-row-reverse\">
  762.             {# ===== COLONNE PRINCIPALE (LISTE DES PRODUITS) ===== #}
  763.             <div class=\"col-lg-9\">
  765.                 {# ===== BARRE DE FILTRAGE (nombre de produits, affichage et tri) ===== #}
  766.                 <div class=\"shop-product-fillter\">
  767.                     {# Affichage du nombre total d'articles trouvés #}
  768.                     <div class=\"totall-product\">
  769.                         <p>Nous avons trouvé <strong class=\"text-brand\">\${ totalItems }</strong> article<span v-if=\"totalItems>1\">s</span> !</p>
  770.                     </div>
  772.                     {# Zone de tri et d'affichage par nombre #}
  773.                     <div class=\"sort-by-product-area\">
  775.                         {# Choix du nombre de produits à afficher par page #}
  776.                         <div class=\"sort-by-cover mr-10\">
  777.                             <div class=\"sort-by-product-wrap\">
  778.                                 <div class=\"sort-by\">
  779.                                     <span><i class=\"fi-rs-apps\"></i>Montrer:</span>
  780.                                 </div>
  781.                                 <div class=\"sort-by-dropdown-wrap\">
  782.                                     <span v-show=\"pageSize!=9999\"> \${ pageSize } <i class=\"fi-rs-angle-small-down\"></i></span>
  783.                                     <span v-show=\"pageSize==9999\"> Tous <i class=\"fi-rs-angle-small-down\"></i></span>
  784.                                 </div>
  785.                             </div>
  786.                             {# Dropdown pour choisir pageSize #}
  787.                             <div class=\"sort-by-dropdown\">
  788.                                 <ul>
  789.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==10 }\" href=\"#&\" @click=\"pageSize=10;getData(page,true)\">10</a></li>
  790.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==20 }\" href=\"#&\" @click=\"pageSize=20;getData(page,true)\">20</a></li>
  791.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==40 }\" href=\"#&\" @click=\"pageSize=40;getData(page,true)\">40</a></li>
  792.                                     <li class=\"activeFilter\"><a :class=\"{ active: pageSize==9999 }\" href=\"#&\" @click=\"pageSize=9999;getData(page,true)\">Tous</a></li>
  793.                                 </ul>
  794.                             </div>
  795.                         </div>
  797.                         {# Choix du tri (ordre alphabétique, prix, date) #}
  798.                         <div class=\"sort-by-cover\">
  799.                             <div class=\"sort-by-product-wrap\">
  800.                                 <div class=\"sort-by\">
  801.                                     <span><i class=\"fi-rs-apps-sort\"></i>Trier par:</span>
  802.                                 </div>
  803.                                 <div class=\"sort-by-dropdown-wrap\">
  804.                                     <span v-show=\"orderBy==1\"> Nom: A à Z <i class=\"fi-rs-angle-small-down\"></i></span>
  805.                                     <span v-show=\"orderBy==2\"> Nom: Z à A <i class=\"fi-rs-angle-small-down\"></i></span>
  806.                                     <span v-show=\"orderBy==3\"> Prix: croissant <i class=\"fi-rs-angle-small-down\"></i></span>
  807.                                     <span v-show=\"orderBy==4\"> Prix: décroissant <i class=\"fi-rs-angle-small-down\"></i></span>
  808.                                     <span v-show=\"orderBy==5\"> Date ajout: croissant<i class=\"fi-rs-angle-small-down\"></i></span>
  809.                                     <span v-show=\"orderBy==6\"> Date ajout: décroissant<i class=\"fi-rs-angle-small-down\"></i></span>
  810.                                 </div>
  811.                             </div>
  812.                             {# Dropdown pour le tri #}
  813.                             <div class=\"sort-by-dropdown\">
  814.                                 <ul>
  815.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==1 }\" href=\"#&\" @click=\"orderBy=1;getData(page,true)\">Nom: A à Z</a></li>
  816.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==2 }\" href=\"#&\" @click=\"orderBy=2;getData(page,true)\">Nom: Z à A</a></li>
  817.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==3 }\" href=\"#&\" @click=\"orderBy=3;getData(page,true)\">Prix: croissant</a></li>
  818.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==4 }\" href=\"#&\" @click=\"orderBy=4;getData(page,true)\">Prix: décroissant</a></li>
  819.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==5 }\" href=\"#&\" @click=\"orderBy=5;getData(page,true)\">Date ajout: croissant</a></li>
  820.                                     <li class=\"activeFilter\"><a :class=\"{ active: orderBy==6 }\" href=\"#&\" @click=\"orderBy=6;getData(page,true)\">Date ajout: décroissant</a></li>
  821.                                 </ul>
  822.                             </div>
  823.                         </div>
  824.                     </div>
  825.                 </div>
  827.                 {# ===== GRILLE DE PRODUITS ===== #}
  828.                 <div class=\"row product-grid-3\">
  829.                     {# Boucle sur chaque produit #}
  830.                     <div class=\"col-lg-6 col-md-6 col-12 col-sm-6 row-product\" v-for=\"entry in products\">
  831.                         <div class=\"product-cart-wrap mb-30 col-product\">
  832.                             {# Image + Badges #}
  833.                             <div class=\"product-img-action-wrap\" @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  834.                                 <div class=\"product-img product-img-zoom\">
  835.                                     <a href=\"#&\">
  836.                                         <img class=\"default-img product-img\" :src=\"'{{ APP_URL }}/images/300-400/'+entry.image\" :alt=\"entry.name\">
  837.                                     </a>
  838.                                 </div>
  839.                                 
  840.                                 {# Affichage des badges: Rupture, Nouveau, Promo #}
  841.                                 <div class=\"product-badges product-badges-position product-badges-mrg\" v-if=\"(entry.promo && entry.promo.isValid) || !entry.stock || entry.isNew\">
  842.                                     <span v-if=\"!entry.stock\" class=\"hot mr-1\">Rupture de stock</span>
  843.                                     <span v-if=\"entry.isNew\" class=\"new mr-1\">Nouveau</span>
  844.                                     <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='amount'\">-\${ entry.promo.discountValue.toFixed(3) } <sup class=\"currency-style\">TND</sup></span>
  845.                                     <span class=\"best\" v-if=\"entry.promo && entry.promo.isValid && entry.promo.discountType=='percent'\">-\${ entry.promo.discountValue } %</span>
  846.                                 </div>
  847.                             </div>
  848.                             {# Titre + prix + bouton panier #}
  849.                             <div class=\"product-content-wrap\">
  850.                                 <h2 @click=\"openProduct(entry.idProduit,entry.name,entry.id)\">
  851.                                     <div class=\"menu-item card-title\">\${ entry.name }</div>
  852.                                 </h2>
  853.                                 <div class=\"product-price\">
  854.                                   <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>
  855.                                     <span class=\"old-price\" v-if=\"entry.promo && entry.promo.isValid\">\${ entry.priceTTC.toFixed(3) } <sup class=\"currency-style\">TND</sup></span>
  856.                                 </div>
  857.                                 <div class=\"product-action-1 show\" @click=\"getProduit(entry.idProduit,entry.id)\">
  858.                                     <button aria-label=\"Acheter maintenant\" class=\"action-btn hover-up\"><i class=\"fi-rs-shopping-bag-add\"></i></button>
  859.                                 </div>
  860.                             </div>
  861.                         </div>
  862.                     </div>
  863.                 </div>
  865.                 {# ===== PAGINATION ===== #}
  866.                 <div class=\"pagination-area mt-15 mb-sm-5 mb-lg-0\" v-show=\"pages.length>1\">
  867.                     <nav aria-label=\"Page navigation example\">
  868.                         <ul class=\"pagination justify-content-start\">
  869.                             <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>
  870.                             <li v-for=\"entry in pages\" class=\"page-item\" @click=\"getData(entry)\" :class=\"{ active: entry==page }\"><a class=\"page-link\" href=\"#&\">\${ entry }</a></li>
  871.                             <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>
  872.                         </ul>
  873.                     </nav>
  874.                 </div>
  875.             </div>
  877.             {# ===== BARRE LATÉRALE (FILTRES) ===== #}
  878.             <div class=\"col-lg-3 order-mobile-first primary-sidebar sticky-sidebar\">
  879.                 {# Bouton Filtrer affiché uniquement en mobile #}
  880.                 <button class=\"btn btn-outline-primary w-100 d-md-none mb-3\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#mobileFilters\" aria-expanded=\"false\" aria-controls=\"mobileFilters\">
  881.                     <i class=\"fi-rs-filter me-2\"></i> Affiner la recherche
  882.                 </button>
  883.                 <div class=\"collapse d-md-block\" id=\"mobileFilters\">
  884.                     <div class=\"sidebar-widget price_range range mb-30\">
  885.                 
  886.                         
  887.                         <div class=\"widget-header position-relative mb-20 pb-10\">
  888.                             <h5 class=\"widget-title mb-10\">Filter par prix</h5>
  889.                             <div class=\"bt-1 border-color-1\"></div>
  890.                         </div>
  891.                         {# Range de prix (jQuery UI slider) #}
  892.                         <div class=\"price-filter\">
  893.                             <div class=\"price-filter-inner\">
  894.                                 <div id=\"slider-range\"></div>
  895.                                 <div class=\"price_slider_amount\">
  896.                                     <div class=\"label-input\">
  897.                                         <span>Intervalle:</span><input type=\"text\" id=\"amount\" name=\"price\" placeholder=\"Ajouter le prix\"/>
  898.                                     </div>
  899.                                 </div>
  900.                             </div>
  901.                         </div>
  902.                         <button class=\"btn btn-sm btn-default mt-10\" :disabled=\"disabled\" @click=\"getData(page,true)\">
  903.                             <i class=\"fi-rs-filter mr-5\"></i> Filtrer
  904.                         </button>
  906.                         {# Filtres par taille et couleur #}
  907.                         <div class=\"list-group\" v-if=\"totalItems\">
  908.                             <div class=\"list-group-item mb-10 mt-10\">
  909.                                 <label class=\"fw-900\">Tailles</label>
  910.                                 <div class=\"custome-checkbox\">
  911.                                     <div class=\"row\">
  912.                                         <div v-for=\"entry in taillesFilter\" class=\"col-4\" style=\"white-space: nowrap\">
  913.                                             <input class=\"form-check-input\" type=\"checkbox\" name=\"checkbox\" :id=\"'exampleCheckbox'+entry.name\" v-model=\"entry.selected\" @change=\"getData(page,true)\">
  914.                                             <label class=\"form-check-label\" :for=\"'exampleCheckbox'+entry.name\"><span>\${ entry.name }</span></label>
  915.                                         </div>
  916.                                     </div>
  917.                                 </div>
  918.                                 <label class=\"fw-900 mt-15\">Couleurs</label>
  919.                                 <div class=\"attr-detail attr-color mb-15\">
  920.                                     <ul class=\"list-filter color-filter multi\">
  921.                                         <li :class=\"entry.selected ? 'active' : ''\" v-for=\"entry in couleursFilter\" @click=\"entry.selected = !entry.selected; getData(page,true)\">
  922.                                             <a href=\"#\" :title=\"entry.name\">
  923.                                                 <span :style=\"{ 'background-color': entry.code ? entry.code :'#fff','border': '1px solid #ddd' }\"></span>
  924.                                             </a>
  925.                                         </li>
  926.                                     </ul>
  927.                                 </div>
  928.                             </div>
  929.                         </div>
  930.                     </div>
  931.                 </div>
  932.             </div>
  933.             {# FIN BARRE LATÉRALE #}
  934.         </div>
  935.     </div>
  936. </section>
  938.     </main>
  939.     {# {% endverbatim %} #}
  940. {% endblock %}
  941. {% block javascripts %}
  942.     {{ parent() }}
  943.     <script>
  944.         // Reinialiser les filtres de recherche
  945.         window.onbeforeunload = function () {
  946.             //unchecked your check box here.
  947.             \$(\"input[type='checkbox']\").prop('checked', false);
  948.             //app.getData(app.page);
  949.         };
  950.     </script>
  951.     <script src=\"{{ asset('front/assets/scripts/dec/index.js') }}\"></script>
  952. {% endblock %}
  953. ", "front/dec/listProductDec.html.twig", "/home/sunshil/www/sunshine-elegance/templates/front/dec/listProductDec.html.twig");
  954.     }
  955. }