var/cache/dev/twig/a4/a4e17f34812ef56cebb6be73f1bda9ce927e0632bfb2b2ced9d13e89f5973d0a.php line 42

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/list.twig */
  16. class __TwigTemplate_165ae04c1e9ac2af0f98e24f2a4eebe0f24f4a6c7d72193e747a93898e624c15 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.         $this->sandbox = $this->env->getExtension('\Twig\Extension\SandboxExtension');
  33.         $this->checkSecurity();
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 11
  39.         return "default_frame.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  48.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  51.         // line 13
  52.         $context["body_class"] = "product_page";
  53.         // line 11
  54.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/list.twig", 11);
  55.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  59.         
  60.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  62.     }
  64.     // line 16
  65.     public function block_stylesheet($context, array $blocks = [])
  66.     {
  67.         $macros = $this->macros;
  68.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  69.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  71.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  72.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  74.         // line 17
  75.         echo "    <link rel=\"stylesheet\" href=\"";
  76.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/product-list.css"), "html", null, true);
  77.         echo "\">
  78. ";
  79.         
  80.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  82.         
  83.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  85.     }
  87.     // line 20
  88.     public function block_javascript($context, array $blocks = [])
  89.     {
  90.         $macros = $this->macros;
  91.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  92.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  94.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  95.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  97.         // line 21
  98.         echo "<script>
  99. (function() {
  100.     // Lấy URL hiện tại và tạo URLSearchParams
  101.     function getCurrentUrlParams() {
  102.         const urlParams = new URLSearchParams(window.location.search);
  103.         return urlParams;
  104.     }
  106.     // Cập nhật URL với category filters và reload
  107.     function updateCategoryFilters() {
  108.         const checkboxes = document.querySelectorAll('.filter-option__checkbox');
  109.         const urlParams = getCurrentUrlParams();
  111.         // Xóa tất cả category_filter[] cũ (có thể có nhiều giá trị)
  112.         const keysToDelete = [];
  113.         urlParams.forEach(function(value, key) {
  114.             if (key === 'category_filter[]' || key.startsWith('category_filter')) {
  115.                 keysToDelete.push(key);
  116.             }
  117.         });
  118.         keysToDelete.forEach(function(key) {
  119.             urlParams.delete(key);
  120.         });
  122.         // Thu thập category theo từng block tiêu chí.
  123.         // Trong cùng block là OR, giữa các block sẽ được backend xử lý là AND.
  124.         const selectedCategoriesByGroup = {};
  125.         checkboxes.forEach(function(checkbox) {
  126.             if (checkbox.checked) {
  127.                 const groupId = checkbox.dataset.groupId;
  128.                 if (!selectedCategoriesByGroup[groupId]) {
  129.                     selectedCategoriesByGroup[groupId] = [];
  130.                 }
  131.                 selectedCategoriesByGroup[groupId].push(checkbox.value);
  132.             }
  133.         });
  135.         Object.keys(selectedCategoriesByGroup).forEach(function(groupId) {
  136.             selectedCategoriesByGroup[groupId].forEach(function(categoryId) {
  137.                 urlParams.append('category_filter[' + groupId + '][]', categoryId);
  138.             });
  139.         });
  141.         // Reset về trang 1 khi filter
  142.         urlParams.set('pageno', '1');
  144.         // Tạo URL mới
  145.         const queryString = urlParams.toString();
  146.         const newUrl = queryString
  147.             ? window.location.pathname + '?' + queryString
  148.             : window.location.pathname;
  150.         // Reload page với query params mới
  151.         window.location.href = newUrl;
  152.     }
  154.     // Khôi phục trạng thái checkbox từ URL và xử lý nút search
  155.     document.addEventListener('DOMContentLoaded', function() {
  156.         const checkboxes = document.querySelectorAll('.filter-option__checkbox');
  157.         const searchButton = document.querySelector('.btn-search');
  159.         // Khôi phục trạng thái checkbox từ URL
  160.         const urlParams = getCurrentUrlParams();
  161.         const selectedCategories = [];
  162.         urlParams.forEach(function(value, key) {
  163.             if (key.startsWith('category_filter[')) {
  164.                 selectedCategories.push(value);
  165.             }
  166.         });
  168.         checkboxes.forEach(function(checkbox) {
  169.             // Set checked nếu category ID có trong URL
  170.             if (selectedCategories.includes(checkbox.value)) {
  171.                 checkbox.checked = true;
  172.             }
  173.             // Không lắng nghe sự kiện change trên checkbox nữa
  174.         });
  176.         // Lắng nghe sự kiện click trên nút search
  177.         if (searchButton) {
  178.             searchButton.addEventListener('click', function() {
  179.                 updateCategoryFilters();
  180.             });
  181.         }
  182.     });
  183. })();
  184. </script>
  185. ";
  186.         
  187.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  189.         
  190.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  192.     }
  194.     // line 110
  195.     public function block_main($context, array $blocks = [])
  196.     {
  197.         $macros = $this->macros;
  198.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  199.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  201.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  202.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  204.         // line 111
  205.         echo "
  206.  <body>
  207.   <!-- breadcrumb section -->
  208.   <div class=\"breadcrumb-section\">
  209.     <div class=\"container-1360 border-box px-40\">
  210.       <nav class=\"breadcrumb\">
  211.         <a href=\"";
  212.         // line 117
  213.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  214.         echo "\" class=\"breadcrumb__item text-black\">ホーム</a>
  215.         <img src=\"";
  216.         // line 118
  217.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-breadcrumb-arrow.svg"), "html", null, true);
  218.         echo "\" alt=\">\" class=\"breadcrumb__separator\">
  219.         <a href=\"";
  220.         // line 119
  221.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  222.         echo "\" class=\"breadcrumb__item text-black\">商品一覧</a>
  223.       </nav>
  224.     </div>
  225.   </div>
  227.   <!-- product list section -->
  228.   <div class=\"container-1200\">
  229.     <div class=\"product-list-wrapper\">
  230.       <div class=\"product-list-left\">
  231.         ";
  232.         // line 128
  233.         if ((array_key_exists("searchable_categories", $context) && (twig_length_filter($this->env, (isset($context["searchable_categories"]) || array_key_exists("searchable_categories", $context) ? $context["searchable_categories"] : (function () { throw new RuntimeError('Variable "searchable_categories" does not exist.', 128, $this->source); })())) > 0))) {
  234.             // line 129
  235.             echo "          ";
  236.             $context['_parent'] = $context;
  237.             $context['_seq'] = twig_ensure_traversable((isset($context["searchable_categories"]) || array_key_exists("searchable_categories", $context) ? $context["searchable_categories"] : (function () { throw new RuntimeError('Variable "searchable_categories" does not exist.', 129, $this->source); })()));
  238.             foreach ($context['_seq'] as $context["_key"] => $context["group"]) {
  239.                 // line 130
  240.                 echo "            <div class=\"filter-group\">
  241.               <div class=\"filter-group__header\">";
  242.                 // line 131
  243.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 131), "name", [], "any", false, false, true, 131), 131, $this->source), "html", null, true);
  244.                 echo "</div>
  245.               <div class=\"filter-group__options\">
  246.                 ";
  247.                 // line 133
  248.                 if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["group"], "children", [], "any", false, false, true, 133)) > 0)) {
  249.                     // line 134
  250.                     echo "                  ";
  251.                     $context['_parent'] = $context;
  252.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["group"], "children", [], "any", false, false, true, 134));
  253.                     foreach ($context['_seq'] as $context["_key"] => $context["child"]) {
  254.                         // line 135
  255.                         echo "                    <label class=\"filter-option\">
  256.                       <input type=\"checkbox\"
  257.                              class=\"filter-option__checkbox\"
  258.                              name=\"category_filter[";
  259.                         // line 138
  260.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 138), "id", [], "any", false, false, true, 138), 138, $this->source), "html", null, true);
  261.                         echo "][]\"
  262.                              value=\"";
  263.                         // line 139
  264.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["child"], "id", [], "any", false, false, true, 139), 139, $this->source), "html", null, true);
  265.                         echo "\"
  266.                              data-category-id=\"";
  267.                         // line 140
  268.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["child"], "id", [], "any", false, false, true, 140), 140, $this->source), "html", null, true);
  269.                         echo "\"
  270.                              data-group-id=\"";
  271.                         // line 141
  272.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 141), "id", [], "any", false, false, true, 141), 141, $this->source), "html", null, true);
  273.                         echo "\">
  274.                       <span class=\"filter-option__label\">";
  275.                         // line 142
  276.                         echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["child"], "name", [], "any", false, false, true, 142), 142, $this->source), "html", null, true);
  277.                         echo "</span>
  278.                     </label>
  279.                   ";
  280.                     }
  281.                     $_parent = $context['_parent'];
  282.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['child'], $context['_parent'], $context['loop']);
  283.                     $context = array_intersect_key($context, $_parent) + $_parent;
  284.                     // line 145
  285.                     echo "                ";
  286.                 } else {
  287.                     // line 146
  288.                     echo "                  ";
  289.                     // line 147
  290.                     echo "                  <label class=\"filter-option\">
  291.                     <input type=\"checkbox\"
  292.                            class=\"filter-option__checkbox\"
  293.                            name=\"category_filter[";
  294.                     // line 150
  295.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 150), "id", [], "any", false, false, true, 150), 150, $this->source), "html", null, true);
  296.                     echo "][]\"
  297.                            value=\"";
  298.                     // line 151
  299.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 151), "id", [], "any", false, false, true, 151), 151, $this->source), "html", null, true);
  300.                     echo "\"
  301.                            data-category-id=\"";
  302.                     // line 152
  303.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 152), "id", [], "any", false, false, true, 152), 152, $this->source), "html", null, true);
  304.                     echo "\"
  305.                            data-group-id=\"";
  306.                     // line 153
  307.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 153), "id", [], "any", false, false, true, 153), 153, $this->source), "html", null, true);
  308.                     echo "\">
  309.                     <span class=\"filter-option__label\">";
  310.                     // line 154
  311.                     echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["group"], "parent", [], "any", false, false, true, 154), "name", [], "any", false, false, true, 154), 154, $this->source), "html", null, true);
  312.                     echo "</span>
  313.                   </label>
  314.                 ";
  315.                 }
  316.                 // line 157
  317.                 echo "              </div>
  318.             </div>
  319.           ";
  320.             }
  321.             $_parent = $context['_parent'];
  322.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['group'], $context['_parent'], $context['loop']);
  323.             $context = array_intersect_key($context, $_parent) + $_parent;
  324.             // line 160
  325.             echo "        ";
  326.         }
  327.         // line 161
  328.         echo "        <button class=\"btn-primary btn-search w-100\">
  329.             <span>検索する</span>
  330.             <svg class=\"btn-search-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  331.             <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"black\"/>
  332.             <path d=\"M16.252 12.001L16.249 12.0039L16.252 12.0068L11.7266 16.5312L10.5957 15.4004L13.1943 12.8027H7.72852V11.2031H13.1924L10.5957 8.60742L11.7266 7.47656L16.252 12.001Z\" fill=\"#FBE800\"/>
  333.             </svg>
  334.         </button>
  335.       </div>
  336.       <!-- bottom line -->
  337.       <div class=\"bottom-line container-mobile\"></div>
  338.       <!-- Product List Right -->
  339.       <div class=\"product-list-right\">
  340.         <div class=\"product-grid\" id=\"product-grid\">
  341.           ";
  342.         // line 174
  343.         if ((twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 174, $this->source); })()), "totalItemCount", [], "any", false, false, true, 174) > 0)) {
  344.             // line 175
  345.             echo "            ";
  346.             $context['_parent'] = $context;
  347.             $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 175, $this->source); })()));
  348.             $context['loop'] = [
  349.               'parent' => $context['_parent'],
  350.               'index0' => 0,
  351.               'index'  => 1,
  352.               'first'  => true,
  353.             ];
  354.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  355.                 $length = count($context['_seq']);
  356.                 $context['loop']['revindex0'] = $length - 1;
  357.                 $context['loop']['revindex'] = $length;
  358.                 $context['loop']['length'] = $length;
  359.                 $context['loop']['last'] = 1 === $length;
  360.             }
  361.             foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  362.                 // line 176
  363.                 echo "              <div class=\"product-item\">
  364.                 <a href=\"";
  365.                 // line 177
  366.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, true, 177)]), "html", null, true);
  367.                 echo "\" class=\"product-card-small\">
  368.                   <div class=\"product-card-small__image\">
  369.                     <img src=\"";
  370.                 // line 179
  371.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct($this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "main_list_image", [], "any", false, false, true, 179), 179, $this->source)), "save_image"), "html", null, true);
  372.                 echo "\" alt=\"";
  373.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, true, 179), 179, $this->source), "html", null, true);
  374.                 echo "\" ";
  375.                 if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, true, 179) > 5)) {
  376.                     echo " loading=\"lazy\"";
  377.                 }
  378.                 echo ">
  379.                     <div class=\"product-card-small__arrow\">
  380.                         <img src=\"";
  381.                 // line 181
  382.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-heart.svg"), "html", null, true);
  383.                 echo "\" alt=\"Favorite\" loading=\"lazy\">
  384.                     </div>
  385.                   </div>
  386.                 </a>
  387.                 <div class=\"product-item__info\">
  388.                   <a href=\"";
  389.                 // line 186
  390.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, true, 186)]), "html", null, true);
  391.                 echo "\">
  392.                     <h4 class=\"product-item__title\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"";
  393.                 // line 187
  394.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, true, 187), 187, $this->source), "html", null, true);
  395.                 echo "\">";
  396.                 echo twig_escape_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, true, 187), 187, $this->source), "html", null, true);
  397.                 echo "</h4>
  398.                   </a>
  399.                   <div class=\"product-item__price\">
  400.                     <span class=\"price-symbol\">¥</span>
  401.                     <span class=\"price-amount\">
  402.                       ";
  403.                 // line 192
  404.                 if (twig_get_attribute($this->env, $this->source, $context["Product"], "hasProductClass", [], "any", false, false, true, 192)) {
  405.                     // line 193
  406.                     echo "                        ";
  407.                     if ((twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, true, 193) == twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, true, 193))) {
  408.                         // line 194
  409.                         echo "                          ";
  410.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, true, 194), 194, $this->source)), "html", null, true);
  411.                         echo "
  412.                         ";
  413.                     } else {
  414.                         // line 196
  415.                         echo "                          ";
  416.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, true, 196), 196, $this->source)), "html", null, true);
  417.                         echo " ～ ";
  418.                         echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMax", [], "any", false, false, true, 196), 196, $this->source)), "html", null, true);
  419.                         echo "
  420.                         ";
  421.                     }
  422.                     // line 198
  423.                     echo "                      ";
  424.                 } else {
  425.                     // line 199
  426.                     echo "                        ";
  427.                     echo twig_escape_filter($this->env, twig_number_format_filter($this->env, $this->sandbox->ensureToStringAllowed(twig_get_attribute($this->env, $this->source, $context["Product"], "getPrice02IncTaxMin", [], "any", false, false, true, 199), 199, $this->source)), "html", null, true);
  428.                     echo "
  429.                       ";
  430.                 }
  431.                 // line 201
  432.                 echo "                    </span>
  433.                     <span class=\"price-tax\">(税込)</span>
  434.                   </div>
  435.                 </div>
  436.               </div>
  437.             ";
  438.                 ++$context['loop']['index0'];
  439.                 ++$context['loop']['index'];
  440.                 $context['loop']['first'] = false;
  441.                 if (isset($context['loop']['length'])) {
  442.                     --$context['loop']['revindex0'];
  443.                     --$context['loop']['revindex'];
  444.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  445.                 }
  446.             }
  447.             $_parent = $context['_parent'];
  448.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  449.             $context = array_intersect_key($context, $_parent) + $_parent;
  450.             // line 207
  451.             echo "          ";
  452.         } else {
  453.             // line 208
  454.             echo "            <span>";
  455.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.search__product_not_found"), "html", null, true);
  456.             echo "</span>
  457.           ";
  458.         }
  459.         // line 210
  460.         echo "        </div>
  461.         <!-- Pagination -->
  462.         <div class=\"pagination-product-list-wrapper\">
  463.           <div class=\"pagination-product-list\" style=\"margin: 0 auto;\">
  464.             ";
  465.         // line 214
  466.         $this->loadTemplate("Block/_pagination.twig", "Product/list.twig", 214)->display(twig_array_merge($context, ["pages" => twig_get_attribute($this->env, $this->source, (isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 214, $this->source); })()), "paginationData", [], "any", false, false, true, 214)]));
  467.         // line 215
  468.         echo "          </div>
  469.         </div>
  470.       </div>
  471.     </div>
  472.   </div>
  475.  </body>
  477. ";
  478.         
  479.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  481.         
  482.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  484.     }
  486.     public function getTemplateName()
  487.     {
  488.         return "Product/list.twig";
  489.     }
  491.     public function isTraitable()
  492.     {
  493.         return false;
  494.     }
  496.     public function getDebugInfo()
  497.     {
  498.         return array (  468 => 215,  466 => 214,  460 => 210,  454 => 208,  451 => 207,  432 => 201,  426 => 199,  423 => 198,  415 => 196,  409 => 194,  406 => 193,  404 => 192,  394 => 187,  390 => 186,  382 => 181,  371 => 179,  366 => 177,  363 => 176,  345 => 175,  343 => 174,  328 => 161,  325 => 160,  317 => 157,  311 => 154,  307 => 153,  303 => 152,  299 => 151,  295 => 150,  290 => 147,  288 => 146,  285 => 145,  276 => 142,  272 => 141,  268 => 140,  264 => 139,  260 => 138,  255 => 135,  250 => 134,  248 => 133,  243 => 131,  240 => 130,  235 => 129,  233 => 128,  221 => 119,  217 => 118,  213 => 117,  205 => 111,  195 => 110,  98 => 21,  88 => 20,  75 => 17,  65 => 16,  54 => 11,  52 => 13,  39 => 11,);
  499.     }
  501.     public function getSourceContext()
  502.     {
  503.         return new Source("{#
  504. This file is part of EC-CUBE
  506. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  508. http://www.ec-cube.co.jp/
  510. For the full copyright and license information, please view the LICENSE
  511. file that was distributed with this source code.
  512. #}
  513. {% extends 'default_frame.twig' %}
  515. {% set body_class = 'product_page' %}
  517. {# style #}
  518. {% block stylesheet %}
  519.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/product-list.css') }}\">
  520. {% endblock %}
  522. {% block javascript %}
  523. <script>
  524. (function() {
  525.     // Lấy URL hiện tại và tạo URLSearchParams
  526.     function getCurrentUrlParams() {
  527.         const urlParams = new URLSearchParams(window.location.search);
  528.         return urlParams;
  529.     }
  531.     // Cập nhật URL với category filters và reload
  532.     function updateCategoryFilters() {
  533.         const checkboxes = document.querySelectorAll('.filter-option__checkbox');
  534.         const urlParams = getCurrentUrlParams();
  536.         // Xóa tất cả category_filter[] cũ (có thể có nhiều giá trị)
  537.         const keysToDelete = [];
  538.         urlParams.forEach(function(value, key) {
  539.             if (key === 'category_filter[]' || key.startsWith('category_filter')) {
  540.                 keysToDelete.push(key);
  541.             }
  542.         });
  543.         keysToDelete.forEach(function(key) {
  544.             urlParams.delete(key);
  545.         });
  547.         // Thu thập category theo từng block tiêu chí.
  548.         // Trong cùng block là OR, giữa các block sẽ được backend xử lý là AND.
  549.         const selectedCategoriesByGroup = {};
  550.         checkboxes.forEach(function(checkbox) {
  551.             if (checkbox.checked) {
  552.                 const groupId = checkbox.dataset.groupId;
  553.                 if (!selectedCategoriesByGroup[groupId]) {
  554.                     selectedCategoriesByGroup[groupId] = [];
  555.                 }
  556.                 selectedCategoriesByGroup[groupId].push(checkbox.value);
  557.             }
  558.         });
  560.         Object.keys(selectedCategoriesByGroup).forEach(function(groupId) {
  561.             selectedCategoriesByGroup[groupId].forEach(function(categoryId) {
  562.                 urlParams.append('category_filter[' + groupId + '][]', categoryId);
  563.             });
  564.         });
  566.         // Reset về trang 1 khi filter
  567.         urlParams.set('pageno', '1');
  569.         // Tạo URL mới
  570.         const queryString = urlParams.toString();
  571.         const newUrl = queryString
  572.             ? window.location.pathname + '?' + queryString
  573.             : window.location.pathname;
  575.         // Reload page với query params mới
  576.         window.location.href = newUrl;
  577.     }
  579.     // Khôi phục trạng thái checkbox từ URL và xử lý nút search
  580.     document.addEventListener('DOMContentLoaded', function() {
  581.         const checkboxes = document.querySelectorAll('.filter-option__checkbox');
  582.         const searchButton = document.querySelector('.btn-search');
  584.         // Khôi phục trạng thái checkbox từ URL
  585.         const urlParams = getCurrentUrlParams();
  586.         const selectedCategories = [];
  587.         urlParams.forEach(function(value, key) {
  588.             if (key.startsWith('category_filter[')) {
  589.                 selectedCategories.push(value);
  590.             }
  591.         });
  593.         checkboxes.forEach(function(checkbox) {
  594.             // Set checked nếu category ID có trong URL
  595.             if (selectedCategories.includes(checkbox.value)) {
  596.                 checkbox.checked = true;
  597.             }
  598.             // Không lắng nghe sự kiện change trên checkbox nữa
  599.         });
  601.         // Lắng nghe sự kiện click trên nút search
  602.         if (searchButton) {
  603.             searchButton.addEventListener('click', function() {
  604.                 updateCategoryFilters();
  605.             });
  606.         }
  607.     });
  608. })();
  609. </script>
  610. {% endblock %}
  612. {% block main %}
  614.  <body>
  615.   <!-- breadcrumb section -->
  616.   <div class=\"breadcrumb-section\">
  617.     <div class=\"container-1360 border-box px-40\">
  618.       <nav class=\"breadcrumb\">
  619.         <a href=\"{{ url('homepage') }}\" class=\"breadcrumb__item text-black\">ホーム</a>
  620.         <img src=\"{{ asset('assets/img/default/icons/icon-breadcrumb-arrow.svg') }}\" alt=\">\" class=\"breadcrumb__separator\">
  621.         <a href=\"{{ url('product_list') }}\" class=\"breadcrumb__item text-black\">商品一覧</a>
  622.       </nav>
  623.     </div>
  624.   </div>
  626.   <!-- product list section -->
  627.   <div class=\"container-1200\">
  628.     <div class=\"product-list-wrapper\">
  629.       <div class=\"product-list-left\">
  630.         {% if searchable_categories is defined and searchable_categories|length > 0 %}
  631.           {% for group in searchable_categories %}
  632.             <div class=\"filter-group\">
  633.               <div class=\"filter-group__header\">{{ group.parent.name }}</div>
  634.               <div class=\"filter-group__options\">
  635.                 {% if group.children|length > 0 %}
  636.                   {% for child in group.children %}
  637.                     <label class=\"filter-option\">
  638.                       <input type=\"checkbox\"
  639.                              class=\"filter-option__checkbox\"
  640.                              name=\"category_filter[{{ group.parent.id }}][]\"
  641.                              value=\"{{ child.id }}\"
  642.                              data-category-id=\"{{ child.id }}\"
  643.                              data-group-id=\"{{ group.parent.id }}\">
  644.                       <span class=\"filter-option__label\">{{ child.name }}</span>
  645.                     </label>
  646.                   {% endfor %}
  647.                 {% else %}
  648.                   {# Nếu parent category cũng có is_searchable và không có children, hiển thị parent #}
  649.                   <label class=\"filter-option\">
  650.                     <input type=\"checkbox\"
  651.                            class=\"filter-option__checkbox\"
  652.                            name=\"category_filter[{{ group.parent.id }}][]\"
  653.                            value=\"{{ group.parent.id }}\"
  654.                            data-category-id=\"{{ group.parent.id }}\"
  655.                            data-group-id=\"{{ group.parent.id }}\">
  656.                     <span class=\"filter-option__label\">{{ group.parent.name }}</span>
  657.                   </label>
  658.                 {% endif %}
  659.               </div>
  660.             </div>
  661.           {% endfor %}
  662.         {% endif %}
  663.         <button class=\"btn-primary btn-search w-100\">
  664.             <span>検索する</span>
  665.             <svg class=\"btn-search-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  666.             <rect width=\"24\" height=\"24\" rx=\"12\" fill=\"black\"/>
  667.             <path d=\"M16.252 12.001L16.249 12.0039L16.252 12.0068L11.7266 16.5312L10.5957 15.4004L13.1943 12.8027H7.72852V11.2031H13.1924L10.5957 8.60742L11.7266 7.47656L16.252 12.001Z\" fill=\"#FBE800\"/>
  668.             </svg>
  669.         </button>
  670.       </div>
  671.       <!-- bottom line -->
  672.       <div class=\"bottom-line container-mobile\"></div>
  673.       <!-- Product List Right -->
  674.       <div class=\"product-list-right\">
  675.         <div class=\"product-grid\" id=\"product-grid\">
  676.           {% if pagination.totalItemCount > 0 %}
  677.             {% for Product in pagination %}
  678.               <div class=\"product-item\">
  679.                 <a href=\"{{ url('product_detail', {'id': Product.id}) }}\" class=\"product-card-small\">
  680.                   <div class=\"product-card-small__image\">
  681.                     <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  682.                     <div class=\"product-card-small__arrow\">
  683.                         <img src=\"{{ asset('assets/img/default/icons/icon-heart.svg') }}\" alt=\"Favorite\" loading=\"lazy\">
  684.                     </div>
  685.                   </div>
  686.                 </a>
  687.                 <div class=\"product-item__info\">
  688.                   <a href=\"{{ url('product_detail', {'id': Product.id}) }}\">
  689.                     <h4 class=\"product-item__title\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"{{ Product.name }}\">{{ Product.name }}</h4>
  690.                   </a>
  691.                   <div class=\"product-item__price\">
  692.                     <span class=\"price-symbol\">¥</span>
  693.                     <span class=\"price-amount\">
  694.                       {% if Product.hasProductClass %}
  695.                         {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  696.                           {{ Product.getPrice02IncTaxMin|number_format }}
  697.                         {% else %}
  698.                           {{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }}
  699.                         {% endif %}
  700.                       {% else %}
  701.                         {{ Product.getPrice02IncTaxMin|number_format }}
  702.                       {% endif %}
  703.                     </span>
  704.                     <span class=\"price-tax\">(税込)</span>
  705.                   </div>
  706.                 </div>
  707.               </div>
  708.             {% endfor %}
  709.           {% else %}
  710.             <span>{{ 'front.product.search__product_not_found'|trans }}</span>
  711.           {% endif %}
  712.         </div>
  713.         <!-- Pagination -->
  714.         <div class=\"pagination-product-list-wrapper\">
  715.           <div class=\"pagination-product-list\" style=\"margin: 0 auto;\">
  716.             {% include \"Block/_pagination.twig\" with {'pages': pagination.paginationData} %}
  717.           </div>
  718.         </div>
  719.       </div>
  720.     </div>
  721.   </div>
  724.  </body>
  726. {% endblock %}
  727. ", "Product/list.twig", "/var/www/html/app/template/default/Product/list.twig");
  728.     }
  729.     
  730.     public function checkSecurity()
  731.     {
  732.         static $tags = array("set" => 13, "if" => 128, "for" => 129, "include" => 214);
  733.         static $filters = array("escape" => 17, "length" => 128, "no_image_product" => 179, "number_format" => 194, "trans" => 208);
  734.         static $functions = array("asset" => 17, "url" => 117);
  736.         try {
  737.             $this->sandbox->checkSecurity(
  738.                 ['set', 'if', 'for', 'include'],
  739.                 ['escape', 'length', 'no_image_product', 'number_format', 'trans'],
  740.                 ['asset', 'url']
  741.             );
  742.         } catch (SecurityError $e) {
  743.             $e->setSourceContext($this->source);
  745.             if ($e instanceof SecurityNotAllowedTagError && isset($tags[$e->getTagName()])) {
  746.                 $e->setTemplateLine($tags[$e->getTagName()]);
  747.             } elseif ($e instanceof SecurityNotAllowedFilterError && isset($filters[$e->getFilterName()])) {
  748.                 $e->setTemplateLine($filters[$e->getFilterName()]);
  749.             } elseif ($e instanceof SecurityNotAllowedFunctionError && isset($functions[$e->getFunctionName()])) {
  750.                 $e->setTemplateLine($functions[$e->getFunctionName()]);
  751.             }
  753.             throw $e;
  754.         }
  756.     }
  757. }