var/cache/dev/twig/30/3058c32cf4a60f6e4b4b069ebe7a6aa0.php line 56

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. /* home/shops_list.html.twig */
  18. class __TwigTemplate_2c903694a6a24f3c0ae62c1cd97a5737 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.             'body' => [$this, 'block_body'],
  35.             'stylesheets' => [$this, 'block_stylesheets'],
  36.             'javascripts' => [$this, 'block_javascripts'],
  37.         ];
  38.     }
  40.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  41.     {
  42.         // line 1
  43.         return "base_home.html.twig";
  44.     }
  46.     protected function doDisplay(array $context, array $blocks = []): iterable
  47.     {
  48.         $macros = $this->macros;
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/shops_list.html.twig"));
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/shops_list.html.twig"));
  55.         $this->parent = $this->load("base_home.html.twig", 1);
  56.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  57.         
  58.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  60.         
  61.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  63.     }
  65.     // line 3
  66.     /**
  67.      * @return iterable<null|scalar|\Stringable>
  68.      */
  69.     public function block_title(array $context, array $blocks = []): iterable
  70.     {
  71.         $macros = $this->macros;
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  73.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  76.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  78.         yield "Boutiques | MaketOu";
  79.         
  80.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  82.         
  83.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  85.         yield from [];
  86.     }
  88.     // line 5
  89.     /**
  90.      * @return iterable<null|scalar|\Stringable>
  91.      */
  92.     public function block_body(array $context, array $blocks = []): iterable
  93.     {
  94.         $macros = $this->macros;
  95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  96.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  98.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  99.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  101.         // line 6
  102.         yield "
  103.     <!-- Start Banner Area -->
  104.     ";
  105.         // line 8
  106.         if ((($context["selectedCategory"] ?? null) && CoreExtension::getAttribute($this->env, $this->source, ($context["selectedCategory"] ?? null), "bannerImage", [], "any", false, false, false, 8))) {
  107.             // line 9
  108.             yield "        <section class=\"banner-area shop-category-banner  organic-breadcrumb\" style=\"background-image: url('";
  109.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(CoreExtension::getAttribute($this->env, $this->source, ($context["selectedCategory"] ?? null), "bannerImage", [], "any", false, false, false, 9)), "html", null, true);
  110.             yield "'); background-size: cover; background-position: center; min-height: 300px; position: relative;object-fit: cover;height:400px;\">
  111.             <div class=\"banner-overlay\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);\"></div>
  112.             <div class=\"container\" style=\"position: relative; z-index: 1;\">
  113.                 <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  114.                     <div class=\"col-first text-white\">
  115.                         <h1 style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\">";
  116.             // line 14
  117.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["selectedCategory"] ?? null), "name", [], "any", false, false, false, 14), "html", null, true);
  118.             yield "</h1>
  119.                         <nav class=\"d-flex align-items-center\">
  120.                             <a href=\"";
  121.             // line 16
  122.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_home");
  123.             yield "\" style=\"color: white;\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  124.                             <a href=\"";
  125.             // line 17
  126.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_shops_list");
  127.             yield "\" style=\"color: white;\">Boutiques<span class=\"lnr lnr-arrow-right\"></span></a>
  128.                             <a href=\"javascript:void(0);\" style=\"color: white;\">";
  129.             // line 18
  130.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["selectedCategory"] ?? null), "name", [], "any", false, false, false, 18), "html", null, true);
  131.             yield "</a>
  132.                         </nav>
  133.                     </div>
  134.                 </div>
  135.             </div>
  136.         </section>
  137.     ";
  138.         } else {
  139.             // line 25
  140.             yield "        <section class=\"banner-area organic-breadcrumb\">
  141.             <div class=\"container\">
  142.                 <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  143.                     <div class=\"col-first\">
  144.                         <h1>";
  145.             // line 29
  146.             if ((($tmp = ($context["selectedCategory"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  147.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["selectedCategory"] ?? null), "name", [], "any", false, false, false, 29), "html", null, true);
  148.             } else {
  149.                 yield "Boutiques";
  150.             }
  151.             yield "</h1>
  152.                         <nav class=\"d-flex align-items-center\">
  153.                             <a href=\"";
  154.             // line 31
  155.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_home");
  156.             yield "\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  157.                             <a href=\"javascript:void(0);\">Boutiques</a>
  158.                         </nav>
  159.                     </div>
  160.                 </div>
  161.             </div>
  162.         </section>
  163.     ";
  164.         }
  165.         // line 39
  166.         yield "    <!-- End Banner Area -->
  168.     <div class=\"container mt-4 mb-4\">
  169.         <div class=\"row\">
  170.             <div class=\"col-xl-3 col-lg-4 col-md-5\">
  171.                 <!-- Filtres des boutiques -->
  172.                 <div class=\"sidebar-categories\">
  173.                     <div class=\"head\">Catégories de boutiques</div>
  174.                     <ul class=\"main-categories\">
  175.                         ";
  176.         // line 48
  177.         $context['_parent'] = $context;
  178.         $context['_seq'] = CoreExtension::ensureTraversable(($context["shopCategories"] ?? null));
  179.         foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
  180.             // line 49
  181.             yield "                            <li class=\"main-nav-list\">
  182.                                 <a href=\"";
  183.             // line 50
  184.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_shops_list", ["category" => CoreExtension::getAttribute($this->env, $this->source, $context["category"], "slug", [], "any", false, false, false, 50)]), "html", null, true);
  185.             yield "\" 
  186.                                    class=\"category-link ";
  187.             // line 51
  188.             if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, false, false, 51), "query", [], "any", false, false, false, 51), "get", ["category"], "method", false, false, false, 51) == CoreExtension::getAttribute($this->env, $this->source, $context["category"], "slug", [], "any", false, false, false, 51))) {
  189.                 yield "active";
  190.             }
  191.             yield "\">
  192.                                     <i class=\"lnr lnr-store\"></i>
  193.                                     ";
  194.             // line 53
  195.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["category"], "name", [], "any", false, false, false, 53), "html", null, true);
  196.             yield "
  197.                                     <span class=\"number\">(";
  198.             // line 54
  199.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["category"], "shops", [], "any", false, false, false, 54)), "html", null, true);
  200.             yield ")</span>
  201.                                 </a>
  202.                             </li>
  203.                         ";
  204.         }
  205.         $_parent = $context['_parent'];
  206.         unset($context['_seq'], $context['_key'], $context['category'], $context['_parent']);
  207.         $context = array_intersect_key($context, $_parent) + $_parent;
  208.         // line 58
  209.         yield "                    </ul>
  210.                 </div>
  212.                 <!-- Statistiques modernes inline -->
  213.                 <div class=\"sidebar-filter mt-4\">
  214.                     <div class=\"top-filter-head\">Statistiques</div>
  215.                     <div class=\"modern-stats\">
  216.                         <div class=\"stat-item-inline mt-3\">
  217.                             <i class=\"lnr lnr-store\"></i>
  218.                             <div>
  219.                                 <div class=\"stat-value\">";
  220.         // line 68
  221.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("total_shops", $context)) ? (Twig\Extension\CoreExtension::default(($context["total_shops"] ?? null), 0)) : (0)), "html", null, true);
  222.         yield "</div>
  223.                                 <div class=\"stat-label\">Total</div>
  224.                             </div>
  225.                         </div>
  226.                         <div class=\"stat-item-inline\">
  227.                             <i class=\"lnr lnr-star\"></i>
  228.                             <div>
  229.                                 <div class=\"stat-value\">";
  230.         // line 75
  231.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), Twig\Extension\CoreExtension::filter($this->env, ($context["shops"] ?? null), function ($__shop__) use ($context, $macros) { $context["shop"] = $__shop__; return CoreExtension::getAttribute($this->env, $this->source, ($context["shop"] ?? null), "isActive", [], "any", false, false, false, 75); })), "html", null, true);
  232.         yield "</div>
  233.                                 <div class=\"stat-label\">Actives</div>
  234.                             </div>
  235.                         </div>
  236.                         <div class=\"stat-item-inline\">
  237.                             <i class=\"lnr lnr-checkmark-circle\"></i>
  238.                             <div>
  239.                                 <div class=\"stat-value\">";
  240.         // line 82
  241.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::length($this->env->getCharset(), Twig\Extension\CoreExtension::filter($this->env, ($context["shops"] ?? null), function ($__shop__) use ($context, $macros) { $context["shop"] = $__shop__; return CoreExtension::getAttribute($this->env, $this->source, ($context["shop"] ?? null), "isVerified", [], "any", false, false, false, 82); })), "html", null, true);
  242.         yield "</div>
  243.                                 <div class=\"stat-label\">Vérifiées</div>
  244.                             </div>
  245.                         </div>
  246.                     </div>
  247.                 </div>
  248.             </div>
  250.             <div class=\"col-xl-9 col-lg-8 col-md-7\">
  252.                 <!-- Liste des boutiques -->
  253.                 <div class=\"row\" id=\"shopsContainer\">
  254.                     ";
  255.         // line 94
  256.         $context['_parent'] = $context;
  257.         $context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env->getCharset(), ($context["shops"] ?? null), 0, 9));
  258.         foreach ($context['_seq'] as $context["_key"] => $context["shop"]) {
  259.             // line 95
  260.             yield "                        <div class=\"mt-4 col-lg-4 col-md-6 shop-item\" data-shop-id=\"";
  261.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "id", [], "any", false, false, false, 95), "html", null, true);
  262.             yield "\">
  263.                             <div class=\"single-shop h-100\">
  264.                                 <div class=\"shop-image\">
  265.                                     <a href=\"";
  266.             // line 98
  267.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_shop_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "slug", [], "any", false, false, false, 98)]), "html", null, true);
  268.             yield "\">
  269.                                         ";
  270.             // line 99
  271.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "logo", [], "any", false, false, false, 99)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  272.                 // line 100
  273.                 yield "                                            <img class=\"img-fluid\" src=\"";
  274.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "logo", [], "any", false, false, false, 100)), "html", null, true);
  275.                 yield "\" alt=\"";
  276.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "name", [], "any", false, false, false, 100), "html", null, true);
  277.                 yield "\">
  278.                                         ";
  279.             } else {
  280.                 // line 102
  281.                 yield "                                            <img class=\"img-fluid\" src=\"";
  282.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("ui/img/shop/default-shop.jpg"), "html", null, true);
  283.                 yield "\" alt=\"";
  284.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "name", [], "any", false, false, false, 102), "html", null, true);
  285.                 yield "\">
  286.                                         ";
  287.             }
  288.             // line 104
  289.             yield "                                    </a>
  290.                                     ";
  291.             // line 105
  292.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "isVerified", [], "any", false, false, false, 105)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  293.                 // line 106
  294.                 yield "                                        <div class=\"verified-badge\">
  295.                                             <i class=\"lnr lnr-checkmark-circle\"></i>
  296.                                         </div>
  297.                                     ";
  298.             }
  299.             // line 110
  300.             yield "                                </div>
  301.                                 
  302.                                 <div class=\"shop-details\">
  303.                                     <div class=\"shop-header\">
  304.                                         <h6 class=\"shop-name\">
  305.                                             <a href=\"";
  306.             // line 115
  307.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_shop_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "slug", [], "any", false, false, false, 115)]), "html", null, true);
  308.             yield "\">";
  309.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "name", [], "any", false, false, false, 115), "html", null, true);
  310.             yield "</a>
  311.                                         </h6>
  312.                                         ";
  313.             // line 117
  314.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "shopCategory", [], "any", false, false, false, 117)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  315.                 // line 118
  316.                 yield "                                            <span class=\"shop-category\">";
  317.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "shopCategory", [], "any", false, false, false, 118), "name", [], "any", false, false, false, 118), "html", null, true);
  318.                 yield "</span>
  319.                                         ";
  320.             }
  321.             // line 120
  322.             yield "                                    </div>
  323.                                     
  324.                                     <div class=\"shop-stats\">
  325.                                         <div class=\"stat-item\">
  326.                                             <span class=\"stat-value\">";
  327.             // line 124
  328.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "getActiveProductsCount", [], "method", false, false, false, 124), "html", null, true);
  329.             yield "</span>
  330.                                             <span class=\"stat-label\">Produits</span>
  331.                                         </div>
  332.                         <div class=\"stat-item\">
  333.                             <span class=\"stat-value followers-count\" data-shop-id=\"";
  334.             // line 128
  335.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "id", [], "any", false, false, false, 128), "html", null, true);
  336.             yield "\">";
  337.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "getActiveFollowersCount", [], "method", false, false, false, 128), "html", null, true);
  338.             yield "</span>
  339.                                             <span class=\"stat-label\">Suiveurs</span>
  340.                                         </div>
  341.                                         <div class=\"stat-item\">
  342.                                             <span class=\"stat-value\">";
  343.             // line 132
  344.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "viewCount", [], "any", false, false, false, 132), "html", null, true);
  345.             yield "</span>
  346.                                             <span class=\"stat-label\">Vues</span>
  347.                                         </div>
  348.                                     </div>
  349.                                     
  350.                                     <div class=\"shop-description\">
  351.                                         <p>";
  352.             // line 138
  353.             yield (((Twig\Extension\CoreExtension::length($this->env->getCharset(), Twig\Extension\CoreExtension::striptags(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "description", [], "any", false, false, false, 138))) > 100)) ? ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((Twig\Extension\CoreExtension::slice($this->env->getCharset(), Twig\Extension\CoreExtension::striptags(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "description", [], "any", false, false, false, 138)), 0, 100) . "..."), "html", null, true)) : ($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::striptags(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "description", [], "any", false, false, false, 138)), "html", null, true)));
  354.             yield "</p>
  355.                                     </div>
  356.                                     
  357.                                     <div class=\"shop-actions\">
  358.                                         <a href=\"";
  359.             // line 142
  360.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_shop_show", ["slug" => CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "slug", [], "any", false, false, false, 142)]), "html", null, true);
  361.             yield "\" class=\"btn btn-primary btn-sm\">
  362.                                             <i class=\"lnr lnr-eye me-1\"></i> Voir
  363.                                         </a>
  364.                                         ";
  365.             // line 145
  366.             if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 145)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  367.                 // line 146
  368.                 yield "                                            ";
  369.                 $context["followed_shop_ids"] = ((array_key_exists("followed_shop_ids", $context)) ? (Twig\Extension\CoreExtension::default(($context["followed_shop_ids"] ?? null), [])) : ([]));
  370.                 // line 147
  371.                 yield "                                            ";
  372.                 $context["is_following"] = CoreExtension::inFilter(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "id", [], "any", false, false, false, 147), ($context["followed_shop_ids"] ?? null));
  373.                 // line 148
  374.                 yield "                                            <button class=\"btn btn-sm follow-btn ";
  375.                 yield (((($tmp = ($context["is_following"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("btn-outline-danger") : ("btn-outline-secondary"));
  376.                 yield "\" 
  377.                                                     data-shop-id=\"";
  378.                 // line 149
  379.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "id", [], "any", false, false, false, 149), "html", null, true);
  380.                 yield "\"
  381.                                                     data-following=\"";
  382.                 // line 150
  383.                 yield (((($tmp = ($context["is_following"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("true") : ("false"));
  384.                 yield "\"
  385.                                                     onclick=\"toggleFollow(";
  386.                 // line 151
  387.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["shop"], "id", [], "any", false, false, false, 151), "html", null, true);
  388.                 yield ", this)\">
  389.                                                 <i class=\"lnr ";
  390.                 // line 152
  391.                 yield (((($tmp = ($context["is_following"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("lnr-cross") : ("lnr-plus"));
  392.                 yield " me-1\"></i>
  393.                                                 <span class=\"follow-text\">
  394.                                                     ";
  395.                 // line 154
  396.                 yield (((($tmp = ($context["is_following"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) ? ("Ne plus suivre") : ("Suivre"));
  397.                 yield "
  398.                                                 </span>
  399.                                             </button>
  400.                                         ";
  401.             }
  402.             // line 158
  403.             yield "                                    </div>
  404.                                 </div>
  405.                             </div>
  406.                         </div>
  407.                     ";
  408.         }
  409.         $_parent = $context['_parent'];
  410.         unset($context['_seq'], $context['_key'], $context['shop'], $context['_parent']);
  411.         $context = array_intersect_key($context, $_parent) + $_parent;
  412.         // line 163
  413.         yield "                </div>
  415.                 <!-- Bouton Voir plus -->
  416.                 ";
  417.         // line 166
  418.         if (((Twig\Extension\CoreExtension::length($this->env->getCharset(), ($context["shops"] ?? null)) > 9) || (($context["current_page"] ?? null) < ($context["total_pages"] ?? null)))) {
  419.             // line 167
  420.             yield "                    <div class=\"text-center mt-4 mb-4\" id=\"loadMoreContainer\">
  421.                         <button class=\"btn btn-primary btn-lg\" id=\"loadMoreBtn\" onclick=\"loadMoreShops()\">
  422.                             <i class=\"lnr lnr-plus-circle me-2\"></i>Voir plus de boutiques
  423.                         </button>
  424.                     </div>
  425.                 ";
  426.         }
  427.         // line 173
  428.         yield "
  429.                 <!-- Message si aucune boutique -->
  430.                 ";
  431.         // line 175
  432.         if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), ($context["shops"] ?? null)) == 0)) {
  433.             // line 176
  434.             yield "                    <div class=\"text-center py-5\">
  435.                         <i class=\"lnr lnr-store\" style=\"font-size: 4rem; color: #ccc;\"></i>
  436.                         <h4 class=\"mt-3\">Aucune boutique trouvée</h4>
  437.                         <p class=\"text-muted\">Aucune boutique ne correspond à vos critères de recherche.</p>
  438.                     </div>
  439.                 ";
  440.         }
  441.         // line 182
  442.         yield "            </div>
  443.         </div>
  444.     </div>
  445. ";
  446.         
  447.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  449.         
  450.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  452.         yield from [];
  453.     }
  455.     // line 187
  456.     /**
  457.      * @return iterable<null|scalar|\Stringable>
  458.      */
  459.     public function block_stylesheets(array $context, array $blocks = []): iterable
  460.     {
  461.         $macros = $this->macros;
  462.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  463.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  465.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  466.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  468.         // line 188
  469.         yield "<style>
  470. .single-shop {
  471.     background: white;
  472.     border-radius: 12px;
  473.     padding: 20px;
  474.     margin-bottom: 30px;
  475.     box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  476.     transition: all 0.3s ease;
  477.     display: flex;
  478.     flex-direction: column;
  479.     height: 100%;
  480.     overflow: hidden; /* Empêcher le débordement */
  481. }
  483. .single-shop:hover {
  484.     transform: translateY(-5px);
  485.     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  486. }
  488. .shop-image {
  489.     position: relative;
  490.     margin-bottom: 15px;
  491. }
  493. .shop-image img {
  494.     width: 100%;
  495.     height: 200px;
  496.     object-fit: cover;
  497.     border-radius: 8px;
  498. }
  500. .verified-badge {
  501.     position: absolute;
  502.     top: 10px;
  503.     right: 10px;
  504.     background: #28a745;
  505.     color: white;
  506.     padding: 5px 8px;
  507.     border-radius: 12px;
  508.     font-size: 0.8rem;
  509. }
  511. .shop-header {
  512.     margin-bottom: 15px;
  513. }
  515. .shop-name {
  516.     margin: 0 0 5px 0;
  517.     font-size: 1.1rem;
  518.     font-weight: 600;
  519. }
  521. .shop-name a {
  522.     color: #333;
  523.     text-decoration: none;
  524. }
  526. .shop-name a:hover {
  527.     color: #007bff;
  528. }
  530. .shop-category {
  531.     background: #f8f9fa;
  532.     color: #666;
  533.     padding: 2px 8px;
  534.     border-radius: 12px;
  535.     font-size: 0.8rem;
  536. }
  538. .shop-stats {
  539.     display: flex;
  540.     justify-content: space-around;
  541.     margin: 15px 0;
  542.     padding: 15px 0;
  543.     border-top: 1px solid #f0f0f0;
  544.     border-bottom: 1px solid #f0f0f0;
  545. }
  547. .stat-item {
  548.     text-align: center;
  549. }
  551. .stat-value {
  552.     display: block;
  553.     font-size: 1.2rem;
  554.     font-weight: 600;
  555.     color: #333;
  556. }
  558. .stat-label {
  559.     font-size: 0.8rem;
  560.     color: #666;
  561.     text-transform: uppercase;
  562.     letter-spacing: 0.5px;
  563. }
  565. .shop-description {
  566.     margin: 15px 0;
  567.     color: #666;
  568.     font-size: 0.9rem;
  569.     line-height: 1.4;
  570. }
  572. .shop-actions {
  573.     display: flex;
  574.     gap: 8px;
  575.     margin-top: auto;
  576.     padding-top: 15px;
  577.     flex-wrap: wrap;
  578. }
  580. .shop-actions .btn {
  581.     flex: 1 1 auto;
  582.     min-width: 0;
  583.     font-size: 0.85rem;
  584.     white-space: nowrap;
  585.     overflow: hidden;
  586.     text-overflow: ellipsis;
  587.     padding: 8px 12px;
  588. }
  590. .shop-actions .btn i {
  591.     margin-right: 4px;
  592.     flex-shrink: 0;
  593. }
  595. /* Assurer que shop-details utilise flexbox pour garder les boutons en bas */
  596. .shop-details {
  597.     display: flex;
  598.     flex-direction: column;
  599.     flex: 1;
  600.     min-height: 0; /* Important pour le flexbox */
  601. }
  603. /* Statistiques modernes inline */
  604. .modern-stats {
  605.     display: flex;
  606.     flex-direction: column;
  607.     gap: 15px;
  608. }
  610. .stat-item-inline {
  611.     display: flex;
  612.     align-items: center;
  613.     gap: 15px;
  614.     padding: 15px;
  615.     background: #f8f9fa;
  616.     border-radius: 10px;
  617.     transition: all 0.3s ease;
  618. }
  620. .stat-item-inline:hover {
  621.     background: #e9ecef;
  622.     transform: translateX(5px);
  623. }
  625. .stat-item-inline i {
  626.     font-size: 1.5rem;
  627.     color: #007bff;
  628.     width: 40px;
  629.     text-align: center;
  630. }
  632. .stat-item-inline .stat-value {
  633.     font-size: 1.5rem;
  634.     font-weight: 700;
  635.     color: #333;
  636.     line-height: 1;
  637. }
  639. .stat-item-inline .stat-label {
  640.     font-size: 0.85rem;
  641.     color: #666;
  642.     text-transform: uppercase;
  643.     letter-spacing: 0.5px;
  644.     margin-top: 5px;
  645. }
  647. .stat-number {
  648.     font-size: 1.5rem;
  649.     font-weight: 700;
  650.     color: #007bff;
  651.     margin-top: 5px;
  652. }
  654. @media (max-width: 768px) {
  655.     .single-shop {
  656.         padding: 15px;
  657.     }
  658.     
  659.     .shop-stats {
  660.         flex-direction: column;
  661.         gap: 10px;
  662.     }
  663.     
  664.     .shop-actions {
  665.         flex-direction: column;
  666.     }
  667. }
  668. </style>
  669. ";
  670.         
  671.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  673.         
  674.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  676.         yield from [];
  677.     }
  679.     // line 390
  680.     /**
  681.      * @return iterable<null|scalar|\Stringable>
  682.      */
  683.     public function block_javascripts(array $context, array $blocks = []): iterable
  684.     {
  685.         $macros = $this->macros;
  686.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  687.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  689.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  690.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  692.         // line 391
  693.         yield "<script>
  694. let currentPage = ";
  695.         // line 392
  696.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["current_page"] ?? null), "html", null, true);
  697.         yield ";
  698. let totalPages = ";
  699.         // line 393
  700.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["total_pages"] ?? null), "html", null, true);
  701.         yield ";
  702. let isLoading = false;
  704. function sortShops(sortValue) {
  705.     console.log('Tri des boutiques:', sortValue);
  706.     // TODO: Implémenter le tri AJAX
  707. }
  709. function toggleFollow(shopId, button) {
  710.     if (!button) {
  711.         button = document.querySelector(`.follow-btn[data-shop-id=\"\${shopId}\"]`);
  712.         if (!button) return;
  713.     }
  715.     const isFollowing = button.getAttribute('data-following') === 'true';
  716.     const originalHtml = button.innerHTML;
  717.     button.disabled = true;
  718.     button.innerHTML = '<span class=\"spinner-border spinner-border-sm\"></span>';
  720.     fetch(`";
  721.         // line 412
  722.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ui_api_shop_toggle_follow", ["id" => "SHOP_ID"]);
  723.         yield "`.replace('SHOP_ID', shopId), {
  724.         method: 'POST',
  725.         headers: {
  726.             'Content-Type': 'application/json',
  727.             'X-Requested-With': 'XMLHttpRequest'
  728.         },
  729.         body: JSON.stringify({ action: isFollowing ? 'unfollow' : 'follow' })
  730.     })
  731.     .then(response => response.json())
  732.     .then(data => {
  733.         if (data.success) {
  734.             // Mettre à jour l'état du bouton
  735.             const isFollowing = data.isFollowing === true;
  736.             button.setAttribute('data-following', isFollowing ? 'true' : 'false');
  737.             
  738.             // Mettre à jour les classes CSS
  739.             button.classList.remove('btn-outline-secondary', 'btn-outline-danger');
  740.             if (isFollowing) {
  741.                 button.classList.add('btn-outline-danger');
  742.             } else {
  743.                 button.classList.add('btn-outline-secondary');
  744.             }
  746.             // Reconstruire le HTML complet du bouton
  747.             const iconClass = isFollowing ? 'lnr-cross' : 'lnr-plus';
  748.             const textContent = isFollowing ? 'Ne plus suivre' : 'Suivre';
  749.             button.innerHTML = `<i class=\"lnr \${iconClass} me-1\"></i><span class=\"follow-text\">\${textContent}</span>`;
  751.             // Mettre à jour le compteur
  752.             const followersCounter = document.querySelector(`.followers-count[data-shop-id=\"\${shopId}\"]`);
  753.             if (followersCounter && typeof data.followersCount !== 'undefined') {
  754.                 followersCounter.textContent = data.followersCount;
  755.             }
  757.             if (data.message) {
  758.                 console.log(data.message);
  759.             }
  760.             
  761.             button.disabled = false;
  762.         } else {
  763.             alert(data.message || 'Impossible de mettre à jour le suivi.');
  764.             button.innerHTML = originalHtml;
  765.             button.disabled = false;
  766.         }
  767.     })
  768.     .catch(error => {
  769.         console.error('Erreur suivi boutique:', error);
  770.         alert('Erreur lors de la mise à jour du suivi.');
  771.         button.innerHTML = originalHtml;
  772.         button.disabled = false;
  773.     });
  774. }
  776. function loadMoreShops() {
  777.     if (isLoading || currentPage >= totalPages) return;
  778.     
  779.     isLoading = true;
  780.     const btn = document.getElementById('loadMoreBtn');
  781.     const originalText = btn.innerHTML;
  782.     btn.disabled = true;
  783.     btn.innerHTML = '<span class=\"spinner-border spinner-border-sm me-2\"></span>Chargement...';
  784.     
  785.     currentPage++;
  786.     const url = new URL(window.location.href);
  787.     url.searchParams.set('page', currentPage);
  788.     
  789.     fetch(url.toString(), {
  790.         headers: {
  791.             'X-Requested-With': 'XMLHttpRequest'
  792.         }
  793.     })
  794.     .then(response => response.json())
  795.     .then(data => {
  796.         if (data.success && data.shops.length > 0) {
  797.             const container = document.getElementById('shopsContainer');
  798.             data.shops.forEach(shop => {
  799.                 const shopHtml = createShopCard(shop);
  800.                 container.insertAdjacentHTML('beforeend', shopHtml);
  801.             });
  802.             
  803.             // Mettre à jour le bouton
  804.             if (!data.hasMore) {
  805.                 document.getElementById('loadMoreContainer').style.display = 'none';
  806.             } else {
  807.                 btn.disabled = false;
  808.                 btn.innerHTML = originalText;
  809.             }
  810.         } else {
  811.             document.getElementById('loadMoreContainer').style.display = 'none';
  812.         }
  813.         isLoading = false;
  814.     })
  815.     .catch(error => {
  816.         console.error('Erreur:', error);
  817.         btn.disabled = false;
  818.         btn.innerHTML = originalText;
  819.         isLoading = false;
  820.     });
  821. }
  823. function createShopCard(shop) {
  824.     const logoUrl = shop.logo ? '/' + shop.logo : '";
  825.         // line 513
  826.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("ui/img/shop/default-shop.jpg"), "html", null, true);
  827.         yield "';
  828.     const verifiedBadge = shop.isVerified ? 
  829.         '<div class=\"verified-badge\"><i class=\"lnr lnr-checkmark-circle\"></i></div>' : '';
  830.     const category = shop.category ? 
  831.         `<span class=\"shop-category\">\${shop.category}</span>` : '';
  832.     
  833.     return `
  834.         <div class=\"mt-4 col-lg-4 col-md-6 shop-item\" data-shop-id=\"\${shop.id}\">
  835.             <div class=\"single-shop h-100\">
  836.                 <div class=\"shop-image\">
  837.                     <a href=\"/shop/\${shop.slug}\">
  838.                         <img class=\"img-fluid\" src=\"\${logoUrl}\" alt=\"\${shop.name}\">
  839.                     </a>
  840.                     \${verifiedBadge}
  841.                 </div>
  842.                 <div class=\"shop-details\">
  843.                     <div class=\"shop-header\">
  844.                         <h6 class=\"shop-name\">
  845.                             <a href=\"/shop/\${shop.slug}\">\${shop.name}</a>
  846.                         </h6>
  847.                         \${category}
  848.                     </div>
  849.                     <div class=\"shop-stats\">
  850.                         <div class=\"stat-item\">
  851.                             <span class=\"stat-value\">\${shop.productsCount || 0}</span>
  852.                             <span class=\"stat-label\">Produits</span>
  853.                         </div>
  854.                         <div class=\"stat-item\">
  855.                             <span class=\"stat-value\">\${shop.followersCount || 0}</span>
  856.                             <span class=\"stat-label\">Suiveurs</span>
  857.                         </div>
  858.                         <div class=\"stat-item\">
  859.                             <span class=\"stat-value\">\${shop.viewCount || 0}</span>
  860.                             <span class=\"stat-label\">Vues</span>
  861.                         </div>
  862.                     </div>
  863.                     <div class=\"shop-description\">
  864.                         <p>\${(shop.description || '').substring(0, 100)}\${(shop.description || '').length > 100 ? '...' : ''}</p>
  865.                     </div>
  866.                     <div class=\"shop-actions\">
  867.                         <a href=\"/shop/\${shop.slug}\" class=\"btn btn-primary btn-sm\" style=\"flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">
  868.                             <i class=\"lnr lnr-eye me-1\"></i> Voir
  869.                         </a>
  870.                         ";
  871.         // line 556
  872.         if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", false, false, false, 556)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  873.             // line 557
  874.             yield "                        <button class=\"btn btn-sm follow-btn \${shop.following ? 'btn-outline-danger' : 'btn-outline-secondary'}\" 
  875.                                 data-shop-id=\"\${shop.id}\"
  876.                                 data-following=\"\${shop.following ? 'true' : 'false'}\"
  877.                                 onclick=\"toggleFollow(\${shop.id}, this)\"
  878.                                 style=\"flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">
  879.                             <i class=\"lnr \${shop.following ? 'lnr-cross' : 'lnr-plus'} me-1\"></i>
  880.                             <span class=\"follow-text\">\${shop.following ? 'Ne plus suivre' : 'Suivre'}</span>
  881.                         </button>
  882.                         ";
  883.         }
  884.         // line 566
  885.         yield "                    </div>
  886.                 </div>
  887.             </div>
  888.         </div>
  889.     `;
  890. }
  891. </script>
  892. ";
  893.         
  894.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  896.         
  897.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  899.         yield from [];
  900.     }
  902.     /**
  903.      * @codeCoverageIgnore
  904.      */
  905.     public function getTemplateName(): string
  906.     {
  907.         return "home/shops_list.html.twig";
  908.     }
  910.     /**
  911.      * @codeCoverageIgnore
  912.      */
  913.     public function isTraitable(): bool
  914.     {
  915.         return false;
  916.     }
  918.     /**
  919.      * @codeCoverageIgnore
  920.      */
  921.     public function getDebugInfo(): array
  922.     {
  923.         return array (  885 => 566,  874 => 557,  872 => 556,  826 => 513,  722 => 412,  700 => 393,  696 => 392,  693 => 391,  680 => 390,  469 => 188,  456 => 187,  442 => 182,  434 => 176,  432 => 175,  428 => 173,  420 => 167,  418 => 166,  413 => 163,  403 => 158,  396 => 154,  391 => 152,  387 => 151,  383 => 150,  379 => 149,  374 => 148,  371 => 147,  368 => 146,  366 => 145,  360 => 142,  353 => 138,  344 => 132,  335 => 128,  328 => 124,  322 => 120,  316 => 118,  314 => 117,  307 => 115,  300 => 110,  294 => 106,  292 => 105,  289 => 104,  281 => 102,  273 => 100,  271 => 99,  267 => 98,  260 => 95,  256 => 94,  241 => 82,  231 => 75,  221 => 68,  209 => 58,  199 => 54,  195 => 53,  188 => 51,  184 => 50,  181 => 49,  177 => 48,  166 => 39,  155 => 31,  146 => 29,  140 => 25,  130 => 18,  126 => 17,  122 => 16,  117 => 14,  108 => 9,  106 => 8,  102 => 6,  89 => 5,  66 => 3,  43 => 1,);
  924.     }
  926.     public function getSourceContext(): Source
  927.     {
  928.         return new Source("{% extends 'base_home.html.twig' %}
  930. {% block title %}Boutiques | MaketOu{% endblock %}
  932. {% block body %}
  934.     <!-- Start Banner Area -->
  935.     {% if selectedCategory and selectedCategory.bannerImage %}
  936.         <section class=\"banner-area shop-category-banner  organic-breadcrumb\" style=\"background-image: url('{{ asset(selectedCategory.bannerImage) }}'); background-size: cover; background-position: center; min-height: 300px; position: relative;object-fit: cover;height:400px;\">
  937.             <div class=\"banner-overlay\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);\"></div>
  938.             <div class=\"container\" style=\"position: relative; z-index: 1;\">
  939.                 <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  940.                     <div class=\"col-first text-white\">
  941.                         <h1 style=\"color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\">{{ selectedCategory.name }}</h1>
  942.                         <nav class=\"d-flex align-items-center\">
  943.                             <a href=\"{{ path('ui_home') }}\" style=\"color: white;\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  944.                             <a href=\"{{ path('ui_shops_list') }}\" style=\"color: white;\">Boutiques<span class=\"lnr lnr-arrow-right\"></span></a>
  945.                             <a href=\"javascript:void(0);\" style=\"color: white;\">{{ selectedCategory.name }}</a>
  946.                         </nav>
  947.                     </div>
  948.                 </div>
  949.             </div>
  950.         </section>
  951.     {% else %}
  952.         <section class=\"banner-area organic-breadcrumb\">
  953.             <div class=\"container\">
  954.                 <div class=\"breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end\">
  955.                     <div class=\"col-first\">
  956.                         <h1>{% if selectedCategory %}{{ selectedCategory.name }}{% else %}Boutiques{% endif %}</h1>
  957.                         <nav class=\"d-flex align-items-center\">
  958.                             <a href=\"{{ path('ui_home') }}\">Accueil<span class=\"lnr lnr-arrow-right\"></span></a>
  959.                             <a href=\"javascript:void(0);\">Boutiques</a>
  960.                         </nav>
  961.                     </div>
  962.                 </div>
  963.             </div>
  964.         </section>
  965.     {% endif %}
  966.     <!-- End Banner Area -->
  968.     <div class=\"container mt-4 mb-4\">
  969.         <div class=\"row\">
  970.             <div class=\"col-xl-3 col-lg-4 col-md-5\">
  971.                 <!-- Filtres des boutiques -->
  972.                 <div class=\"sidebar-categories\">
  973.                     <div class=\"head\">Catégories de boutiques</div>
  974.                     <ul class=\"main-categories\">
  975.                         {% for category in shopCategories %}
  976.                             <li class=\"main-nav-list\">
  977.                                 <a href=\"{{ path('ui_shops_list', {'category': category.slug}) }}\" 
  978.                                    class=\"category-link {% if app.request.query.get('category') == category.slug %}active{% endif %}\">
  979.                                     <i class=\"lnr lnr-store\"></i>
  980.                                     {{ category.name }}
  981.                                     <span class=\"number\">({{ category.shops|length }})</span>
  982.                                 </a>
  983.                             </li>
  984.                         {% endfor %}
  985.                     </ul>
  986.                 </div>
  988.                 <!-- Statistiques modernes inline -->
  989.                 <div class=\"sidebar-filter mt-4\">
  990.                     <div class=\"top-filter-head\">Statistiques</div>
  991.                     <div class=\"modern-stats\">
  992.                         <div class=\"stat-item-inline mt-3\">
  993.                             <i class=\"lnr lnr-store\"></i>
  994.                             <div>
  995.                                 <div class=\"stat-value\">{{ total_shops|default(0) }}</div>
  996.                                 <div class=\"stat-label\">Total</div>
  997.                             </div>
  998.                         </div>
  999.                         <div class=\"stat-item-inline\">
  1000.                             <i class=\"lnr lnr-star\"></i>
  1001.                             <div>
  1002.                                 <div class=\"stat-value\">{{ shops|filter(shop => shop.isActive)|length }}</div>
  1003.                                 <div class=\"stat-label\">Actives</div>
  1004.                             </div>
  1005.                         </div>
  1006.                         <div class=\"stat-item-inline\">
  1007.                             <i class=\"lnr lnr-checkmark-circle\"></i>
  1008.                             <div>
  1009.                                 <div class=\"stat-value\">{{ shops|filter(shop => shop.isVerified)|length }}</div>
  1010.                                 <div class=\"stat-label\">Vérifiées</div>
  1011.                             </div>
  1012.                         </div>
  1013.                     </div>
  1014.                 </div>
  1015.             </div>
  1017.             <div class=\"col-xl-9 col-lg-8 col-md-7\">
  1019.                 <!-- Liste des boutiques -->
  1020.                 <div class=\"row\" id=\"shopsContainer\">
  1021.                     {% for shop in shops|slice(0, 9) %}
  1022.                         <div class=\"mt-4 col-lg-4 col-md-6 shop-item\" data-shop-id=\"{{ shop.id }}\">
  1023.                             <div class=\"single-shop h-100\">
  1024.                                 <div class=\"shop-image\">
  1025.                                     <a href=\"{{ path('ui_shop_show', {'slug': shop.slug}) }}\">
  1026.                                         {% if shop.logo %}
  1027.                                             <img class=\"img-fluid\" src=\"{{ asset(shop.logo) }}\" alt=\"{{ shop.name }}\">
  1028.                                         {% else %}
  1029.                                             <img class=\"img-fluid\" src=\"{{ asset('ui/img/shop/default-shop.jpg') }}\" alt=\"{{ shop.name }}\">
  1030.                                         {% endif %}
  1031.                                     </a>
  1032.                                     {% if shop.isVerified %}
  1033.                                         <div class=\"verified-badge\">
  1034.                                             <i class=\"lnr lnr-checkmark-circle\"></i>
  1035.                                         </div>
  1036.                                     {% endif %}
  1037.                                 </div>
  1038.                                 
  1039.                                 <div class=\"shop-details\">
  1040.                                     <div class=\"shop-header\">
  1041.                                         <h6 class=\"shop-name\">
  1042.                                             <a href=\"{{ path('ui_shop_show', {'slug': shop.slug}) }}\">{{ shop.name }}</a>
  1043.                                         </h6>
  1044.                                         {% if shop.shopCategory %}
  1045.                                             <span class=\"shop-category\">{{ shop.shopCategory.name }}</span>
  1046.                                         {% endif %}
  1047.                                     </div>
  1048.                                     
  1049.                                     <div class=\"shop-stats\">
  1050.                                         <div class=\"stat-item\">
  1051.                                             <span class=\"stat-value\">{{ shop.getActiveProductsCount() }}</span>
  1052.                                             <span class=\"stat-label\">Produits</span>
  1053.                                         </div>
  1054.                         <div class=\"stat-item\">
  1055.                             <span class=\"stat-value followers-count\" data-shop-id=\"{{ shop.id }}\">{{ shop.getActiveFollowersCount() }}</span>
  1056.                                             <span class=\"stat-label\">Suiveurs</span>
  1057.                                         </div>
  1058.                                         <div class=\"stat-item\">
  1059.                                             <span class=\"stat-value\">{{ shop.viewCount }}</span>
  1060.                                             <span class=\"stat-label\">Vues</span>
  1061.                                         </div>
  1062.                                     </div>
  1063.                                     
  1064.                                     <div class=\"shop-description\">
  1065.                                         <p>{{ shop.description|striptags|length > 100 ? shop.description|striptags|slice(0, 100) ~ '...' : shop.description|striptags }}</p>
  1066.                                     </div>
  1067.                                     
  1068.                                     <div class=\"shop-actions\">
  1069.                                         <a href=\"{{ path('ui_shop_show', {'slug': shop.slug}) }}\" class=\"btn btn-primary btn-sm\">
  1070.                                             <i class=\"lnr lnr-eye me-1\"></i> Voir
  1071.                                         </a>
  1072.                                         {% if app.user %}
  1073.                                             {% set followed_shop_ids = followed_shop_ids|default([]) %}
  1074.                                             {% set is_following = shop.id in followed_shop_ids %}
  1075.                                             <button class=\"btn btn-sm follow-btn {{ is_following ? 'btn-outline-danger' : 'btn-outline-secondary' }}\" 
  1076.                                                     data-shop-id=\"{{ shop.id }}\"
  1077.                                                     data-following=\"{{ is_following ? 'true' : 'false' }}\"
  1078.                                                     onclick=\"toggleFollow({{ shop.id }}, this)\">
  1079.                                                 <i class=\"lnr {{ is_following ? 'lnr-cross' : 'lnr-plus' }} me-1\"></i>
  1080.                                                 <span class=\"follow-text\">
  1081.                                                     {{ is_following ? 'Ne plus suivre' : 'Suivre' }}
  1082.                                                 </span>
  1083.                                             </button>
  1084.                                         {% endif %}
  1085.                                     </div>
  1086.                                 </div>
  1087.                             </div>
  1088.                         </div>
  1089.                     {% endfor %}
  1090.                 </div>
  1092.                 <!-- Bouton Voir plus -->
  1093.                 {% if shops|length > 9 or current_page < total_pages %}
  1094.                     <div class=\"text-center mt-4 mb-4\" id=\"loadMoreContainer\">
  1095.                         <button class=\"btn btn-primary btn-lg\" id=\"loadMoreBtn\" onclick=\"loadMoreShops()\">
  1096.                             <i class=\"lnr lnr-plus-circle me-2\"></i>Voir plus de boutiques
  1097.                         </button>
  1098.                     </div>
  1099.                 {% endif %}
  1101.                 <!-- Message si aucune boutique -->
  1102.                 {% if shops|length == 0 %}
  1103.                     <div class=\"text-center py-5\">
  1104.                         <i class=\"lnr lnr-store\" style=\"font-size: 4rem; color: #ccc;\"></i>
  1105.                         <h4 class=\"mt-3\">Aucune boutique trouvée</h4>
  1106.                         <p class=\"text-muted\">Aucune boutique ne correspond à vos critères de recherche.</p>
  1107.                     </div>
  1108.                 {% endif %}
  1109.             </div>
  1110.         </div>
  1111.     </div>
  1112. {% endblock %}
  1114. {% block stylesheets %}
  1115. <style>
  1116. .single-shop {
  1117.     background: white;
  1118.     border-radius: 12px;
  1119.     padding: 20px;
  1120.     margin-bottom: 30px;
  1121.     box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  1122.     transition: all 0.3s ease;
  1123.     display: flex;
  1124.     flex-direction: column;
  1125.     height: 100%;
  1126.     overflow: hidden; /* Empêcher le débordement */
  1127. }
  1129. .single-shop:hover {
  1130.     transform: translateY(-5px);
  1131.     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  1132. }
  1134. .shop-image {
  1135.     position: relative;
  1136.     margin-bottom: 15px;
  1137. }
  1139. .shop-image img {
  1140.     width: 100%;
  1141.     height: 200px;
  1142.     object-fit: cover;
  1143.     border-radius: 8px;
  1144. }
  1146. .verified-badge {
  1147.     position: absolute;
  1148.     top: 10px;
  1149.     right: 10px;
  1150.     background: #28a745;
  1151.     color: white;
  1152.     padding: 5px 8px;
  1153.     border-radius: 12px;
  1154.     font-size: 0.8rem;
  1155. }
  1157. .shop-header {
  1158.     margin-bottom: 15px;
  1159. }
  1161. .shop-name {
  1162.     margin: 0 0 5px 0;
  1163.     font-size: 1.1rem;
  1164.     font-weight: 600;
  1165. }
  1167. .shop-name a {
  1168.     color: #333;
  1169.     text-decoration: none;
  1170. }
  1172. .shop-name a:hover {
  1173.     color: #007bff;
  1174. }
  1176. .shop-category {
  1177.     background: #f8f9fa;
  1178.     color: #666;
  1179.     padding: 2px 8px;
  1180.     border-radius: 12px;
  1181.     font-size: 0.8rem;
  1182. }
  1184. .shop-stats {
  1185.     display: flex;
  1186.     justify-content: space-around;
  1187.     margin: 15px 0;
  1188.     padding: 15px 0;
  1189.     border-top: 1px solid #f0f0f0;
  1190.     border-bottom: 1px solid #f0f0f0;
  1191. }
  1193. .stat-item {
  1194.     text-align: center;
  1195. }
  1197. .stat-value {
  1198.     display: block;
  1199.     font-size: 1.2rem;
  1200.     font-weight: 600;
  1201.     color: #333;
  1202. }
  1204. .stat-label {
  1205.     font-size: 0.8rem;
  1206.     color: #666;
  1207.     text-transform: uppercase;
  1208.     letter-spacing: 0.5px;
  1209. }
  1211. .shop-description {
  1212.     margin: 15px 0;
  1213.     color: #666;
  1214.     font-size: 0.9rem;
  1215.     line-height: 1.4;
  1216. }
  1218. .shop-actions {
  1219.     display: flex;
  1220.     gap: 8px;
  1221.     margin-top: auto;
  1222.     padding-top: 15px;
  1223.     flex-wrap: wrap;
  1224. }
  1226. .shop-actions .btn {
  1227.     flex: 1 1 auto;
  1228.     min-width: 0;
  1229.     font-size: 0.85rem;
  1230.     white-space: nowrap;
  1231.     overflow: hidden;
  1232.     text-overflow: ellipsis;
  1233.     padding: 8px 12px;
  1234. }
  1236. .shop-actions .btn i {
  1237.     margin-right: 4px;
  1238.     flex-shrink: 0;
  1239. }
  1241. /* Assurer que shop-details utilise flexbox pour garder les boutons en bas */
  1242. .shop-details {
  1243.     display: flex;
  1244.     flex-direction: column;
  1245.     flex: 1;
  1246.     min-height: 0; /* Important pour le flexbox */
  1247. }
  1249. /* Statistiques modernes inline */
  1250. .modern-stats {
  1251.     display: flex;
  1252.     flex-direction: column;
  1253.     gap: 15px;
  1254. }
  1256. .stat-item-inline {
  1257.     display: flex;
  1258.     align-items: center;
  1259.     gap: 15px;
  1260.     padding: 15px;
  1261.     background: #f8f9fa;
  1262.     border-radius: 10px;
  1263.     transition: all 0.3s ease;
  1264. }
  1266. .stat-item-inline:hover {
  1267.     background: #e9ecef;
  1268.     transform: translateX(5px);
  1269. }
  1271. .stat-item-inline i {
  1272.     font-size: 1.5rem;
  1273.     color: #007bff;
  1274.     width: 40px;
  1275.     text-align: center;
  1276. }
  1278. .stat-item-inline .stat-value {
  1279.     font-size: 1.5rem;
  1280.     font-weight: 700;
  1281.     color: #333;
  1282.     line-height: 1;
  1283. }
  1285. .stat-item-inline .stat-label {
  1286.     font-size: 0.85rem;
  1287.     color: #666;
  1288.     text-transform: uppercase;
  1289.     letter-spacing: 0.5px;
  1290.     margin-top: 5px;
  1291. }
  1293. .stat-number {
  1294.     font-size: 1.5rem;
  1295.     font-weight: 700;
  1296.     color: #007bff;
  1297.     margin-top: 5px;
  1298. }
  1300. @media (max-width: 768px) {
  1301.     .single-shop {
  1302.         padding: 15px;
  1303.     }
  1304.     
  1305.     .shop-stats {
  1306.         flex-direction: column;
  1307.         gap: 10px;
  1308.     }
  1309.     
  1310.     .shop-actions {
  1311.         flex-direction: column;
  1312.     }
  1313. }
  1314. </style>
  1315. {% endblock %}
  1317. {% block javascripts %}
  1318. <script>
  1319. let currentPage = {{ current_page }};
  1320. let totalPages = {{ total_pages }};
  1321. let isLoading = false;
  1323. function sortShops(sortValue) {
  1324.     console.log('Tri des boutiques:', sortValue);
  1325.     // TODO: Implémenter le tri AJAX
  1326. }
  1328. function toggleFollow(shopId, button) {
  1329.     if (!button) {
  1330.         button = document.querySelector(`.follow-btn[data-shop-id=\"\${shopId}\"]`);
  1331.         if (!button) return;
  1332.     }
  1334.     const isFollowing = button.getAttribute('data-following') === 'true';
  1335.     const originalHtml = button.innerHTML;
  1336.     button.disabled = true;
  1337.     button.innerHTML = '<span class=\"spinner-border spinner-border-sm\"></span>';
  1339.     fetch(`{{ path('ui_api_shop_toggle_follow', {'id': 'SHOP_ID'}) }}`.replace('SHOP_ID', shopId), {
  1340.         method: 'POST',
  1341.         headers: {
  1342.             'Content-Type': 'application/json',
  1343.             'X-Requested-With': 'XMLHttpRequest'
  1344.         },
  1345.         body: JSON.stringify({ action: isFollowing ? 'unfollow' : 'follow' })
  1346.     })
  1347.     .then(response => response.json())
  1348.     .then(data => {
  1349.         if (data.success) {
  1350.             // Mettre à jour l'état du bouton
  1351.             const isFollowing = data.isFollowing === true;
  1352.             button.setAttribute('data-following', isFollowing ? 'true' : 'false');
  1353.             
  1354.             // Mettre à jour les classes CSS
  1355.             button.classList.remove('btn-outline-secondary', 'btn-outline-danger');
  1356.             if (isFollowing) {
  1357.                 button.classList.add('btn-outline-danger');
  1358.             } else {
  1359.                 button.classList.add('btn-outline-secondary');
  1360.             }
  1362.             // Reconstruire le HTML complet du bouton
  1363.             const iconClass = isFollowing ? 'lnr-cross' : 'lnr-plus';
  1364.             const textContent = isFollowing ? 'Ne plus suivre' : 'Suivre';
  1365.             button.innerHTML = `<i class=\"lnr \${iconClass} me-1\"></i><span class=\"follow-text\">\${textContent}</span>`;
  1367.             // Mettre à jour le compteur
  1368.             const followersCounter = document.querySelector(`.followers-count[data-shop-id=\"\${shopId}\"]`);
  1369.             if (followersCounter && typeof data.followersCount !== 'undefined') {
  1370.                 followersCounter.textContent = data.followersCount;
  1371.             }
  1373.             if (data.message) {
  1374.                 console.log(data.message);
  1375.             }
  1376.             
  1377.             button.disabled = false;
  1378.         } else {
  1379.             alert(data.message || 'Impossible de mettre à jour le suivi.');
  1380.             button.innerHTML = originalHtml;
  1381.             button.disabled = false;
  1382.         }
  1383.     })
  1384.     .catch(error => {
  1385.         console.error('Erreur suivi boutique:', error);
  1386.         alert('Erreur lors de la mise à jour du suivi.');
  1387.         button.innerHTML = originalHtml;
  1388.         button.disabled = false;
  1389.     });
  1390. }
  1392. function loadMoreShops() {
  1393.     if (isLoading || currentPage >= totalPages) return;
  1394.     
  1395.     isLoading = true;
  1396.     const btn = document.getElementById('loadMoreBtn');
  1397.     const originalText = btn.innerHTML;
  1398.     btn.disabled = true;
  1399.     btn.innerHTML = '<span class=\"spinner-border spinner-border-sm me-2\"></span>Chargement...';
  1400.     
  1401.     currentPage++;
  1402.     const url = new URL(window.location.href);
  1403.     url.searchParams.set('page', currentPage);
  1404.     
  1405.     fetch(url.toString(), {
  1406.         headers: {
  1407.             'X-Requested-With': 'XMLHttpRequest'
  1408.         }
  1409.     })
  1410.     .then(response => response.json())
  1411.     .then(data => {
  1412.         if (data.success && data.shops.length > 0) {
  1413.             const container = document.getElementById('shopsContainer');
  1414.             data.shops.forEach(shop => {
  1415.                 const shopHtml = createShopCard(shop);
  1416.                 container.insertAdjacentHTML('beforeend', shopHtml);
  1417.             });
  1418.             
  1419.             // Mettre à jour le bouton
  1420.             if (!data.hasMore) {
  1421.                 document.getElementById('loadMoreContainer').style.display = 'none';
  1422.             } else {
  1423.                 btn.disabled = false;
  1424.                 btn.innerHTML = originalText;
  1425.             }
  1426.         } else {
  1427.             document.getElementById('loadMoreContainer').style.display = 'none';
  1428.         }
  1429.         isLoading = false;
  1430.     })
  1431.     .catch(error => {
  1432.         console.error('Erreur:', error);
  1433.         btn.disabled = false;
  1434.         btn.innerHTML = originalText;
  1435.         isLoading = false;
  1436.     });
  1437. }
  1439. function createShopCard(shop) {
  1440.     const logoUrl = shop.logo ? '/' + shop.logo : '{{ asset(\"ui/img/shop/default-shop.jpg\") }}';
  1441.     const verifiedBadge = shop.isVerified ? 
  1442.         '<div class=\"verified-badge\"><i class=\"lnr lnr-checkmark-circle\"></i></div>' : '';
  1443.     const category = shop.category ? 
  1444.         `<span class=\"shop-category\">\${shop.category}</span>` : '';
  1445.     
  1446.     return `
  1447.         <div class=\"mt-4 col-lg-4 col-md-6 shop-item\" data-shop-id=\"\${shop.id}\">
  1448.             <div class=\"single-shop h-100\">
  1449.                 <div class=\"shop-image\">
  1450.                     <a href=\"/shop/\${shop.slug}\">
  1451.                         <img class=\"img-fluid\" src=\"\${logoUrl}\" alt=\"\${shop.name}\">
  1452.                     </a>
  1453.                     \${verifiedBadge}
  1454.                 </div>
  1455.                 <div class=\"shop-details\">
  1456.                     <div class=\"shop-header\">
  1457.                         <h6 class=\"shop-name\">
  1458.                             <a href=\"/shop/\${shop.slug}\">\${shop.name}</a>
  1459.                         </h6>
  1460.                         \${category}
  1461.                     </div>
  1462.                     <div class=\"shop-stats\">
  1463.                         <div class=\"stat-item\">
  1464.                             <span class=\"stat-value\">\${shop.productsCount || 0}</span>
  1465.                             <span class=\"stat-label\">Produits</span>
  1466.                         </div>
  1467.                         <div class=\"stat-item\">
  1468.                             <span class=\"stat-value\">\${shop.followersCount || 0}</span>
  1469.                             <span class=\"stat-label\">Suiveurs</span>
  1470.                         </div>
  1471.                         <div class=\"stat-item\">
  1472.                             <span class=\"stat-value\">\${shop.viewCount || 0}</span>
  1473.                             <span class=\"stat-label\">Vues</span>
  1474.                         </div>
  1475.                     </div>
  1476.                     <div class=\"shop-description\">
  1477.                         <p>\${(shop.description || '').substring(0, 100)}\${(shop.description || '').length > 100 ? '...' : ''}</p>
  1478.                     </div>
  1479.                     <div class=\"shop-actions\">
  1480.                         <a href=\"/shop/\${shop.slug}\" class=\"btn btn-primary btn-sm\" style=\"flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">
  1481.                             <i class=\"lnr lnr-eye me-1\"></i> Voir
  1482.                         </a>
  1483.                         {% if app.user %}
  1484.                         <button class=\"btn btn-sm follow-btn \${shop.following ? 'btn-outline-danger' : 'btn-outline-secondary'}\" 
  1485.                                 data-shop-id=\"\${shop.id}\"
  1486.                                 data-following=\"\${shop.following ? 'true' : 'false'}\"
  1487.                                 onclick=\"toggleFollow(\${shop.id}, this)\"
  1488.                                 style=\"flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">
  1489.                             <i class=\"lnr \${shop.following ? 'lnr-cross' : 'lnr-plus'} me-1\"></i>
  1490.                             <span class=\"follow-text\">\${shop.following ? 'Ne plus suivre' : 'Suivre'}</span>
  1491.                         </button>
  1492.                         {% endif %}
  1493.                     </div>
  1494.                 </div>
  1495.             </div>
  1496.         </div>
  1497.     `;
  1498. }
  1499. </script>
  1500. {% endblock %}
  1501. ", "home/shops_list.html.twig", "/home/u540977899/domains/maketou-ht.com/public_html/templates/home/shops_list.html.twig");
  1502.     }
  1503. }