var/cache/dev/twig/74/748982afcd6e406888dc5d4af1eae82fc3a129eb124e25c909c58165e4f3379f.php line 53

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