var/cache/dev/twig/47/472e0a73e96d3171ad26ef563de1bc2a.php line 523

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_41dcba1d96abfaa7492507bd52e59991 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_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/list.twig"));
  49.         // line 216
  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_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  57.         
  58.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  60.     }
  62.     // line 13
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 14
  73.         echo "    ";
  74.         // line 15
  75.         echo "    ";
  76.         // line 16
  77.         echo "    <link rel=\"stylesheet\" href=\"";
  78.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/page/_product_list.css", "user_data"), "html", null, true);
  79.         echo "\">
  80. <style>
  81.     .ec-topicpath{
  82.         display: flex;
  83.         margin: 30px 10% 0;
  84.     }
  85.     .ec-topicpath a{
  86.         color: #09860D;
  87.     }
  88.     .ec-topicpath__divider{
  89.         margin: 0 5px;
  90.     }
  91.     
  92.         .category-btn{
  93.             justify-content: center;
  94.         }
  95.         .category-btn img{
  96.             margin-right: 15px;
  97.         }
  98.         .tab {
  99.             margin: 30px 10% 0;
  100.         }
  101.         
  102.         @media screen and (max-width:768px){
  103.             .tab img{
  104.                 width: 15%;
  105.             }
  106.             .category-btn{
  107.                 margin-bottom: 15px;
  108.             }
  109.         }
  111.         .tab-list {
  112.             display: flex;
  113.             gap: 1px;
  114.         }
  115.         @media screen and (max-width:768px){
  116.             .tab-list{
  117.                 flex-direction: column;
  118.             }
  119.         }
  121.         .tab-item {
  122.             border-radius: 5px 5px 0 0;
  123.             background-color: #09860D;
  124.             border-top: solid 1px #09860D;
  125.             border-right: solid 1px #09860D;
  126.             border-left: solid 1px #09860D;
  127.         }
  128.         .tab-item a{
  129.             color: #FFF;
  130.             padding: 0.5em 1.2em;
  131.             display: block;
  132.         }
  135.         .tab-content:has(.tab-panel.active){
  136.             display: flex;
  137.             justify-content: space-between;
  138.             border-top:solid 1px #09860D;
  139.             border-right:solid 1px #09860D;
  140.             border-left:solid 1px #09860D;
  141.             border-radius: 0 8px 0 0;
  142.         }
  143.         
  144.         .tab-content:not(:has(.tab-panel.active)){
  145.             display: none;
  146.         }
  147.         
  148.         @media screen and (max-width:768px){
  149.             .tab-content{
  150.                 flex-direction: column;
  151.                 border-radius: 0;
  152.             }
  153.         }
  155.         .tab-panel {
  156.             display: none;
  157.         }
  159.         .tab-item.active {
  160.             background-color: #fff;
  161.             font-weight: bold;
  162.             position: relative;
  163.         }
  164.         
  165.         .tab-item.active a{
  166.             color: #09860D;
  167.         }
  168.         
  169.         .tab-item.active::before{
  170.             content: \"\";
  171.             width: 100%;
  172.             border-bottom: 1px solid  #FFF;
  173.             position: absolute;
  174.             bottom: -1px;
  175.             left: 0;
  176.         }
  178.         .tab-panel.active {
  179.             display: flex;
  180.             padding: 3%;
  181.             flex-wrap: wrap;
  182.             gap:20px 20px;
  183.             flex: 10;
  184.         }
  185.         @media screen and (max-width:768px){
  186.             .tab-panel.active{
  187.                 justify-content: center;
  188.                 
  189.             }
  190.         }
  192.         .tab-panel.active h2 {
  193.             font-size: 20px;
  194.             font-weight: bold;
  195.         }
  196.         
  197.         .search-form-box{
  198.             border: solid 1px #09860D;
  199.             border-radius: 0 0 8px 8px;
  200.         }
  201.         
  202.         .tab-content:not(:has(.active)) + .search-form-box{
  203.             border-radius: 0 8px 8px 8px;
  204.         }
  206.         .search-form-box .search-form-content{
  207.             display: flex;
  208.             justify-content: space-between;
  209.         }
  210.         @media screen and (max-width:768px){
  211.             .search-form-box .search-form-content{
  212.                 flex-direction: column;
  213.                 
  214.             }
  215.         }
  216.         .search-form-box .search-form-item{
  217.             padding: 3%;
  218.         }
  219.         @media screen and (max-width:768px){
  220.             .search-form-box .search-form-item{
  221.                 margin: 0 auto;
  222.                 
  223.             }
  224.         }
  225.         
  226.         .search-form-box .search-form-input{
  227.             -webkit-appearance: none;
  228.             -moz-appearance:none;
  229.             appearance: none;
  230.             border:1px solid #09860d;
  231.             border-radius:25px;
  232.             width: 30vw;
  233.             padding-left: 20px;
  234.             height: 36px;
  235.             background-color: #f5f5f5;
  236.         }
  237.         @media screen and (max-width:768px){
  238.             .search-form-box .search-form-input{
  239.                 width: 50vw;
  240.                 box-sizing: border-box;
  241.             }
  242.             .search-form-box .search-form-input::placeholder{
  243.                 font-size: 2vw;
  244.             }
  245.         }
  246.         
  247.         select{
  248.             background:none;
  249.             appearance: none;
  250.             font:inherit;
  251.             padding:9.5px 10px;
  252.             border:1px solid #09860d;
  253.             box-sizing: border-box;
  254.             width: 250px;
  255.             border-radius:2px;
  256.         }
  257.         
  258.         .select {
  259.           display: inline-block;
  260.           position: relative;
  261.           vertical-align: middle;
  262.         }
  263.         
  264.         .select::before {
  265.           position: absolute;
  266.           top: 18px;
  267.           right: 16px;
  268.           width: 0;
  269.           height: 0;
  270.           border-width: 10px 5px 0 5px;
  271.           border-style: solid;
  272.           border-color: #09860d transparent transparent transparent;
  273.           content: \"\";
  274.           pointer-events: none;
  275.         }
  276.     </style>
  277. ";
  278.         
  279.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  281.         
  282.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  284.     }
  286.     // line 218
  287.     public function block_javascript($context, array $blocks = [])
  288.     {
  289.         $macros = $this->macros;
  290.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  291.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  293.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  294.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  296.         // line 219
  297.         echo "    <script>
  298.         eccube.productsClassCategories = {
  299.             ";
  300.         // line 221
  301.         $context['_parent'] = $context;
  302.         $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 221, $this->source); })()));
  303.         $context['loop'] = [
  304.           'parent' => $context['_parent'],
  305.           'index0' => 0,
  306.           'index'  => 1,
  307.           'first'  => true,
  308.         ];
  309.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  310.             $length = count($context['_seq']);
  311.             $context['loop']['revindex0'] = $length - 1;
  312.             $context['loop']['revindex'] = $length;
  313.             $context['loop']['length'] = $length;
  314.             $context['loop']['last'] = 1 === $length;
  315.         }
  316.         foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  317.             // line 222
  318.             echo "            \"";
  319.             echo twig_escape_filter($this->env, twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "id", [], "any", false, false, false, 222), "js"), "html", null, true);
  320.             echo "\": ";
  321.             echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson($context["Product"]);
  322.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 222) == false)) {
  323.                 echo ", ";
  324.             }
  325.             // line 223
  326.             echo "            ";
  327.             ++$context['loop']['index0'];
  328.             ++$context['loop']['index'];
  329.             $context['loop']['first'] = false;
  330.             if (isset($context['loop']['length'])) {
  331.                 --$context['loop']['revindex0'];
  332.                 --$context['loop']['revindex'];
  333.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  334.             }
  335.         }
  336.         $_parent = $context['_parent'];
  337.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  338.         $context = array_intersect_key($context, $_parent) + $_parent;
  339.         // line 224
  340.         echo "        };
  342.         \$(function() {
  344.             // 表示件数を変更
  345.             \$('.disp-number').change(function() {
  346.                 var dispNumber = \$(this).val();
  347.                 \$('#disp_number').val(dispNumber);
  348.                 \$('#pageno').val(1);
  349.                 \$(\"#form1\").submit();
  350.             });
  352.             // // 並び順を変更
  353.             \$('.order-by').change(function() {
  354.                 var orderBy = \$(this).val();
  355.                 \$('#orderby').val(orderBy);
  356.                 \$('#pageno').val(1);
  357.                 \$(\"#form1\").submit();
  358.             });
  360.             \$('.add-cart').on('click', function(e) {
  361.                 var \$form = \$(this).parents('li').find('form');
  363.                 // 個数フォームのチェック
  364.                 var \$quantity = \$form.parent().find('.quantity');
  365.                 if (\$quantity.val() < 1) {
  366.                     \$quantity[0].setCustomValidity('";
  367.         // line 250
  368.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  369.         echo "');
  370.                     setTimeout(function() {
  371.                         loadingOverlay('hide');
  372.                     }, 100);
  373.                     return true;
  374.                 } else {
  375.                     \$quantity[0].setCustomValidity('');
  376.                 }
  377.                 e.preventDefault();
  378.                 \$.ajax({
  379.                     url: \$form.attr('action'),
  380.                     type: \$form.attr('method'),
  381.                     data: \$form.serialize(),
  382.                     dataType: 'json',
  383.                     beforeSend: function(xhr, settings) {
  384.                         // Buttonを無効にする
  385.                         \$('.add-cart').prop('disabled', true);
  386.                     }
  387.                 }).done(function(data) {
  388.                     // レスポンス内のメッセージをalertで表示
  389.                     \$.each(data.messages, function() {
  390.                         \$('#ec-modal-header').html(this);
  391.                     });
  393.                     \$('.ec-modal').show()
  395.                     // カートブロックを更新する
  396.                     \$.ajax({
  397.                         url: '";
  398.         // line 278
  399.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  400.         echo "',
  401.                         type: 'GET',
  402.                         dataType: 'html'
  403.                     }).done(function(html) {
  404.                         \$('.ec-headerRole__cart').html(html);
  405.                     });
  406.                 }).fail(function(data) {
  407.                     alert('";
  408.         // line 285
  409.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  410.         echo "');
  411.                 }).always(function(data) {
  412.                     // Buttonを有効にする
  413.                     \$('.add-cart').prop('disabled', false);
  414.                 });
  415.             });
  416.         });
  418.         \$('.ec-modal-wrap').on('click', function(e) {
  419.             // モーダル内の処理は外側にバブリングさせない
  420.             e.stopPropagation();
  421.         });
  422.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  423.             \$('.ec-modal').hide()
  424.         });
  425.         
  426.     </script>
  427.     <script>
  428.     //  絞り込み検索は、絞り込み検索ボタンが押されたとき、もしくは入力欄にフォーカスされたときに、
  429.     //  enterを押したときのみ発動する。カテゴリ検索を押したときは発火させない
  430.         document.addEventListener('DOMContentLoaded', function () {
  431.             const form = document.querySelector('.tab');
  432.             const categoryBtn = form.querySelector('button[name=\"search_parent_id\"]:not(.word-search)');
  433.             const wordBtn = form.querySelector('.category-btn.word-search');
  434.             const wordInput = form.querySelector('input.search-form-input');
  435.         
  436.             // カテゴリ検索 → name を送らせない
  437.             categoryBtn.addEventListener('click', function () {
  438.                 if (wordInput) {
  439.                     wordInput.disabled = true;
  440.                 }
  441.             });
  442.         
  443.             // 絞り込み検索 → name を有効化
  444.             wordBtn?.addEventListener('click', function () {
  445.                 if (wordInput) {
  446.                     wordInput.disabled = false;
  447.                 }
  448.             });
  449.         
  450.             // Enterキーで submit 時に絞り込み検索の値を送信するための hidden input 挿入
  451.             form.addEventListener('submit', function (e) {
  452.                 if (document.activeElement === wordInput) {
  453.                     e.preventDefault();
  454.         
  455.                     // 既に存在していたら除去（2重防止）
  456.                     const existingHidden = form.querySelector('input[name=\"search_parent_id\"].auto-injected');
  457.                     if (existingHidden) {
  458.                         existingHidden.remove();
  459.                     }
  460.         
  461.                     // ボタンのvalue属性をそのまま使う
  462.                     const valueFromButton = wordBtn?.getAttribute('value') || '';
  463.         
  464.                     const hidden = document.createElement('input');
  465.                     hidden.type = 'hidden';
  466.                     hidden.name = 'search_parent_id';
  467.                     hidden.value = valueFromButton;
  468.                     hidden.classList.add('auto-injected');
  469.                     form.appendChild(hidden);
  470.                     if (wordInput) {
  471.                         wordInput.disabled = false;
  472.                     }
  473.                     form.submit();
  474.                 }
  475.             });
  476.         });
  477.         
  478.         // カテゴリの詳細検索に値が入っていない場合、buttonのnameの値をcategory_idに変更する
  479.         document.addEventListener('DOMContentLoaded', function () {
  480.             const form = document.querySelector('.tab');
  481.             const submitBtn = form.querySelector('button.category-btn');
  482.             const categorySelects = form.querySelectorAll('select[name=\"category_ids[]\"]');
  483.         
  484.             form.addEventListener('submit', function (e) {
  485.                 // category_ids[] に選択されている値が1つもない場合、ボタンのnameを変更
  486.                 const hasValue = Array.from(categorySelects).some(select => select.value && select.value !== '');
  487.         
  488.                 if (!hasValue) {
  489.                     submitBtn.setAttribute('name', 'category_id');
  490.                 } else {
  491.                     submitBtn.setAttribute('name', 'search_parent_id');
  492.                 }
  493.             });
  494.         });
  495.     </script>
  496. ";
  497.         
  498.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  500.         
  501.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  503.     }
  505.     // line 373
  506.     public function block_main($context, array $blocks = [])
  507.     {
  508.         $macros = $this->macros;
  509.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  510.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  512.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  513.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  515.         // line 374
  516.         echo "    ";
  517.         $context["AllCategories"] = twig_get_attribute($this->env, $this->source, $this->env->getFunction('repository')->getCallable()("Eccube\\Entity\\Category"), "getList", [], "method", false, false, false, 374);
  518.         // line 375
  519.         echo "    ";
  520.         $context["Categories"] = twig_array_filter($this->env, (isset($context["AllCategories"]) || array_key_exists("AllCategories", $context) ? $context["AllCategories"] : (function () { throw new RuntimeError('Variable "AllCategories" does not exist.', 375, $this->source); })()), function ($__c__) use ($context, $macros) { $context["c"] = $__c__; return ( !(null === twig_get_attribute($this->env, $this->source, (isset($context["c"]) || array_key_exists("c", $context) ? $context["c"] : (function () { throw new RuntimeError('Variable "c" does not exist.', 375, $this->source); })()), "id", [], "any", false, false, false, 375)) && (twig_get_attribute($this->env, $this->source, (isset($context["c"]) || array_key_exists("c", $context) ? $context["c"] : (function () { throw new RuntimeError('Variable "c" does not exist.', 375, $this->source); })()), "id", [], "any", false, false, false, 375) == 1)); });
  521.         // line 376
  522.         echo "    ";
  523.         $context["selected_categories"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 376, $this->source); })()), "request", [], "any", false, false, false, 376), "query", [], "any", false, false, false, 376), "get", [0 => "category_ids", 1 => []], "method", false, false, false, 376);
  524.         // line 377
  525.         echo "    ";
  526.         $context["parent_category"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 377, $this->source); })()), "request", [], "any", false, false, false, 377), "query", [], "any", false, false, false, 377), "get", [0 => "search_parent_id"], "method", false, false, false, 377);
  527.         // line 378
  528.         echo "    ";
  529.         // line 379
  530.         echo "        <div class=\"ec-searchnavRole__topicpath\">
  531.             <ol class=\"ec-topicpath\">
  532.                 <li class=\"ec-topicpath__item\"><a href=\"";
  533.         // line 381
  534.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  535.         echo "\">";
  536.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.all_category"), "html", null, true);
  537.         echo "</a>
  538.                 </li>
  539.                 ";
  540.         // line 383
  541.         if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 383, $this->source); })()))) {
  542.             // line 384
  543.             echo "                    ";
  544.             $context['_parent'] = $context;
  545.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 384, $this->source); })()), "path", [], "any", false, false, false, 384));
  546.             $context['loop'] = [
  547.               'parent' => $context['_parent'],
  548.               'index0' => 0,
  549.               'index'  => 1,
  550.               'first'  => true,
  551.             ];
  552.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  553.                 $length = count($context['_seq']);
  554.                 $context['loop']['revindex0'] = $length - 1;
  555.                 $context['loop']['revindex'] = $length;
  556.                 $context['loop']['length'] = $length;
  557.                 $context['loop']['last'] = 1 === $length;
  558.             }
  559.             foreach ($context['_seq'] as $context["_key"] => $context["Path"]) {
  560.                 // line 385
  561.                 echo "                        ";
  562.                 if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 385)) {
  563.                     echo " 
  564.                             <li class=\"ec-topicpath__divider\">></li>
  565.                             <li class=\"ec-topicpath__item";
  566.                     // line 387
  567.                     if (twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 387)) {
  568.                         echo "--active";
  569.                     }
  570.                     echo "\">
  571.                                 <a href=\"";
  572.                     // line 388
  573.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  574.                     echo "?category_id=";
  575.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "id", [], "any", false, false, false, 388), "html", null, true);
  576.                     echo "\">";
  577.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Path"], "name", [], "any", false, false, false, 388), "html", null, true);
  578.                     echo "</a>
  579.                             </li>
  580.                         ";
  581.                 }
  582.                 // line 391
  583.                 echo "                    ";
  584.                 ++$context['loop']['index0'];
  585.                 ++$context['loop']['index'];
  586.                 $context['loop']['first'] = false;
  587.                 if (isset($context['loop']['length'])) {
  588.                     --$context['loop']['revindex0'];
  589.                     --$context['loop']['revindex'];
  590.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  591.                 }
  592.             }
  593.             $_parent = $context['_parent'];
  594.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Path'], $context['_parent'], $context['loop']);
  595.             $context = array_intersect_key($context, $_parent) + $_parent;
  596.             // line 392
  597.             echo "                ";
  598.         }
  599.         // line 393
  600.         echo "                ";
  601.         if ((isset($context["selected_categories"]) || array_key_exists("selected_categories", $context) ? $context["selected_categories"] : (function () { throw new RuntimeError('Variable "selected_categories" does not exist.', 393, $this->source); })())) {
  602.             // line 394
  603.             echo "                ";
  604.             $context["first_matched"] = true;
  605.             // line 395
  606.             echo "    \t\t        ";
  607.             $context['_parent'] = $context;
  608.             $context['_seq'] = twig_ensure_traversable((isset($context["Categories"]) || array_key_exists("Categories", $context) ? $context["Categories"] : (function () { throw new RuntimeError('Variable "Categories" does not exist.', 395, $this->source); })()));
  609.             foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  610.                 // line 396
  611.                 echo "    \t\t            ";
  612.                 $context['_parent'] = $context;
  613.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Category"], "Children", [], "any", false, false, false, 396));
  614.                 foreach ($context['_seq'] as $context["_key"] => $context["children"]) {
  615.                     // line 397
  616.                     echo "            \t\t        ";
  617.                     if ((twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 397) == (isset($context["parent_category"]) || array_key_exists("parent_category", $context) ? $context["parent_category"] : (function () { throw new RuntimeError('Variable "parent_category" does not exist.', 397, $this->source); })()))) {
  618.                         // line 398
  619.                         echo "            \t\t            <li class=\"ec-topicpath__divider\">></li>
  620.             \t\t            <li><a href=\"";
  621.                         // line 399
  622.                         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  623.                         echo "?category_id=";
  624.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 399), "html", null, true);
  625.                         echo "\">";
  626.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "name", [], "any", false, false, false, 399), "html", null, true);
  627.                         echo "</a></li>
  628.             \t\t        ";
  629.                     }
  630.                     // line 401
  631.                     echo "            \t\t            ";
  632.                     $context['_parent'] = $context;
  633.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["children"], "Children", [], "any", false, false, false, 401));
  634.                     foreach ($context['_seq'] as $context["_key"] => $context["grandChildren"]) {
  635.                         // line 402
  636.                         echo "                                    ";
  637.                         $context['_parent'] = $context;
  638.                         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["grandChildren"], "Children", [], "any", false, false, false, 402));
  639.                         foreach ($context['_seq'] as $context["_key"] => $context["grandgrandChild"]) {
  640.                             // line 403
  641.                             echo "                                        ";
  642.                             if (twig_in_filter(twig_get_attribute($this->env, $this->source, $context["grandgrandChild"], "id", [], "any", false, false, false, 403), (isset($context["selected_categories"]) || array_key_exists("selected_categories", $context) ? $context["selected_categories"] : (function () { throw new RuntimeError('Variable "selected_categories" does not exist.', 403, $this->source); })()))) {
  643.                                 // line 404
  644.                                 echo "                                            ";
  645.                                 if ((isset($context["first_matched"]) || array_key_exists("first_matched", $context) ? $context["first_matched"] : (function () { throw new RuntimeError('Variable "first_matched" does not exist.', 404, $this->source); })())) {
  646.                                     // line 405
  647.                                     echo "                                                <li class=\"ec-topicpath__divider\">></li>
  648.                                                 <li><a href=\"";
  649.                                     // line 406
  650.                                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  651.                                     echo "?category_ids[]=";
  652.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandChild"], "id", [], "any", false, false, false, 406), "html", null, true);
  653.                                     echo "&search_parent_id=";
  654.                                     echo twig_escape_filter($this->env, (isset($context["parent_category"]) || array_key_exists("parent_category", $context) ? $context["parent_category"] : (function () { throw new RuntimeError('Variable "parent_category" does not exist.', 406, $this->source); })()), "html", null, true);
  655.                                     echo "\">";
  656.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandChild"], "name", [], "any", false, false, false, 406), "html", null, true);
  657.                                     echo "</a></li>
  658.                                                 ";
  659.                                     // line 407
  660.                                     $context["first_matched"] = false;
  661.                                     // line 408
  662.                                     echo "                                            ";
  663.                                 } else {
  664.                                     // line 409
  665.                                     echo "                                                <li><a href=\"";
  666.                                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  667.                                     echo "?category_ids[]=";
  668.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandChild"], "id", [], "any", false, false, false, 409), "html", null, true);
  669.                                     echo "&search_parent_id=";
  670.                                     echo twig_escape_filter($this->env, (isset($context["parent_category"]) || array_key_exists("parent_category", $context) ? $context["parent_category"] : (function () { throw new RuntimeError('Variable "parent_category" does not exist.', 409, $this->source); })()), "html", null, true);
  671.                                     echo "\">・";
  672.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandChild"], "name", [], "any", false, false, false, 409), "html", null, true);
  673.                                     echo "</a></li>
  674.                                             ";
  675.                                 }
  676.                                 // line 411
  677.                                 echo "                                        ";
  678.                             }
  679.                             // line 412
  680.                             echo "                                    ";
  681.                         }
  682.                         $_parent = $context['_parent'];
  683.                         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandgrandChild'], $context['_parent'], $context['loop']);
  684.                         $context = array_intersect_key($context, $_parent) + $_parent;
  685.                         // line 413
  686.                         echo "                                ";
  687.                     }
  688.                     $_parent = $context['_parent'];
  689.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandChildren'], $context['_parent'], $context['loop']);
  690.                     $context = array_intersect_key($context, $_parent) + $_parent;
  691.                     // line 414
  692.                     echo "                            ";
  693.                 }
  694.                 $_parent = $context['_parent'];
  695.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['children'], $context['_parent'], $context['loop']);
  696.                 $context = array_intersect_key($context, $_parent) + $_parent;
  697.                 // line 415
  698.                 echo "                    ";
  699.             }
  700.             $_parent = $context['_parent'];
  701.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  702.             $context = array_intersect_key($context, $_parent) + $_parent;
  703.             // line 416
  704.             echo "                ";
  705.         }
  706.         // line 417
  707.         echo "                ";
  708.         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 417, $this->source); })()), "vars", [], "any", false, false, false, 417), "value", [], "any", false, false, false, 417), "name", [], "any", false, false, false, 417)) {
  709.             // line 418
  710.             echo "                    <li class=\"ec-topicpath__divider\">></li>
  711.                     <li class=\"ec-topicpath__item\"><a href=\"";
  712.             // line 419
  713.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  714.             echo "?name=";
  715.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 419, $this->source); })()), "vars", [], "any", false, false, false, 419), "value", [], "any", false, false, false, 419), "name", [], "any", false, false, false, 419), "html", null, true);
  716.             echo "\">";
  717.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 419, $this->source); })()), "vars", [], "any", false, false, false, 419), "value", [], "any", false, false, false, 419), "name", [], "any", false, false, false, 419), "html", null, true);
  718.             echo "</a></li>
  719.                 ";
  720.         }
  721.         // line 421
  722.         echo "            </ol>
  723.         </div>
  724.     <!-- カテゴリ検索 -->
  725.     ";
  726.         // line 424
  727.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 424, $this->source); })()), "request", [], "any", false, false, false, 424), "query", [], "any", false, false, false, 424), "get", [0 => "category_id"], "method", false, false, false, 424) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 424, $this->source); })()), "request", [], "any", false, false, false, 424), "query", [], "any", false, false, false, 424), "get", [0 => "search_parent_id"], "method", false, false, false, 424))) {
  728.             // line 425
  729.             echo "        <form action=\"";
  730.             echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  731.             echo "\" method=\"get\" class=\"tab\" >
  732.             <ul class=\"tab-list\">
  733.                 ";
  734.             // line 427
  735.             $context['_parent'] = $context;
  736.             $context['_seq'] = twig_ensure_traversable((isset($context["Categories"]) || array_key_exists("Categories", $context) ? $context["Categories"] : (function () { throw new RuntimeError('Variable "Categories" does not exist.', 427, $this->source); })()));
  737.             foreach ($context['_seq'] as $context["_key"] => $context["tab"]) {
  738.                 // line 428
  739.                 echo "                    ";
  740.                 $context['_parent'] = $context;
  741.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["tab"], "Children", [], "any", false, false, false, 428));
  742.                 foreach ($context['_seq'] as $context["_key"] => $context["children"]) {
  743.                     // line 429
  744.                     echo "                        ";
  745.                     $context["children_ids"] = [];
  746.                     // line 430
  747.                     echo "                        ";
  748.                     $context['_parent'] = $context;
  749.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["children"], "Children", [], "any", false, false, false, 430));
  750.                     foreach ($context['_seq'] as $context["_key"] => $context["grandChild"]) {
  751.                         // line 431
  752.                         echo "                            ";
  753.                         $context["children_ids"] = twig_array_merge((isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 431, $this->source); })()), [0 => twig_get_attribute($this->env, $this->source, $context["grandChild"], "id", [], "any", false, false, false, 431)]);
  754.                         // line 432
  755.                         echo "                        ";
  756.                     }
  757.                     $_parent = $context['_parent'];
  758.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandChild'], $context['_parent'], $context['loop']);
  759.                     $context = array_intersect_key($context, $_parent) + $_parent;
  760.                     // line 433
  761.                     echo "                            ";
  762.                     if ((((twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 433) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 433, $this->source); })()), "request", [], "any", false, false, false, 433), "query", [], "any", false, false, false, 433), "get", [0 => "category_id"], "method", false, false, false, 433)) || (twig_get_attribute($this->env, $this->source,                     // line 434
  763. $context["children"], "id", [], "any", false, false, false, 434) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 434, $this->source); })()), "request", [], "any", false, false, false, 434), "query", [], "any", false, false, false, 434), "get", [0 => "search_parent_id"], "method", false, false, false, 434))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 435
  764. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 435, $this->source); })()), "request", [], "any", false, false, false, 435), "query", [], "any", false, false, false, 435), "get", [0 => "category_id"], "method", false, false, false, 435), (isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 435, $this->source); })())))) {
  765.                         // line 437
  766.                         echo "                                <li class=\"tab-item active\" tabindex=\"0\" id=\"";
  767.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 437), "html", null, true);
  768.                         echo "\">
  769.                                     <a href=\"";
  770.                         // line 438
  771.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list", ["category_id" => twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 438)]), "html", null, true);
  772.                         echo "\">";
  773.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "name", [], "any", false, false, false, 438), "html", null, true);
  774.                         echo "</a>
  775.                                 </li>
  776.                             ";
  777.                     } else {
  778.                         // line 441
  779.                         echo "                                <li class=\"tab-item\" tabindex=\"0\" id=\"";
  780.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 441), "html", null, true);
  781.                         echo "\">
  782.                                     <a href=\"";
  783.                         // line 442
  784.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list", ["category_id" => twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 442)]), "html", null, true);
  785.                         echo "\">";
  786.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["children"], "name", [], "any", false, false, false, 442), "html", null, true);
  787.                         echo "</a>
  788.                                 </li>
  789.                             ";
  790.                     }
  791.                     // line 445
  792.                     echo "                    ";
  793.                 }
  794.                 $_parent = $context['_parent'];
  795.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['children'], $context['_parent'], $context['loop']);
  796.                 $context = array_intersect_key($context, $_parent) + $_parent;
  797.                 // line 446
  798.                 echo "                ";
  799.             }
  800.             $_parent = $context['_parent'];
  801.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['tab'], $context['_parent'], $context['loop']);
  802.             $context = array_intersect_key($context, $_parent) + $_parent;
  803.             // line 447
  804.             echo "            </ul>
  805.             <div class=\"tab-content\" id=\"category-form\">
  806.                 ";
  807.             // line 449
  808.             $context['_parent'] = $context;
  809.             $context['_seq'] = twig_ensure_traversable((isset($context["Categories"]) || array_key_exists("Categories", $context) ? $context["Categories"] : (function () { throw new RuntimeError('Variable "Categories" does not exist.', 449, $this->source); })()));
  810.             foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  811.                 // line 450
  812.                 echo "                    ";
  813.                 $context['_parent'] = $context;
  814.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Category"], "Children", [], "any", false, false, false, 450));
  815.                 foreach ($context['_seq'] as $context["_key"] => $context["children"]) {
  816.                     // line 451
  817.                     echo "                        ";
  818.                     $context["children_ids"] = [];
  819.                     // line 452
  820.                     echo "                        ";
  821.                     $context['_parent'] = $context;
  822.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["children"], "Children", [], "any", false, false, false, 452));
  823.                     foreach ($context['_seq'] as $context["_key"] => $context["grandChild"]) {
  824.                         // line 453
  825.                         echo "                            ";
  826.                         $context["children_ids"] = twig_array_merge((isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 453, $this->source); })()), [0 => twig_get_attribute($this->env, $this->source, $context["grandChild"], "id", [], "any", false, false, false, 453)]);
  827.                         // line 454
  828.                         echo "                        ";
  829.                     }
  830.                     $_parent = $context['_parent'];
  831.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandChild'], $context['_parent'], $context['loop']);
  832.                     $context = array_intersect_key($context, $_parent) + $_parent;
  833.                     // line 455
  834.                     echo "                        ";
  835.                     if (((((twig_get_attribute($this->env, $this->source, $context["children"], "id", [], "any", false, false, false, 455) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 455, $this->source); })()), "request", [], "any", false, false, false, 455), "query", [], "any", false, false, false, 455), "get", [0 => "category_id"], "method", false, false, false, 455)) || (twig_get_attribute($this->env, $this->source,                     // line 456
  836. $context["children"], "id", [], "any", false, false, false, 456) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 456, $this->source); })()), "request", [], "any", false, false, false, 456), "query", [], "any", false, false, false, 456), "get", [0 => "search_parent_id"], "method", false, false, false, 456))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 457
  837. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 457, $this->source); })()), "request", [], "any", false, false, false, 457), "query", [], "any", false, false, false, 457), "get", [0 => "category_id"], "method", false, false, false, 457), (isset($context["children_ids"]) || array_key_exists("children_ids", $context) ? $context["children_ids"] : (function () { throw new RuntimeError('Variable "children_ids" does not exist.', 457, $this->source); })()))) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source,                     // line 458
  838. $context["children"], "Children", [], "any", false, false, false, 458)))) {
  839.                         // line 460
  840.                         echo "                            <div class=\"tab-panel active\">
  841.                                     ";
  842.                         // line 461
  843.                         $context['_parent'] = $context;
  844.                         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["children"], "Children", [], "any", false, false, false, 461));
  845.                         foreach ($context['_seq'] as $context["_key"] => $context["grandChild"]) {
  846.                             // line 462
  847.                             echo "                                    <div class=select>
  848.                                         <select name=\"category_ids[]\">
  849.                                             <option value=\"\">";
  850.                             // line 464
  851.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandChild"], "name", [], "any", false, false, false, 464), "html", null, true);
  852.                             echo "から選択</option>
  853.                                                 ";
  854.                             // line 465
  855.                             $context['_parent'] = $context;
  856.                             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["grandChild"], "Children", [], "any", false, false, false, 465));
  857.                             foreach ($context['_seq'] as $context["_key"] => $context["grandgrandchild"]) {
  858.                                 // line 466
  859.                                 echo "                                                    <option value=\"";
  860.                                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandchild"], "id", [], "any", false, false, false, 466), "html", null, true);
  861.                                 echo "\"
  862.                                                         ";
  863.                                 // line 467
  864.                                 if (twig_in_filter(twig_get_attribute($this->env, $this->source, $context["grandgrandchild"], "id", [], "any", false, false, false, 467), (isset($context["selected_categories"]) || array_key_exists("selected_categories", $context) ? $context["selected_categories"] : (function () { throw new RuntimeError('Variable "selected_categories" does not exist.', 467, $this->source); })()))) {
  865.                                     // line 468
  866.                                     echo "                                                            selected
  867.                                                         ";
  868.                                 }
  869.                                 // line 470
  870.                                 echo "                                                    >";
  871.                                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["grandgrandchild"], "name", [], "any", false, false, false, 470), "html", null, true);
  872.                                 echo "</option>
  873.                                                 ";
  874.                             }
  875.                             $_parent = $context['_parent'];
  876.                             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandgrandchild'], $context['_parent'], $context['loop']);
  877.                             $context = array_intersect_key($context, $_parent) + $_parent;
  878.                             // line 472
  879.                             echo "                                        </select>
  880.                                     </div>
  881.                                     ";
  882.                         }
  883.                         $_parent = $context['_parent'];
  884.                         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['grandChild'], $context['_parent'], $context['loop']);
  885.                         $context = array_intersect_key($context, $_parent) + $_parent;
  886.                         // line 475
  887.                         echo "                            </div>
  888.                             <button type=\"submit\" class=\"category-btn\" name=\"search_parent_id\"
  889.                             ";
  890.                         // line 477
  891.                         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 477, $this->source); })()), "request", [], "any", false, false, false, 477), "query", [], "any", false, false, false, 477), "get", [0 => "category_id"], "method", false, false, false, 477) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 477, $this->source); })()), "request", [], "any", false, false, false, 477), "query", [], "any", false, false, false, 477), "get", [0 => "search_parent_id"], "method", false, false, false, 477))) {
  892.                             // line 478
  893.                             echo "                            value=\"";
  894.                             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 478, $this->source); })()), "request", [], "any", false, false, false, 478), "query", [], "any", false, false, false, 478), "get", [0 => "category_id"], "method", false, false, false, 478)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 478, $this->source); })()), "request", [], "any", false, false, false, 478), "query", [], "any", false, false, false, 478), "get", [0 => "category_id"], "method", false, false, false, 478)) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 478, $this->source); })()), "request", [], "any", false, false, false, 478), "query", [], "any", false, false, false, 478), "get", [0 => "search_parent_id"], "method", false, false, false, 478))), "html", null, true);
  895.                             echo "\"
  896.                             >
  897.                             ";
  898.                         }
  899.                         // line 481
  900.                         echo "                                <img src=\"";
  901.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/btn_ic_search.svg ", "user_data"), "html", null, true);
  902.                         echo "\" alt=\"お気に入り\">
  903.                                 カテゴリ検索
  904.                             </button>
  905.                         ";
  906.                     } else {
  907.                         // line 485
  908.                         echo "                            <div class=\"tab-panel\"></div>
  909.                         ";
  910.                     }
  911.                     // line 487
  912.                     echo "                    ";
  913.                 }
  914.                 $_parent = $context['_parent'];
  915.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['children'], $context['_parent'], $context['loop']);
  916.                 $context = array_intersect_key($context, $_parent) + $_parent;
  917.                 // line 488
  918.                 echo "                ";
  919.             }
  920.             $_parent = $context['_parent'];
  921.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  922.             $context = array_intersect_key($context, $_parent) + $_parent;
  923.             // line 489
  924.             echo "            </div>
  925.             <div class=\"search-form-box\">
  926.                 <div class=\"search-form-content\">
  927.                     <div class=\"search-form-item\">
  928.                         <input type=\"text\" name=\"name\" class=\"search-form-input\"
  929.                         placeholder=\"カテゴリから絞り込み\"
  930.                         ";
  931.             // line 495
  932.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 495, $this->source); })()), "vars", [], "any", false, false, false, 495), "value", [], "any", false, false, false, 495), "name", [], "any", false, false, false, 495) && ( !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,             // line 496
  933. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 496, $this->source); })()), "request", [], "any", false, false, false, 496), "query", [], "any", false, false, false, 496), "get", [0 => "search_parent_id"], "method", false, false, false, 496)) ||  !twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 496, $this->source); })()), "request", [], "any", false, false, false, 496), "query", [], "any", false, false, false, 496), "get", [0 => "category_id"], "method", false, false, false, 496))))) {
  934.                 // line 497
  935.                 echo "                        value=\"";
  936.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 497, $this->source); })()), "vars", [], "any", false, false, false, 497), "value", [], "any", false, false, false, 497), "name", [], "any", false, false, false, 497), "html", null, true);
  937.                 echo "\"
  938.                         ";
  939.             }
  940.             // line 499
  941.             echo "                        >
  942.                     </div>
  943.                     <button type=\"submit\" class=\"category-btn word-search\" name=\"search_parent_id\"
  944.                         ";
  945.             // line 502
  946.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 502, $this->source); })()), "request", [], "any", false, false, false, 502), "query", [], "any", false, false, false, 502), "get", [0 => "category_id"], "method", false, false, false, 502) || twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 502, $this->source); })()), "request", [], "any", false, false, false, 502), "query", [], "any", false, false, false, 502), "get", [0 => "search_parent_id"], "method", false, false, false, 502))) {
  947.                 // line 503
  948.                 echo "                        value=\"";
  949.                 echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 503, $this->source); })()), "request", [], "any", false, false, false, 503), "query", [], "any", false, false, false, 503), "get", [0 => "category_id"], "method", false, false, false, 503)) ? (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 503, $this->source); })()), "request", [], "any", false, false, false, 503), "query", [], "any", false, false, false, 503), "get", [0 => "category_id"], "method", false, false, false, 503)) : (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 503, $this->source); })()), "request", [], "any", false, false, false, 503), "query", [], "any", false, false, false, 503), "get", [0 => "search_parent_id"], "method", false, false, false, 503))), "html", null, true);
  950.                 echo "\"
  951.                         >
  952.                         ";
  953.             }
  954.             // line 506
  955.             echo "                        <img src=\"";
  956.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/html/user_data/assets/icon/btn_ic_search.svg ", "user_data"), "html", null, true);
  957.             echo "\" alt=\"お気に入り\">
  958.                         絞り込み検索
  959.                     </button>
  960.                 </div>
  961.             </div>
  962.         </form>
  963.     ";
  964.         }
  965.         // line 513
  966.         echo "<section class=\"contents-list\">
  967. \t<!-- 商品リスト -->
  968. \t<div class=\"list-view\">
  969. \t\t<div class=\"list-title\">
  970. \t\t        ";
  971.         // line 518
  972.         echo "                ";
  973.         if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 518, $this->source); })()), "vars", [], "any", false, false, false, 518), "value", [], "any", false, false, false, 518), "name", [], "any", false, false, false, 518) && twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 519
  974. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 519, $this->source); })()), "request", [], "any", false, false, false, 519), "query", [], "any", false, false, false, 519), "get", [0 => "category_id"], "method", false, false, false, 519))) && twig_test_empty(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 520
  975. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 520, $this->source); })()), "request", [], "any", false, false, false, 520), "query", [], "any", false, false, false, 520), "get", [0 => "search_parent_id"], "method", false, false, false, 520)))) {
  976.             // line 521
  977.             echo "                    <h2 class=\"ec-topicpath__item\">「";
  978.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 521, $this->source); })()), "vars", [], "any", false, false, false, 521), "value", [], "any", false, false, false, 521), "name", [], "any", false, false, false, 521), "html", null, true);
  979.             echo "」で検索</h2>
  980.                 ";
  981.         }
  982.         // line 523
  983.         echo "                
  984.                 ";
  985.         // line 525
  986.         echo "\t\t        ";
  987.         if ( !(null === (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 525, $this->source); })()))) {
  988.             // line 526
  989.             echo "                    <h2 class=\"ec-topicpath__item\">";
  990.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Category"]) || array_key_exists("Category", $context) ? $context["Category"] : (function () { throw new RuntimeError('Variable "Category" does not exist.', 526, $this->source); })()), "name", [], "any", false, false, false, 526), "html", null, true);
  991.             echo "</h2>
  992.                     ";
  993.             // line 527
  994.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 527, $this->source); })()), "vars", [], "any", false, false, false, 527), "value", [], "any", false, false, false, 527), "name", [], "any", false, false, false, 527)) {
  995.                 // line 528
  996.                 echo "                        <p class=\"ec-topicpath__item\">>　";
  997.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 528, $this->source); })()), "vars", [], "any", false, false, false, 528), "value", [], "any", false, false, false, 528), "name", [], "any", false, false, false, 528), "html", null, true);
  998.                 echo "</p>
  999.                     ";
  1000.             }
  1001.             // line 530
  1002.             echo "                ";
  1003.         }
  1004.         // line 531
  1005.         echo "                ";
  1006.         // line 532
  1007.         echo "                ";
  1008.         if ((isset($context["selected_categories"]) || array_key_exists("selected_categories", $context) ? $context["selected_categories"] : (function () { throw new RuntimeError('Variable "selected_categories" does not exist.', 532, $this->source); })())) {
  1009.             // line 533
  1010.             echo "                ";
  1011.             $context["first_matched"] = true;
  1012.             // line 534
  1013.             echo "    \t\t        ";
  1014.             $context['_parent'] = $context;
  1015.             $context['_seq'] = twig_ensure_traversable((isset($context["Categories"]) || array_key_exists("Categories", $context) ? $context["Categories"] : (function () { throw new RuntimeError('Variable "Categories" does not exist.', 534, $this->source); })()));
  1016.             foreach ($context['_seq'] as $context["_key"] => $context["firstCategory"]) {
  1017.                 // line 535
  1018.                 echo "    \t\t            ";
  1019.                 $context['_parent'] = $context;
  1020.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["firstCategory"], "Children", [], "any", false, false, false, 535));
  1021.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  1022.                     // line 536
  1023.                     echo "        \t\t        ";
  1024.                     if ((twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 536) == (isset($context["parent_category"]) || array_key_exists("parent_category", $context) ? $context["parent_category"] : (function () { throw new RuntimeError('Variable "parent_category" does not exist.', 536, $this->source); })()))) {
  1025.                         // line 537
  1026.                         echo "        \t\t            <h2 class=\"ec-topicpath__item\">";
  1027.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 537), "html", null, true);
  1028.                         echo "</h2>
  1029.         \t\t        ";
  1030.                     }
  1031.                     // line 539
  1032.                     echo "        \t\t            ";
  1033.                     $context['_parent'] = $context;
  1034.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Category"], "Children", [], "any", false, false, false, 539));
  1035.                     foreach ($context['_seq'] as $context["_key"] => $context["Child"]) {
  1036.                         // line 540
  1037.                         echo "                                ";
  1038.                         $context['_parent'] = $context;
  1039.                         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["Child"], "Children", [], "any", false, false, false, 540));
  1040.                         foreach ($context['_seq'] as $context["_key"] => $context["GrandChildren"]) {
  1041.                             // line 541
  1042.                             echo "                                    ";
  1043.                             if (twig_in_filter(twig_get_attribute($this->env, $this->source, $context["GrandChildren"], "id", [], "any", false, false, false, 541), (isset($context["selected_categories"]) || array_key_exists("selected_categories", $context) ? $context["selected_categories"] : (function () { throw new RuntimeError('Variable "selected_categories" does not exist.', 541, $this->source); })()))) {
  1044.                                 // line 542
  1045.                                 echo "                                        ";
  1046.                                 if ((isset($context["first_matched"]) || array_key_exists("first_matched", $context) ? $context["first_matched"] : (function () { throw new RuntimeError('Variable "first_matched" does not exist.', 542, $this->source); })())) {
  1047.                                     // line 543
  1048.                                     echo "                                            <p class=\"ec-topicpath__item\">>　";
  1049.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["GrandChildren"], "name", [], "any", false, false, false, 543), "html", null, true);
  1050.                                     echo "</p>
  1051.                                             ";
  1052.                                     // line 544
  1053.                                     $context["first_matched"] = false;
  1054.                                     // line 545
  1055.                                     echo "                                        ";
  1056.                                 } else {
  1057.                                     // line 546
  1058.                                     echo "                                            <p class=\"ec-topicpath__item\">・　";
  1059.                                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["GrandChildren"], "name", [], "any", false, false, false, 546), "html", null, true);
  1060.                                     echo "</p>
  1061.                                         ";
  1062.                                 }
  1063.                                 // line 548
  1064.                                 echo "                                    ";
  1065.                             }
  1066.                             // line 549
  1067.                             echo "                                ";
  1068.                         }
  1069.                         $_parent = $context['_parent'];
  1070.                         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['GrandChildren'], $context['_parent'], $context['loop']);
  1071.                         $context = array_intersect_key($context, $_parent) + $_parent;
  1072.                         // line 550
  1073.                         echo "                            ";
  1074.                     }
  1075.                     $_parent = $context['_parent'];
  1076.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Child'], $context['_parent'], $context['loop']);
  1077.                     $context = array_intersect_key($context, $_parent) + $_parent;
  1078.                     // line 551
  1079.                     echo "                        ";
  1080.                 }
  1081.                 $_parent = $context['_parent'];
  1082.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  1083.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1084.                 // line 552
  1085.                 echo "                    ";
  1086.             }
  1087.             $_parent = $context['_parent'];
  1088.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['firstCategory'], $context['_parent'], $context['loop']);
  1089.             $context = array_intersect_key($context, $_parent) + $_parent;
  1090.             // line 553
  1091.             echo "                    ";
  1092.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 553, $this->source); })()), "vars", [], "any", false, false, false, 553), "value", [], "any", false, false, false, 553), "name", [], "any", false, false, false, 553)) {
  1093.                 // line 554
  1094.                 echo "                        <p class=\"ec-topicpath__item\">>　";
  1095.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["search_form"]) || array_key_exists("search_form", $context) ? $context["search_form"] : (function () { throw new RuntimeError('Variable "search_form" does not exist.', 554, $this->source); })()), "vars", [], "any", false, false, false, 554), "value", [], "any", false, false, false, 554), "name", [], "any", false, false, false, 554), "html", null, true);
  1096.                 echo "</p>
  1097.                     ";
  1098.             }
  1099.             // line 556
  1100.             echo "                ";
  1101.         }
  1102.         // line 557
  1103.         echo "
  1104. \t\t\t\t";
  1105.         // line 558
  1106.         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.', 558, $this->source); })()), "totalItemCount", [], "any", false, false, false, 558) > 0)) {
  1107.             // line 559
  1108.             echo "                    ";
  1109.             echo $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("<p>(%count%冊)</p>", ["%count%" => 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.', 559, $this->source); })()), "totalItemCount", [], "any", false, false, false, 559)]);
  1110.             echo "
  1111.                 ";
  1112.         } else {
  1113.             // line 561
  1114.             echo "                    <p>";
  1115.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お探しの商品は見つかりませんでした"), "html", null, true);
  1116.             echo "</p>
  1117.                 ";
  1118.         }
  1119.         // line 563
  1120.         echo "\t\t</div>　
  1121. \t\t<!-- リストエリア -->
  1122. \t\t";
  1123.         // line 565
  1124.         if ((twig_length_filter($this->env, 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.', 565, $this->source); })()), "totalItemCount", [], "any", false, false, false, 565)) > 0)) {
  1125.             // line 566
  1126.             echo "\t\t\t<div>
  1127. \t\t\t    <div class=\"list-area\">
  1128. \t\t\t    ";
  1129.             // line 568
  1130.             $context['_parent'] = $context;
  1131.             $context['_seq'] = twig_ensure_traversable((isset($context["pagination"]) || array_key_exists("pagination", $context) ? $context["pagination"] : (function () { throw new RuntimeError('Variable "pagination" does not exist.', 568, $this->source); })()));
  1132.             $context['loop'] = [
  1133.               'parent' => $context['_parent'],
  1134.               'index0' => 0,
  1135.               'index'  => 1,
  1136.               'first'  => true,
  1137.             ];
  1138.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1139.                 $length = count($context['_seq']);
  1140.                 $context['loop']['revindex0'] = $length - 1;
  1141.                 $context['loop']['revindex'] = $length;
  1142.                 $context['loop']['length'] = $length;
  1143.                 $context['loop']['last'] = 1 === $length;
  1144.             }
  1145.             foreach ($context['_seq'] as $context["_key"] => $context["Product"]) {
  1146.                 // line 569
  1147.                 echo "                    <div class=\"card-1\">
  1148.                         <a href=\"";
  1149.                 // line 570
  1150.                 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, 570)]), "html", null, true);
  1151.                 echo "\">
  1152.                             <img src=\"";
  1153.                 // line 571
  1154.                 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, 571)), "save_image"), "html", null, true);
  1155.                 echo "\" alt=\"";
  1156.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 571), "html", null, true);
  1157.                 echo "\" ";
  1158.                 if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 571) > 5)) {
  1159.                     echo " loading=\"lazy\"";
  1160.                 }
  1161.                 echo ">
  1162.                             <h3>";
  1163.                 // line 572
  1164.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Product"], "name", [], "any", false, false, false, 572), "html", null, true);
  1165.                 echo "</h3>
  1166.                             <p class=\"price02-default\">
  1167.                                 ";
  1168.                 // line 574
  1169.                 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, 574)), "html", null, true);
  1170.                 echo "<span class=\"tax\">（税込）</span>
  1171.                             </p>
  1172.                         </a>
  1173.                     </div>
  1174.                 ";
  1175.                 ++$context['loop']['index0'];
  1176.                 ++$context['loop']['index'];
  1177.                 $context['loop']['first'] = false;
  1178.                 if (isset($context['loop']['length'])) {
  1179.                     --$context['loop']['revindex0'];
  1180.                     --$context['loop']['revindex'];
  1181.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1182.                 }
  1183.             }
  1184.             $_parent = $context['_parent'];
  1185.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Product'], $context['_parent'], $context['loop']);
  1186.             $context = array_intersect_key($context, $_parent) + $_parent;
  1187.             // line 579
  1188.             echo "                </div>
  1189.     \t\t\t<!-- ページネーション -->
  1190.     \t\t\t";
  1191.             // line 581
  1192.             $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.', 581, $this->source); })()), "paginationData", [], "any", false, false, false, 581);
  1193.             // line 582
  1194.             echo "    \t\t\t";
  1195.             if ((twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 582, $this->source); })()), "pageCount", [], "any", false, false, false, 582) > 1)) {
  1196.                 // line 583
  1197.                 echo "                    <div class=\"ec-pager pagination\">
  1198.                         ";
  1199.                 // line 585
  1200.                 echo "                        ";
  1201.                 if (twig_get_attribute($this->env, $this->source, ($context["pages"] ?? null), "previous", [], "any", true, true, false, 585)) {
  1202.                     // line 586
  1203.                     echo "                            <a class=\"page-return\" href=\"";
  1204.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 587
  1205. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 587, $this->source); })()), "request", [], "any", false, false, false, 587), "attributes", [], "any", false, false, false, 587), "get", [0 => "_route"], "method", false, false, false, 587), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 588
  1206. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 588, $this->source); })()), "request", [], "any", false, false, false, 588), "query", [], "any", false, false, false, 588), "all", [], "any", false, false, false, 588), ["pageno" => twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 588, $this->source); })()), "previous", [], "any", false, false, false, 588)])), "html", null, true);
  1207.                     echo "\">←</a>
  1208.                         ";
  1209.                 }
  1210.                 // line 590
  1211.                 echo "                        <div class=\"page-num\">
  1212.                             ";
  1213.                 // line 591
  1214.                 $context['_parent'] = $context;
  1215.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 591, $this->source); })()), "pagesInRange", [], "any", false, false, false, 591));
  1216.                 foreach ($context['_seq'] as $context["_key"] => $context["page"]) {
  1217.                     // line 592
  1218.                     echo "                                ";
  1219.                     if (($context["page"] == twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 592, $this->source); })()), "current", [], "any", false, false, false, 592))) {
  1220.                         // line 593
  1221.                         echo "                                    <a class=\"active\" href=\"";
  1222.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 594
  1223. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 594, $this->source); })()), "request", [], "any", false, false, false, 594), "attributes", [], "any", false, false, false, 594), "get", [0 => "_route"], "method", false, false, false, 594), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 595
  1224. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 595, $this->source); })()), "request", [], "any", false, false, false, 595), "query", [], "any", false, false, false, 595), "all", [], "any", false, false, false, 595), ["pageno" => $context["page"]])), "html", null, true);
  1225.                         echo "\"> ";
  1226.                         echo twig_escape_filter($this->env, $context["page"], "html", null, true);
  1227.                         echo " </a>
  1228.                                 ";
  1229.                     } else {
  1230.                         // line 597
  1231.                         echo "                                    <a href=\"";
  1232.                         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 598
  1233. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 598, $this->source); })()), "request", [], "any", false, false, false, 598), "attributes", [], "any", false, false, false, 598), "get", [0 => "_route"], "method", false, false, false, 598), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 599
  1234. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 599, $this->source); })()), "request", [], "any", false, false, false, 599), "query", [], "any", false, false, false, 599), "all", [], "any", false, false, false, 599), ["pageno" => $context["page"]])), "html", null, true);
  1235.                         echo "\"> ";
  1236.                         echo twig_escape_filter($this->env, $context["page"], "html", null, true);
  1237.                         echo " </a>
  1238.                                 ";
  1239.                     }
  1240.                     // line 601
  1241.                     echo "                            ";
  1242.                 }
  1243.                 $_parent = $context['_parent'];
  1244.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['page'], $context['_parent'], $context['loop']);
  1245.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1246.                 // line 602
  1247.                 echo "                        </div>
  1248.                         ";
  1249.                 // line 604
  1250.                 echo "                        ";
  1251.                 if (twig_get_attribute($this->env, $this->source, ($context["pages"] ?? null), "next", [], "any", true, true, false, 604)) {
  1252.                     // line 605
  1253.                     echo "                            <a class=\"page-advance\" href=\"";
  1254.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 606
  1255. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 606, $this->source); })()), "request", [], "any", false, false, false, 606), "attributes", [], "any", false, false, false, 606), "get", [0 => "_route"], "method", false, false, false, 606), twig_array_merge(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                     // line 607
  1256. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 607, $this->source); })()), "request", [], "any", false, false, false, 607), "query", [], "any", false, false, false, 607), "all", [], "any", false, false, false, 607), ["pageno" => twig_get_attribute($this->env, $this->source, (isset($context["pages"]) || array_key_exists("pages", $context) ? $context["pages"] : (function () { throw new RuntimeError('Variable "pages" does not exist.', 607, $this->source); })()), "next", [], "any", false, false, false, 607)])), "html", null, true);
  1257.                     echo "\">→</a>
  1258.                         ";
  1259.                 }
  1260.                 // line 609
  1261.                 echo "                    </div>
  1262.                 ";
  1263.             }
  1264.             // line 611
  1265.             echo "    \t    </div>
  1266.         ";
  1267.         }
  1268.         // line 613
  1269.         echo "    </div>
  1270.             
  1271. </section>
  1272. ";
  1273.         
  1274.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1276.         
  1277.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1279.     }
  1281.     public function getTemplateName()
  1282.     {
  1283.         return "Product/list.twig";
  1284.     }
  1286.     public function isTraitable()
  1287.     {
  1288.         return false;
  1289.     }
  1291.     public function getDebugInfo()
  1292.     {
  1293.         return array (  1269 => 613,  1265 => 611,  1261 => 609,  1256 => 607,  1255 => 606,  1253 => 605,  1250 => 604,  1247 => 602,  1241 => 601,  1234 => 599,  1233 => 598,  1231 => 597,  1224 => 595,  1223 => 594,  1221 => 593,  1218 => 592,  1214 => 591,  1211 => 590,  1206 => 588,  1205 => 587,  1203 => 586,  1200 => 585,  1197 => 583,  1194 => 582,  1192 => 581,  1188 => 579,  1169 => 574,  1164 => 572,  1154 => 571,  1150 => 570,  1147 => 569,  1130 => 568,  1126 => 566,  1124 => 565,  1120 => 563,  1114 => 561,  1108 => 559,  1106 => 558,  1103 => 557,  1100 => 556,  1094 => 554,  1091 => 553,  1085 => 552,  1079 => 551,  1073 => 550,  1067 => 549,  1064 => 548,  1058 => 546,  1055 => 545,  1053 => 544,  1048 => 543,  1045 => 542,  1042 => 541,  1037 => 540,  1032 => 539,  1026 => 537,  1023 => 536,  1018 => 535,  1013 => 534,  1010 => 533,  1007 => 532,  1005 => 531,  1002 => 530,  996 => 528,  994 => 527,  989 => 526,  986 => 525,  983 => 523,  977 => 521,  975 => 520,  974 => 519,  972 => 518,  966 => 513,  955 => 506,  948 => 503,  946 => 502,  941 => 499,  935 => 497,  933 => 496,  932 => 495,  924 => 489,  918 => 488,  912 => 487,  908 => 485,  900 => 481,  893 => 478,  891 => 477,  887 => 475,  879 => 472,  870 => 470,  866 => 468,  864 => 467,  859 => 466,  855 => 465,  851 => 464,  847 => 462,  843 => 461,  840 => 460,  838 => 458,  837 => 457,  836 => 456,  834 => 455,  828 => 454,  825 => 453,  820 => 452,  817 => 451,  812 => 450,  808 => 449,  804 => 447,  798 => 446,  792 => 445,  784 => 442,  779 => 441,  771 => 438,  766 => 437,  764 => 435,  763 => 434,  761 => 433,  755 => 432,  752 => 431,  747 => 430,  744 => 429,  739 => 428,  735 => 427,  729 => 425,  727 => 424,  722 => 421,  713 => 419,  710 => 418,  707 => 417,  704 => 416,  698 => 415,  692 => 414,  686 => 413,  680 => 412,  677 => 411,  665 => 409,  662 => 408,  660 => 407,  650 => 406,  647 => 405,  644 => 404,  641 => 403,  636 => 402,  631 => 401,  622 => 399,  619 => 398,  616 => 397,  611 => 396,  606 => 395,  603 => 394,  600 => 393,  597 => 392,  583 => 391,  573 => 388,  567 => 387,  561 => 385,  543 => 384,  541 => 383,  534 => 381,  530 => 379,  528 => 378,  525 => 377,  522 => 376,  519 => 375,  516 => 374,  506 => 373,  409 => 285,  399 => 278,  368 => 250,  340 => 224,  326 => 223,  318 => 222,  301 => 221,  297 => 219,  287 => 218,  77 => 16,  75 => 15,  73 => 14,  63 => 13,  52 => 11,  50 => 216,  37 => 11,);
  1294.     }
  1296.     public function getSourceContext()
  1297.     {
  1298.         return new Source("{#
  1299. This file is part of EC-CUBE
  1301. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1303. http://www.ec-cube.co.jp/
  1305. For the full copyright and license information, please view the LICENSE
  1306. file that was distributed with this source code.
  1307. #}
  1308. {% extends 'default_frame.twig' %}
  1310. {% block stylesheet %}
  1311.     {#<link rel=\"stylesheet\" href=\"{{ asset('assets/css/contents-list.css', 'user_data') }}\">#}
  1312.     {#<link rel=\"stylesheet\" href=\"{{ asset('assets/css/main_module.css', 'user_data') }}\">#}
  1313.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/page/_product_list.css', 'user_data') }}\">
  1314. <style>
  1315.     .ec-topicpath{
  1316.         display: flex;
  1317.         margin: 30px 10% 0;
  1318.     }
  1319.     .ec-topicpath a{
  1320.         color: #09860D;
  1321.     }
  1322.     .ec-topicpath__divider{
  1323.         margin: 0 5px;
  1324.     }
  1325.     
  1326.         .category-btn{
  1327.             justify-content: center;
  1328.         }
  1329.         .category-btn img{
  1330.             margin-right: 15px;
  1331.         }
  1332.         .tab {
  1333.             margin: 30px 10% 0;
  1334.         }
  1335.         
  1336.         @media screen and (max-width:768px){
  1337.             .tab img{
  1338.                 width: 15%;
  1339.             }
  1340.             .category-btn{
  1341.                 margin-bottom: 15px;
  1342.             }
  1343.         }
  1345.         .tab-list {
  1346.             display: flex;
  1347.             gap: 1px;
  1348.         }
  1349.         @media screen and (max-width:768px){
  1350.             .tab-list{
  1351.                 flex-direction: column;
  1352.             }
  1353.         }
  1355.         .tab-item {
  1356.             border-radius: 5px 5px 0 0;
  1357.             background-color: #09860D;
  1358.             border-top: solid 1px #09860D;
  1359.             border-right: solid 1px #09860D;
  1360.             border-left: solid 1px #09860D;
  1361.         }
  1362.         .tab-item a{
  1363.             color: #FFF;
  1364.             padding: 0.5em 1.2em;
  1365.             display: block;
  1366.         }
  1369.         .tab-content:has(.tab-panel.active){
  1370.             display: flex;
  1371.             justify-content: space-between;
  1372.             border-top:solid 1px #09860D;
  1373.             border-right:solid 1px #09860D;
  1374.             border-left:solid 1px #09860D;
  1375.             border-radius: 0 8px 0 0;
  1376.         }
  1377.         
  1378.         .tab-content:not(:has(.tab-panel.active)){
  1379.             display: none;
  1380.         }
  1381.         
  1382.         @media screen and (max-width:768px){
  1383.             .tab-content{
  1384.                 flex-direction: column;
  1385.                 border-radius: 0;
  1386.             }
  1387.         }
  1389.         .tab-panel {
  1390.             display: none;
  1391.         }
  1393.         .tab-item.active {
  1394.             background-color: #fff;
  1395.             font-weight: bold;
  1396.             position: relative;
  1397.         }
  1398.         
  1399.         .tab-item.active a{
  1400.             color: #09860D;
  1401.         }
  1402.         
  1403.         .tab-item.active::before{
  1404.             content: \"\";
  1405.             width: 100%;
  1406.             border-bottom: 1px solid  #FFF;
  1407.             position: absolute;
  1408.             bottom: -1px;
  1409.             left: 0;
  1410.         }
  1412.         .tab-panel.active {
  1413.             display: flex;
  1414.             padding: 3%;
  1415.             flex-wrap: wrap;
  1416.             gap:20px 20px;
  1417.             flex: 10;
  1418.         }
  1419.         @media screen and (max-width:768px){
  1420.             .tab-panel.active{
  1421.                 justify-content: center;
  1422.                 
  1423.             }
  1424.         }
  1426.         .tab-panel.active h2 {
  1427.             font-size: 20px;
  1428.             font-weight: bold;
  1429.         }
  1430.         
  1431.         .search-form-box{
  1432.             border: solid 1px #09860D;
  1433.             border-radius: 0 0 8px 8px;
  1434.         }
  1435.         
  1436.         .tab-content:not(:has(.active)) + .search-form-box{
  1437.             border-radius: 0 8px 8px 8px;
  1438.         }
  1440.         .search-form-box .search-form-content{
  1441.             display: flex;
  1442.             justify-content: space-between;
  1443.         }
  1444.         @media screen and (max-width:768px){
  1445.             .search-form-box .search-form-content{
  1446.                 flex-direction: column;
  1447.                 
  1448.             }
  1449.         }
  1450.         .search-form-box .search-form-item{
  1451.             padding: 3%;
  1452.         }
  1453.         @media screen and (max-width:768px){
  1454.             .search-form-box .search-form-item{
  1455.                 margin: 0 auto;
  1456.                 
  1457.             }
  1458.         }
  1459.         
  1460.         .search-form-box .search-form-input{
  1461.             -webkit-appearance: none;
  1462.             -moz-appearance:none;
  1463.             appearance: none;
  1464.             border:1px solid #09860d;
  1465.             border-radius:25px;
  1466.             width: 30vw;
  1467.             padding-left: 20px;
  1468.             height: 36px;
  1469.             background-color: #f5f5f5;
  1470.         }
  1471.         @media screen and (max-width:768px){
  1472.             .search-form-box .search-form-input{
  1473.                 width: 50vw;
  1474.                 box-sizing: border-box;
  1475.             }
  1476.             .search-form-box .search-form-input::placeholder{
  1477.                 font-size: 2vw;
  1478.             }
  1479.         }
  1480.         
  1481.         select{
  1482.             background:none;
  1483.             appearance: none;
  1484.             font:inherit;
  1485.             padding:9.5px 10px;
  1486.             border:1px solid #09860d;
  1487.             box-sizing: border-box;
  1488.             width: 250px;
  1489.             border-radius:2px;
  1490.         }
  1491.         
  1492.         .select {
  1493.           display: inline-block;
  1494.           position: relative;
  1495.           vertical-align: middle;
  1496.         }
  1497.         
  1498.         .select::before {
  1499.           position: absolute;
  1500.           top: 18px;
  1501.           right: 16px;
  1502.           width: 0;
  1503.           height: 0;
  1504.           border-width: 10px 5px 0 5px;
  1505.           border-style: solid;
  1506.           border-color: #09860d transparent transparent transparent;
  1507.           content: \"\";
  1508.           pointer-events: none;
  1509.         }
  1510.     </style>
  1511. {% endblock %}
  1513. {% set body_class = 'product_page' %}
  1515. {% block javascript %}
  1516.     <script>
  1517.         eccube.productsClassCategories = {
  1518.             {% for Product in pagination %}
  1519.             \"{{ Product.id|escape('js') }}\": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  1520.             {% endfor %}
  1521.         };
  1523.         \$(function() {
  1525.             // 表示件数を変更
  1526.             \$('.disp-number').change(function() {
  1527.                 var dispNumber = \$(this).val();
  1528.                 \$('#disp_number').val(dispNumber);
  1529.                 \$('#pageno').val(1);
  1530.                 \$(\"#form1\").submit();
  1531.             });
  1533.             // // 並び順を変更
  1534.             \$('.order-by').change(function() {
  1535.                 var orderBy = \$(this).val();
  1536.                 \$('#orderby').val(orderBy);
  1537.                 \$('#pageno').val(1);
  1538.                 \$(\"#form1\").submit();
  1539.             });
  1541.             \$('.add-cart').on('click', function(e) {
  1542.                 var \$form = \$(this).parents('li').find('form');
  1544.                 // 個数フォームのチェック
  1545.                 var \$quantity = \$form.parent().find('.quantity');
  1546.                 if (\$quantity.val() < 1) {
  1547.                     \$quantity[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  1548.                     setTimeout(function() {
  1549.                         loadingOverlay('hide');
  1550.                     }, 100);
  1551.                     return true;
  1552.                 } else {
  1553.                     \$quantity[0].setCustomValidity('');
  1554.                 }
  1555.                 e.preventDefault();
  1556.                 \$.ajax({
  1557.                     url: \$form.attr('action'),
  1558.                     type: \$form.attr('method'),
  1559.                     data: \$form.serialize(),
  1560.                     dataType: 'json',
  1561.                     beforeSend: function(xhr, settings) {
  1562.                         // Buttonを無効にする
  1563.                         \$('.add-cart').prop('disabled', true);
  1564.                     }
  1565.                 }).done(function(data) {
  1566.                     // レスポンス内のメッセージをalertで表示
  1567.                     \$.each(data.messages, function() {
  1568.                         \$('#ec-modal-header').html(this);
  1569.                     });
  1571.                     \$('.ec-modal').show()
  1573.                     // カートブロックを更新する
  1574.                     \$.ajax({
  1575.                         url: '{{ url('block_cart') }}',
  1576.                         type: 'GET',
  1577.                         dataType: 'html'
  1578.                     }).done(function(html) {
  1579.                         \$('.ec-headerRole__cart').html(html);
  1580.                     });
  1581.                 }).fail(function(data) {
  1582.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  1583.                 }).always(function(data) {
  1584.                     // Buttonを有効にする
  1585.                     \$('.add-cart').prop('disabled', false);
  1586.                 });
  1587.             });
  1588.         });
  1590.         \$('.ec-modal-wrap').on('click', function(e) {
  1591.             // モーダル内の処理は外側にバブリングさせない
  1592.             e.stopPropagation();
  1593.         });
  1594.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1595.             \$('.ec-modal').hide()
  1596.         });
  1597.         
  1598.     </script>
  1599.     <script>
  1600.     //  絞り込み検索は、絞り込み検索ボタンが押されたとき、もしくは入力欄にフォーカスされたときに、
  1601.     //  enterを押したときのみ発動する。カテゴリ検索を押したときは発火させない
  1602.         document.addEventListener('DOMContentLoaded', function () {
  1603.             const form = document.querySelector('.tab');
  1604.             const categoryBtn = form.querySelector('button[name=\"search_parent_id\"]:not(.word-search)');
  1605.             const wordBtn = form.querySelector('.category-btn.word-search');
  1606.             const wordInput = form.querySelector('input.search-form-input');
  1607.         
  1608.             // カテゴリ検索 → name を送らせない
  1609.             categoryBtn.addEventListener('click', function () {
  1610.                 if (wordInput) {
  1611.                     wordInput.disabled = true;
  1612.                 }
  1613.             });
  1614.         
  1615.             // 絞り込み検索 → name を有効化
  1616.             wordBtn?.addEventListener('click', function () {
  1617.                 if (wordInput) {
  1618.                     wordInput.disabled = false;
  1619.                 }
  1620.             });
  1621.         
  1622.             // Enterキーで submit 時に絞り込み検索の値を送信するための hidden input 挿入
  1623.             form.addEventListener('submit', function (e) {
  1624.                 if (document.activeElement === wordInput) {
  1625.                     e.preventDefault();
  1626.         
  1627.                     // 既に存在していたら除去（2重防止）
  1628.                     const existingHidden = form.querySelector('input[name=\"search_parent_id\"].auto-injected');
  1629.                     if (existingHidden) {
  1630.                         existingHidden.remove();
  1631.                     }
  1632.         
  1633.                     // ボタンのvalue属性をそのまま使う
  1634.                     const valueFromButton = wordBtn?.getAttribute('value') || '';
  1635.         
  1636.                     const hidden = document.createElement('input');
  1637.                     hidden.type = 'hidden';
  1638.                     hidden.name = 'search_parent_id';
  1639.                     hidden.value = valueFromButton;
  1640.                     hidden.classList.add('auto-injected');
  1641.                     form.appendChild(hidden);
  1642.                     if (wordInput) {
  1643.                         wordInput.disabled = false;
  1644.                     }
  1645.                     form.submit();
  1646.                 }
  1647.             });
  1648.         });
  1649.         
  1650.         // カテゴリの詳細検索に値が入っていない場合、buttonのnameの値をcategory_idに変更する
  1651.         document.addEventListener('DOMContentLoaded', function () {
  1652.             const form = document.querySelector('.tab');
  1653.             const submitBtn = form.querySelector('button.category-btn');
  1654.             const categorySelects = form.querySelectorAll('select[name=\"category_ids[]\"]');
  1655.         
  1656.             form.addEventListener('submit', function (e) {
  1657.                 // category_ids[] に選択されている値が1つもない場合、ボタンのnameを変更
  1658.                 const hasValue = Array.from(categorySelects).some(select => select.value && select.value !== '');
  1659.         
  1660.                 if (!hasValue) {
  1661.                     submitBtn.setAttribute('name', 'category_id');
  1662.                 } else {
  1663.                     submitBtn.setAttribute('name', 'search_parent_id');
  1664.                 }
  1665.             });
  1666.         });
  1667.     </script>
  1668. {% endblock %}
  1670. {% block main %}
  1671.     {% set AllCategories = repository('Eccube\\\\Entity\\\\Category').getList() %}
  1672.     {% set Categories = AllCategories|filter(c => c.id is not null and c.id == 1) %}
  1673.     {% set selected_categories = app.request.query.get('category_ids', []) %}
  1674.     {% set parent_category = app.request.query.get('search_parent_id') %}
  1675.     {#パンくず#}
  1676.         <div class=\"ec-searchnavRole__topicpath\">
  1677.             <ol class=\"ec-topicpath\">
  1678.                 <li class=\"ec-topicpath__item\"><a href=\"{{ url('product_list') }}\">{{ 'front.product.all_category'|trans }}</a>
  1679.                 </li>
  1680.                 {% if Category is not null %}
  1681.                     {% for Path in Category.path %}
  1682.                         {% if not loop.first %} 
  1683.                             <li class=\"ec-topicpath__divider\">></li>
  1684.                             <li class=\"ec-topicpath__item{% if loop.last %}--active{% endif %}\">
  1685.                                 <a href=\"{{ url('product_list') }}?category_id={{ Path.id }}\">{{ Path.name }}</a>
  1686.                             </li>
  1687.                         {% endif %}
  1688.                     {% endfor %}
  1689.                 {% endif %}
  1690.                 {% if selected_categories %}
  1691.                 {% set first_matched = true %}
  1692.     \t\t        {% for Category in Categories %}
  1693.     \t\t            {% for children in Category.Children %}
  1694.             \t\t        {% if children.id == parent_category %}
  1695.             \t\t            <li class=\"ec-topicpath__divider\">></li>
  1696.             \t\t            <li><a href=\"{{ url('product_list') }}?category_id={{ children.id }}\">{{ children.name }}</a></li>
  1697.             \t\t        {% endif %}
  1698.             \t\t            {% for grandChildren in children.Children %}
  1699.                                     {% for grandgrandChild in grandChildren.Children %}
  1700.                                         {% if grandgrandChild.id in selected_categories %}
  1701.                                             {% if first_matched %}
  1702.                                                 <li class=\"ec-topicpath__divider\">></li>
  1703.                                                 <li><a href=\"{{ url('product_list') }}?category_ids[]={{ grandgrandChild.id }}&search_parent_id={{parent_category}}\">{{ grandgrandChild.name }}</a></li>
  1704.                                                 {% set first_matched = false %}
  1705.                                             {% else %}
  1706.                                                 <li><a href=\"{{ url('product_list') }}?category_ids[]={{ grandgrandChild.id }}&search_parent_id={{parent_category}}\">・{{ grandgrandChild.name }}</a></li>
  1707.                                             {% endif %}
  1708.                                         {% endif %}
  1709.                                     {% endfor %}
  1710.                                 {% endfor %}
  1711.                             {% endfor %}
  1712.                     {% endfor %}
  1713.                 {% endif %}
  1714.                 {% if search_form.vars.value.name %}
  1715.                     <li class=\"ec-topicpath__divider\">></li>
  1716.                     <li class=\"ec-topicpath__item\"><a href=\"{{ url('product_list') }}?name={{ search_form.vars.value.name }}\">{{ search_form.vars.value.name }}</a></li>
  1717.                 {% endif %}
  1718.             </ol>
  1719.         </div>
  1720.     <!-- カテゴリ検索 -->
  1721.     {% if app.request.query.get('category_id') or app.request.query.get('search_parent_id') %}
  1722.         <form action=\"{{ url('product_list') }}\" method=\"get\" class=\"tab\" >
  1723.             <ul class=\"tab-list\">
  1724.                 {% for tab in Categories%}
  1725.                     {% for children in tab.Children %}
  1726.                         {% set children_ids = [] %}
  1727.                         {% for grandChild in children.Children %}
  1728.                             {% set children_ids = children_ids|merge([grandChild.id]) %}
  1729.                         {% endfor %}
  1730.                             {% if children.id == app.request.query.get('category_id')
  1731.                             or children.id == app.request.query.get('search_parent_id')
  1732.                             or app.request.query.get('category_id') in children_ids
  1733.                             %}
  1734.                                 <li class=\"tab-item active\" tabindex=\"0\" id=\"{{children.id}}\">
  1735.                                     <a href=\"{{ url('product_list', {'category_id': children.id}) }}\">{{children.name}}</a>
  1736.                                 </li>
  1737.                             {% else %}
  1738.                                 <li class=\"tab-item\" tabindex=\"0\" id=\"{{children.id}}\">
  1739.                                     <a href=\"{{ url('product_list', {'category_id': children.id}) }}\">{{children.name}}</a>
  1740.                                 </li>
  1741.                             {% endif %}
  1742.                     {% endfor %}
  1743.                 {% endfor %}
  1744.             </ul>
  1745.             <div class=\"tab-content\" id=\"category-form\">
  1746.                 {% for Category in Categories%}
  1747.                     {% for children in Category.Children %}
  1748.                         {% set children_ids = [] %}
  1749.                         {% for grandChild in children.Children %}
  1750.                             {% set children_ids = children_ids|merge([grandChild.id]) %}
  1751.                         {% endfor %}
  1752.                         {% if (children.id == app.request.query.get('category_id')
  1753.                         or children.id == app.request.query.get('search_parent_id')
  1754.                         or app.request.query.get('category_id') in children_ids)
  1755.                         and children.Children is not empty
  1756.                         %}
  1757.                             <div class=\"tab-panel active\">
  1758.                                     {% for grandChild in children.Children%}
  1759.                                     <div class=select>
  1760.                                         <select name=\"category_ids[]\">
  1761.                                             <option value=\"\">{{grandChild.name}}から選択</option>
  1762.                                                 {% for grandgrandchild in grandChild.Children %}
  1763.                                                     <option value=\"{{grandgrandchild.id}}\"
  1764.                                                         {% if grandgrandchild.id in selected_categories %}
  1765.                                                             selected
  1766.                                                         {% endif %}
  1767.                                                     >{{grandgrandchild.name}}</option>
  1768.                                                 {% endfor %}
  1769.                                         </select>
  1770.                                     </div>
  1771.                                     {% endfor %}
  1772.                             </div>
  1773.                             <button type=\"submit\" class=\"category-btn\" name=\"search_parent_id\"
  1774.                             {% if app.request.query.get('category_id') or app.request.query.get('search_parent_id') %}
  1775.                             value=\"{{ app.request.query.get('category_id') ?: app.request.query.get('search_parent_id') }}\"
  1776.                             >
  1777.                             {% endif %}
  1778.                                 <img src=\"{{ asset('/html/user_data/assets/icon/btn_ic_search.svg ', 'user_data') }}\" alt=\"お気に入り\">
  1779.                                 カテゴリ検索
  1780.                             </button>
  1781.                         {% else %}
  1782.                             <div class=\"tab-panel\"></div>
  1783.                         {% endif %}
  1784.                     {% endfor %}
  1785.                 {% endfor %}
  1786.             </div>
  1787.             <div class=\"search-form-box\">
  1788.                 <div class=\"search-form-content\">
  1789.                     <div class=\"search-form-item\">
  1790.                         <input type=\"text\" name=\"name\" class=\"search-form-input\"
  1791.                         placeholder=\"カテゴリから絞り込み\"
  1792.                         {% if search_form.vars.value.name
  1793.                         and (app.request.query.get('search_parent_id') is not empty or app.request.query.get('category_id') is not empty) %}
  1794.                         value=\"{{ search_form.vars.value.name }}\"
  1795.                         {% endif %}
  1796.                         >
  1797.                     </div>
  1798.                     <button type=\"submit\" class=\"category-btn word-search\" name=\"search_parent_id\"
  1799.                         {% if app.request.query.get('category_id') or app.request.query.get('search_parent_id') %}
  1800.                         value=\"{{ app.request.query.get('category_id') ?: app.request.query.get('search_parent_id') }}\"
  1801.                         >
  1802.                         {% endif%}
  1803.                         <img src=\"{{ asset('/html/user_data/assets/icon/btn_ic_search.svg ', 'user_data') }}\" alt=\"お気に入り\">
  1804.                         絞り込み検索
  1805.                     </button>
  1806.                 </div>
  1807.             </div>
  1808.         </form>
  1809.     {% endif %}
  1810. <section class=\"contents-list\">
  1811. \t<!-- 商品リスト -->
  1812. \t<div class=\"list-view\">
  1813. \t\t<div class=\"list-title\">
  1814. \t\t        {#カテゴリが存在しない(全体検索の場合)#}
  1815.                 {% if search_form.vars.value.name
  1816.                 and app.request.query.get('category_id') is empty
  1817.                 and app.request.query.get('search_parent_id') is empty%}
  1818.                     <h2 class=\"ec-topicpath__item\">「{{ search_form.vars.value.name }}」で検索</h2>
  1819.                 {% endif %}
  1820.                 
  1821.                 {#カテゴリが存在する場合(単純にカテゴリナビから言った場合など)#}
  1822. \t\t        {% if Category is not null %}
  1823.                     <h2 class=\"ec-topicpath__item\">{{ Category.name }}</h2>
  1824.                     {% if search_form.vars.value.name %}
  1825.                         <p class=\"ec-topicpath__item\">>　{{ search_form.vars.value.name }}</p>
  1826.                     {% endif %}
  1827.                 {% endif %}
  1828.                 {#カテゴリの詳細検索を使った場合#}
  1829.                 {% if selected_categories %}
  1830.                 {% set first_matched = true %}
  1831.     \t\t        {% for firstCategory in Categories %}
  1832.     \t\t            {% for Category in firstCategory.Children %}
  1833.         \t\t        {% if Category.id == parent_category %}
  1834.         \t\t            <h2 class=\"ec-topicpath__item\">{{ Category.name }}</h2>
  1835.         \t\t        {% endif %}
  1836.         \t\t            {% for Child in Category.Children %}
  1837.                                 {% for GrandChildren in Child.Children %}
  1838.                                     {% if GrandChildren.id in selected_categories %}
  1839.                                         {% if first_matched %}
  1840.                                             <p class=\"ec-topicpath__item\">>　{{ GrandChildren.name }}</p>
  1841.                                             {% set first_matched = false %}
  1842.                                         {% else %}
  1843.                                             <p class=\"ec-topicpath__item\">・　{{ GrandChildren.name }}</p>
  1844.                                         {% endif %}
  1845.                                     {% endif %}
  1846.                                 {% endfor %}
  1847.                             {% endfor %}
  1848.                         {% endfor %}
  1849.                     {% endfor %}
  1850.                     {% if search_form.vars.value.name %}
  1851.                         <p class=\"ec-topicpath__item\">>　{{ search_form.vars.value.name }}</p>
  1852.                     {% endif %}
  1853.                 {% endif %}
  1855. \t\t\t\t{% if pagination.totalItemCount > 0 %}
  1856.                     {{ '<p>(%count%冊)</p>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  1857.                 {% else %}
  1858.                     <p>{{ 'お探しの商品は見つかりませんでした'|trans }}</p>
  1859.                 {% endif %}
  1860. \t\t</div>　
  1861. \t\t<!-- リストエリア -->
  1862. \t\t{% if pagination.totalItemCount|length > 0 %}
  1863. \t\t\t<div>
  1864. \t\t\t    <div class=\"list-area\">
  1865. \t\t\t    {% for Product in pagination %}
  1866.                     <div class=\"card-1\">
  1867.                         <a href=\"{{ url('product_detail', {'id': Product.id}) }}\">
  1868.                             <img src=\"{{ asset(Product.main_list_image|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" {% if loop.index > 5 %} loading=\"lazy\"{% endif %}>
  1869.                             <h3>{{ Product.name }}</h3>
  1870.                             <p class=\"price02-default\">
  1871.                                 {{ Product.getPrice02IncTaxMin|price }}<span class=\"tax\">（税込）</span>
  1872.                             </p>
  1873.                         </a>
  1874.                     </div>
  1875.                 {% endfor %}
  1876.                 </div>
  1877.     \t\t\t<!-- ページネーション -->
  1878.     \t\t\t{% set pages = pagination.paginationData %}
  1879.     \t\t\t{% if pages.pageCount > 1 %}
  1880.                     <div class=\"ec-pager pagination\">
  1881.                         {# 前へ #}
  1882.                         {% if pages.previous is defined %}
  1883.                             <a class=\"page-return\" href=\"{{ path(
  1884.                             app.request.attributes.get('_route'),
  1885.                             app.request.query.all|merge({'pageno': pages.previous})) }}\">←</a>
  1886.                         {% endif %}
  1887.                         <div class=\"page-num\">
  1888.                             {% for page in pages.pagesInRange %}
  1889.                                 {% if page == pages.current %}
  1890.                                     <a class=\"active\" href=\"{{ path(
  1891.                                         app.request.attributes.get('_route'),
  1892.                                         app.request.query.all|merge({'pageno': page})) }}\"> {{ page }} </a>
  1893.                                 {% else %}
  1894.                                     <a href=\"{{ path(
  1895.                                         app.request.attributes.get('_route'),
  1896.                                         app.request.query.all|merge({'pageno': page})) }}\"> {{ page }} </a>
  1897.                                 {% endif %}
  1898.                             {% endfor %}
  1899.                         </div>
  1900.                         {# 次へ #}
  1901.                         {% if pages.next is defined %}
  1902.                             <a class=\"page-advance\" href=\"{{ path(
  1903.                             app.request.attributes.get('_route'),
  1904.                             app.request.query.all|merge({'pageno': pages.next})) }}\">→</a>
  1905.                         {% endif %}
  1906.                     </div>
  1907.                 {% endif %}
  1908.     \t    </div>
  1909.         {% endif %}
  1910.     </div>
  1911.             
  1912. </section>
  1913. {% endblock %}", "Product/list.twig", "/home/photo-pub/www/photo-pub.com/app/template/default/Product/list.twig");
  1914.     }
  1915. }