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