var/cache/dev/twig/a5/a5c8306c9ee5d23cb5020f6765d1ae7ea87714084db4fe1d4a3b82caba565334.php line 40

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/detail.twig */
  16. class __TwigTemplate_77a6d9e00f1bcf5c8733be162b18c3291e10140b8d989738f4bd8ea2d37e5fd5 extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <link rel=\"stylesheet\" href=\"";
  74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/swiper-bundle.min.css"), "html", null, true);
  75.         echo "\">
  76.     <link rel=\"stylesheet\" href=\"";
  77.         // line 17
  78.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/product-detail.css"), "html", null, true);
  79.         echo "\">
  80. ";
  81.         
  82.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  84.         
  85.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  87.     }
  89.     // line 20
  90.     public function block_javascript($context, array $blocks = [])
  91.     {
  92.         $macros = $this->macros;
  93.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  94.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  96.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  97.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  99.         // line 21
  100.         echo "    <script>
  101.         eccube.classCategories = ";
  102.         // line 22
  103.         echo $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getClassCategoriesAsJson((isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 22, $this->source); })()));
  104.         echo ";
  106.         // 規格2に選択肢を割り当てる。
  107.         function fnSetClassCategories(form, classcat_id2_selected) {
  108.             var \$form = \$(form);
  109.             var product_id = \$form.find('input[name=product_id]').val();
  110.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  111.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  112.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  113.         }
  115.         ";
  116.         // line 33
  117.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 33)) {
  118.             // line 34
  119.             echo "        fnSetClassCategories(
  120.             \$('#form1'), ";
  121.             // line 35
  122.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 35, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 35), "vars", [], "any", false, false, false, 35), "value", [], "any", false, false, false, 35));
  123.             echo "
  124.         );
  125.         ";
  126.         } elseif (twig_get_attribute($this->env, $this->source,         // line 37
  127. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 37)) {
  128.             // line 38
  129.             echo "        eccube.checkStock(\$('#form1'), ";
  130.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 38, $this->source); })()), "id", [], "any", false, false, false, 38), "html", null, true);
  131.             echo ", ";
  132.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 38, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 38), "vars", [], "any", false, false, false, 38), "value", [], "any", false, false, false, 38));
  133.             echo ", null);
  134.         ";
  135.         }
  136.         // line 40
  137.         echo "    </script>
  138.     <script src=\"";
  139.         // line 41
  140.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/swiper-bundle.min.js"), "html", null, true);
  141.         echo "\"></script>
  142.     <script>
  143.         document.addEventListener('DOMContentLoaded', function() {
  144.             // bfcache無効化
  145.             window.addEventListener('pageshow', function(event) {
  146.                 if (event.persisted) {
  147.                     location.reload(true);
  148.                 }
  149.             });
  151.             // Thumbnails swiper
  152.             const thumbnailsSwiper = new Swiper('#product-detail-thumbnails-swiper-desktop', {
  153.                 spaceBetween: 6,
  154.                 slidesPerView: 4,
  155.                 freeMode: true,
  156.                 watchSlidesProgress: true,
  157.                 breakpoints: {
  158.                     0: {
  159.                         slidesPerView: 3,
  160.                     },
  161.                     600: {
  162.                         slidesPerView: 4,
  163.                     },
  164.                 },
  165.             });
  167.             // Main swiper
  168.             const mainSwiper = new Swiper('#product-detail-main-swiper-desktop', {
  169.                 spaceBetween: 0,
  170.                 slidesPerView: 1,
  171.                 thumbs: {
  172.                     swiper: thumbnailsSwiper,
  173.                 },
  174.             });
  176.             // Quantity controls
  177.             const quantityInput = document.querySelector('#quantity');
  178.             const quantityValue = document.querySelector('.product-info__quantity-value');
  179.             const minusBtn = document.querySelector('.product-info__quantity-btn--minus');
  180.             const plusBtn = document.querySelector('.product-info__quantity-btn--plus');
  182.             if (minusBtn && plusBtn && quantityInput) {
  183.                 minusBtn.addEventListener('click', function() {
  184.                     const currentValue = parseInt(quantityInput.value) || 1;
  185.                     if (currentValue > 1) {
  186.                         quantityInput.value = currentValue - 1;
  187.                         if (quantityValue) {
  188.                             quantityValue.textContent = quantityInput.value;
  189.                         }
  190.                     }
  191.                 });
  193.                 plusBtn.addEventListener('click', function() {
  194.                     const currentValue = parseInt(quantityInput.value) || 1;
  195.                     quantityInput.value = currentValue + 1;
  196.                     if (quantityValue) {
  197.                         quantityValue.textContent = quantityInput.value;
  198.                     }
  199.                 });
  201.                 // Update display when input changes
  202.                 quantityInput.addEventListener('change', function() {
  203.                     if (quantityValue) {
  204.                         quantityValue.textContent = this.value;
  205.                     }
  206.                 });
  208.                 // Initial display
  209.                 if (quantityValue) {
  210.                     quantityValue.textContent = quantityInput.value || 1;
  211.                 }
  212.             }
  213.         });
  214.     </script>
  215.     <script>
  216.         \$(function() {
  217.             \$('.add-cart').on('click', function(event) {
  218.                 ";
  219.         // line 118
  220.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 118)) {
  221.             // line 119
  222.             echo "                // 規格1フォームの必須チェック
  223.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  224.                     \$('#classcategory_id1')[0].setCustomValidity('";
  225.             // line 121
  226.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.product_class_unselected"), "html", null, true);
  227.             echo "');
  228.                     return true;
  229.                 } else {
  230.                     \$('#classcategory_id1')[0].setCustomValidity('');
  231.                 }
  232.                 ";
  233.         }
  234.         // line 127
  235.         echo "
  236.                 ";
  237.         // line 128
  238.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 128)) {
  239.             // line 129
  240.             echo "                // 規格2フォームの必須チェック
  241.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  242.                     \$('#classcategory_id2')[0].setCustomValidity('";
  243.             // line 131
  244.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.product_class_unselected"), "html", null, true);
  245.             echo "');
  246.                     return true;
  247.                 } else {
  248.                     \$('#classcategory_id2')[0].setCustomValidity('');
  249.                 }
  250.                 ";
  251.         }
  252.         // line 137
  253.         echo "
  254.                 // 個数フォームのチェック
  255.                 const quantityInput = \$('#quantity');
  256.                 if (quantityInput.length > 0) {
  257.                     if (quantityInput.val() < 1) {
  258.                         quantityInput[0].setCustomValidity('";
  259.         // line 142
  260.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.invalid_quantity"), "html", null, true);
  261.         echo "');
  262.                         return true;
  263.                     } else {
  264.                         quantityInput[0].setCustomValidity('');
  265.                     }
  266.                 }
  268.                 event.preventDefault();
  269.                 \$form = \$('#form1');
  270.                 \$.ajax({
  271.                     url: \$form.attr('action'),
  272.                     type: \$form.attr('method'),
  273.                     data: \$form.serialize(),
  274.                     dataType: 'json',
  275.                     beforeSend: function(xhr, settings) {
  276.                         // Buttonを無効にする
  277.                         \$('.add-cart').prop('disabled', true);
  278.                     }
  279.                 }).done(function(data) {
  280.                     // レスポンス内のメッセージをalertで表示
  281.                     \$.each(data.messages, function() {
  282.                         \$('#ec-modal-header').html(this);
  283.                     });
  285.                     \$('.ec-modal').show()
  287.                     // カートブロックを更新する
  288.                     \$.ajax({
  289.                         url: \"";
  290.         // line 170
  291.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  292.         echo "\",
  293.                         type: 'GET',
  294.                         dataType: 'html'
  295.                     }).done(function(html) {
  296.                         \$('.ec-headerRole__cart').html(html);
  297.                     });
  298.                 }).fail(function(data) {
  299.                     alert('";
  300.         // line 177
  301.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.add_cart_error"), "html", null, true);
  302.         echo "');
  303.                 }).always(function(data) {
  304.                     // Buttonを有効にする
  305.                     \$('.add-cart').prop('disabled', false);
  306.                 });
  307.             });
  308.         });
  310.         \$('.ec-modal-wrap').on('click', function(e) {
  311.             // モーダル内の処理は外側にバブリングさせない
  312.             e.stopPropagation();
  313.         });
  314.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  315.             \$('.ec-modal').hide()
  316.         });
  318.         function reloadPage() {
  319.             window.location.reload();
  320.         }
  321.     </script>
  322.     <script type=\"application/ld+json\">
  323.     {
  324.         \"@context\": \"https://schema.org/\",
  325.         \"@type\": \"Product\",
  326.         \"name\": \"";
  327.         // line 201
  328.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 201, $this->source); })()), "name", [], "any", false, false, false, 201), "html", null, true);
  329.         echo "\",
  330.         \"image\": [
  331.             ";
  332.         // line 203
  333.         $context['_parent'] = $context;
  334.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 203, $this->source); })()), "ProductImage", [], "any", false, false, false, 203));
  335.         $context['_iterated'] = false;
  336.         $context['loop'] = [
  337.           'parent' => $context['_parent'],
  338.           'index0' => 0,
  339.           'index'  => 1,
  340.           'first'  => true,
  341.         ];
  342.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  343.             $length = count($context['_seq']);
  344.             $context['loop']['revindex0'] = $length - 1;
  345.             $context['loop']['revindex'] = $length;
  346.             $context['loop']['length'] = $length;
  347.             $context['loop']['last'] = 1 === $length;
  348.         }
  349.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  350.             // line 204
  351.             echo "                \"";
  352.             echo twig_escape_filter($this->env, 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.', 204, $this->source); })()), "request", [], "any", false, false, false, 204), "schemeAndHttpHost", [], "any", false, false, false, 204), "html", null, true);
  353.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  354.             echo "\"";
  355.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 204)) {
  356.                 echo ",";
  357.             }
  358.             // line 205
  359.             echo "
  360.             ";
  361.             $context['_iterated'] = true;
  362.             ++$context['loop']['index0'];
  363.             ++$context['loop']['index'];
  364.             $context['loop']['first'] = false;
  365.             if (isset($context['loop']['length'])) {
  366.                 --$context['loop']['revindex0'];
  367.                 --$context['loop']['revindex'];
  368.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  369.             }
  370.         }
  371.         if (!$context['_iterated']) {
  372.             // line 207
  373.             echo "                \"";
  374.             echo twig_escape_filter($this->env, 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.', 207, $this->source); })()), "request", [], "any", false, false, false, 207), "schemeAndHttpHost", [], "any", false, false, false, 207), "html", null, true);
  375.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  376.             echo "\"
  377.             ";
  378.         }
  379.         $_parent = $context['_parent'];
  380.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  381.         $context = array_intersect_key($context, $_parent) + $_parent;
  382.         // line 209
  383.         echo "        ],
  384.         \"description\": \"";
  385.         // line 210
  386.         echo twig_escape_filter($this->env, twig_slice($this->env, twig_replace_filter(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", true, true, false, 210)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 210), twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 210, $this->source); })()), "description_detail", [], "any", false, false, false, 210))) : (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 210, $this->source); })()), "description_detail", [], "any", false, false, false, 210))), ["
  387. " => "", " " => ""]), 0, 300), "html", null, true);
  388.         echo "\",
  389.         ";
  390.         // line 211
  391.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 211, $this->source); })()), "code_min", [], "any", false, false, false, 211)) {
  392.             // line 212
  393.             echo "        \"sku\": \"";
  394.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 212, $this->source); })()), "code_min", [], "any", false, false, false, 212), "html", null, true);
  395.             echo "\",
  396.         ";
  397.         }
  398.         // line 214
  399.         echo "        \"offers\": {
  400.             \"@type\": \"Offer\",
  401.             \"url\": \"";
  402.         // line 216
  403.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_detail", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 216, $this->source); })()), "id", [], "any", false, false, false, 216)]), "html", null, true);
  404.         echo "\",
  405.             \"priceCurrency\": \"";
  406.         // line 217
  407.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["eccube_config"]) || array_key_exists("eccube_config", $context) ? $context["eccube_config"] : (function () { throw new RuntimeError('Variable "eccube_config" does not exist.', 217, $this->source); })()), "currency", [], "any", false, false, false, 217), "html", null, true);
  408.         echo "\",
  409.             \"price\": ";
  410.         // line 218
  411.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 218, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 218)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 218, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 218), "html", null, true))) : (print (0)));
  412.         echo ",
  413.             \"availability\": \"";
  414.         // line 219
  415.         echo ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 219, $this->source); })()), "stock_find", [], "any", false, false, false, 219)) ? ("InStock") : ("OutOfStock"));
  416.         echo "\"
  417.         }
  418.     }
  419.     </script>
  420. ";
  421.         
  422.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  424.         
  425.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  427.     }
  429.     // line 225
  430.     public function block_main($context, array $blocks = [])
  431.     {
  432.         $macros = $this->macros;
  433.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  434.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  436.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  437.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  439.         // line 226
  440.         echo "    <div class=\"contact_wrapper body-section-ui\">
  441.         <!-- breadcrumb -->
  442.         <nav class=\"breadcrumb\" aria-label=\"パンくずリスト\">
  443.             <a class=\"breadcrumb__item\" href=\"";
  444.         // line 229
  445.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  446.         echo "\">ホーム</a>
  447.             <img class=\"breadcrumb__separator\" src=\"";
  448.         // line 230
  449.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-breadcrumb-separator.svg"), "html", null, true);
  450.         echo "\" alt=\"\" width=\"12\" height=\"12\" />
  451.             ";
  452.         // line 231
  453.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 231, $this->source); })()), "ProductCategories", [], "any", false, false, false, 231))) {
  454.             // line 232
  455.             echo "                ";
  456.             $context["firstCategory"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 232, $this->source); })()), "ProductCategories", [], "any", false, false, false, 232), 0, [], "array", false, false, false, 232), "Category", [], "any", false, false, false, 232);
  457.             // line 233
  458.             echo "                ";
  459.             $context['_parent'] = $context;
  460.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["firstCategory"]) || array_key_exists("firstCategory", $context) ? $context["firstCategory"] : (function () { throw new RuntimeError('Variable "firstCategory" does not exist.', 233, $this->source); })()), "path", [], "any", false, false, false, 233));
  461.             $context['loop'] = [
  462.               'parent' => $context['_parent'],
  463.               'index0' => 0,
  464.               'index'  => 1,
  465.               'first'  => true,
  466.             ];
  467.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  468.                 $length = count($context['_seq']);
  469.                 $context['loop']['revindex0'] = $length - 1;
  470.                 $context['loop']['revindex'] = $length;
  471.                 $context['loop']['length'] = $length;
  472.                 $context['loop']['last'] = 1 === $length;
  473.             }
  474.             foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  475.                 // line 234
  476.                 echo "                    <a class=\"breadcrumb__item\" href=\"";
  477.                 echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  478.                 echo "\">備長炭一覧</a>
  479.                     ";
  480.                 // line 235
  481.                 if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 235)) {
  482.                     // line 236
  483.                     echo "                        <img class=\"breadcrumb__separator\" src=\"";
  484.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-breadcrumb-separator.svg"), "html", null, true);
  485.                     echo "\" alt=\"\" width=\"12\" height=\"12\" />
  486.                     ";
  487.                 }
  488.                 // line 238
  489.                 echo "                ";
  490.                 ++$context['loop']['index0'];
  491.                 ++$context['loop']['index'];
  492.                 $context['loop']['first'] = false;
  493.                 if (isset($context['loop']['length'])) {
  494.                     --$context['loop']['revindex0'];
  495.                     --$context['loop']['revindex'];
  496.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  497.                 }
  498.             }
  499.             $_parent = $context['_parent'];
  500.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  501.             $context = array_intersect_key($context, $_parent) + $_parent;
  502.             // line 239
  503.             echo "                <img class=\"breadcrumb__separator\" src=\"";
  504.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-breadcrumb-separator.svg"), "html", null, true);
  505.             echo "\" alt=\"\" width=\"12\" height=\"12\" />
  506.             ";
  507.         }
  508.         // line 241
  509.         echo "            <span class=\"breadcrumb__item breadcrumb__item--current\">";
  510.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 241, $this->source); })()), "name", [], "any", false, false, false, 241), "html", null, true);
  511.         echo "</span>
  512.         </nav>
  514.         <div class=\"container-1200\">
  515.             <!-- product detail -->
  516.             <div class=\"product-detail product-layout\">
  517.                 <!-- switch from mobile to desktop -->
  518.                 ";
  519.         // line 249
  520.         echo "                <div class=\"product-info__desktop product-layout-header\">
  521.                     <!-- Product Title -->
  522.                     <div class=\"product-info__header\">
  523.                         ";
  524.         // line 252
  525.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 252, $this->source); })()), "ProductCategories", [], "any", false, false, false, 252))) {
  526.             // line 253
  527.             echo "                            ";
  528.             $context["firstCategory"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 253, $this->source); })()), "ProductCategories", [], "any", false, false, false, 253), 0, [], "array", false, false, false, 253), "Category", [], "any", false, false, false, 253);
  529.             // line 254
  530.             echo "                            <div class=\"product-info__category-badge\">";
  531.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["firstCategory"]) || array_key_exists("firstCategory", $context) ? $context["firstCategory"] : (function () { throw new RuntimeError('Variable "firstCategory" does not exist.', 254, $this->source); })()), "name", [], "any", false, false, false, 254), "html", null, true);
  532.             echo "</div>
  533.                         ";
  534.         }
  535.         // line 256
  536.         echo "                        <h1 class=\"product-info__title\">";
  537.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 256, $this->source); })()), "name", [], "any", false, false, false, 256), "html", null, true);
  538.         echo "</h1>
  539.                     </div>
  541.                     <!-- Price -->
  542.                     <div class=\"product-info__price\">
  543.                         ";
  544.         // line 261
  545.         $context["priceIncTax"] = twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 261, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 261);
  546.         // line 262
  547.         echo "                        ";
  548.         $context["priceExTax"] = twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 262, $this->source); })()), "getPrice02Min", [], "any", false, false, false, 262);
  549.         // line 263
  550.         echo "                        ";
  551.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 263, $this->source); })()), "hasProductClass", [], "any", false, false, false, 263)) {
  552.             // line 264
  553.             echo "                            ";
  554.             if ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 264, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 264) == twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 264, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 264))) {
  555.                 // line 265
  556.                 echo "                                <span class=\"product-info__price-main\">";
  557.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["priceIncTax"]) || array_key_exists("priceIncTax", $context) ? $context["priceIncTax"] : (function () { throw new RuntimeError('Variable "priceIncTax" does not exist.', 265, $this->source); })()), 0, ".", ","), "html", null, true);
  558.                 echo "</span>
  559.                             ";
  560.             } else {
  561.                 // line 267
  562.                 echo "                                <span class=\"product-info__price-main\">";
  563.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["priceIncTax"]) || array_key_exists("priceIncTax", $context) ? $context["priceIncTax"] : (function () { throw new RuntimeError('Variable "priceIncTax" does not exist.', 267, $this->source); })()), 0, ".", ","), "html", null, true);
  564.                 echo "</span>
  565.                             ";
  566.             }
  567.             // line 269
  568.             echo "                        ";
  569.         } else {
  570.             // line 270
  571.             echo "                            <span class=\"product-info__price-main\">";
  572.             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["priceIncTax"]) || array_key_exists("priceIncTax", $context) ? $context["priceIncTax"] : (function () { throw new RuntimeError('Variable "priceIncTax" does not exist.', 270, $this->source); })()), 0, ".", ","), "html", null, true);
  573.             echo "</span>
  574.                         ";
  575.         }
  576.         // line 272
  577.         echo "                        <span class=\"product-info__price-unit\">円</span>
  578.                         ";
  579.         // line 273
  580.         if ((isset($context["priceExTax"]) || array_key_exists("priceExTax", $context) ? $context["priceExTax"] : (function () { throw new RuntimeError('Variable "priceExTax" does not exist.', 273, $this->source); })())) {
  581.             // line 274
  582.             echo "                            <span class=\"product-info__price-tax\">（税抜 ";
  583.             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["priceExTax"]) || array_key_exists("priceExTax", $context) ? $context["priceExTax"] : (function () { throw new RuntimeError('Variable "priceExTax" does not exist.', 274, $this->source); })()), 0, ".", ","), "html", null, true);
  584.             echo "円）</span>
  585.                         ";
  586.         }
  587.         // line 276
  588.         echo "                    </div>
  590.                     <div class=\"product-info__product-info-wrapper\">
  591.                         <form class=\"product-info__form\" action=\"";
  592.         // line 279
  593.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_cart", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 279, $this->source); })()), "id", [], "any", false, false, false, 279)]), "html", null, true);
  594.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  595.                             ";
  596.         // line 280
  597.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 280)) {
  598.             // line 281
  599.             echo "                                <div class=\"product-info__variant-wrapper\" style=\"margin-bottom: 16px;\">
  600.                                     <div class=\"product-info__quantity-label\" style=\"margin-bottom: 8px;\">";
  601.             // line 282
  602.             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, ($context["form"] ?? null), "classcategory_id1", [], "any", false, true, false, 282), "vars", [], "any", false, true, false, 282), "label", [], "any", true, true, false, 282)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", false, true, false, 282), "vars", [], "any", false, true, false, 282), "label", [], "any", false, false, false, 282), "規格1")) : ("規格1")), "html", null, true);
  603.             echo "</div>
  604.                                     <div class=\"ec-select\">
  605.                                         ";
  606.             // line 284
  607.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 284, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 284), 'widget');
  608.             echo "
  609.                                         ";
  610.             // line 285
  611.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 285, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 285), 'errors');
  612.             echo "
  613.                                     </div>
  614.                                     ";
  615.             // line 287
  616.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 287)) {
  617.                 // line 288
  618.                 echo "                                        <div class=\"product-info__quantity-label\" style=\"margin-bottom: 8px; margin-top: 16px;\">";
  619.                 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, ($context["form"] ?? null), "classcategory_id2", [], "any", false, true, false, 288), "vars", [], "any", false, true, false, 288), "label", [], "any", true, true, false, 288)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", false, true, false, 288), "vars", [], "any", false, true, false, 288), "label", [], "any", false, false, false, 288), "規格2")) : ("規格2")), "html", null, true);
  620.                 echo "</div>
  621.                                         <div class=\"ec-select\">
  622.                                             ";
  623.                 // line 290
  624.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 290, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 290), 'widget');
  625.                 echo "
  626.                                             ";
  627.                 // line 291
  628.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 291, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 291), 'errors');
  629.                 echo "
  630.                                         </div>
  631.                                     ";
  632.             }
  633.             // line 294
  634.             echo "                                </div>
  635.                             ";
  636.         }
  637.         // line 296
  638.         echo "                            <!-- Quantity Selector -->
  639.                             ";
  640.         // line 297
  641.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "quantity", [], "any", true, true, false, 297)) {
  642.             // line 298
  643.             echo "                                <div class=\"product-info__quantity-wrapper\">
  644.                                     <div class=\"product-info__quantity-label\">数量</div>
  645.                                     <div class=\"product-info__quantity\">
  646.                                         <button class=\"product-info__quantity-btn product-info__quantity-btn--minus\" type=\"button\">
  647.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  648.                                                 <rect x=\"3\" y=\"8\" width=\"14\" height=\"2\" fill=\"#353535\"/>
  649.                                             </svg>
  650.                                         </button>
  651.                                         <span class=\"product-info__quantity-value\">";
  652.             // line 306
  653.             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, ($context["form"] ?? null), "quantity", [], "any", false, true, false, 306), "vars", [], "any", false, true, false, 306), "value", [], "any", true, true, false, 306)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "quantity", [], "any", false, true, false, 306), "vars", [], "any", false, true, false, 306), "value", [], "any", false, false, false, 306), 1)) : (1)), "html", null, true);
  654.             echo "</span>
  655.                                         ";
  656.             // line 307
  657.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 307, $this->source); })()), "quantity", [], "any", false, false, false, 307), 'widget', ["attr" => ["style" => "display: none;"]]);
  658.             echo "
  659.                                         ";
  660.             // line 308
  661.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 308, $this->source); })()), "quantity", [], "any", false, false, false, 308), 'errors');
  662.             echo "
  663.                                         <button class=\"product-info__quantity-btn product-info__quantity-btn--plus\" type=\"button\">
  664.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  665.                                                 <path d=\"M9 2H11V18H9V2Z\" fill=\"#353535\"/>
  666.                                                 <path d=\"M2 9H18V11H2V9Z\" fill=\"#353535\"/>
  667.                                             </svg>
  668.                                         </button>
  669.                                     </div>
  670.                                 </div>
  671.                             ";
  672.         }
  673.         // line 318
  674.         echo "
  675.                             <!-- Add to Cart Button -->
  676.                             ";
  677.         // line 320
  678.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 320, $this->source); })()), "stock_find", [], "any", false, false, false, 320)) {
  679.             // line 321
  680.             echo "                                <button class=\"product-info__cart-btn add-cart\" type=\"button\">
  681.                                     <span class=\"product-info__cart-text\">
  682.                                         <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  683.                                             <path d=\"M6 18C5.46957 18 4.96086 18.2107 4.58579 18.5858C4.21071 18.9609 4 19.4696 4 20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22C6.53043 22 7.03914 21.7893 7.41421 21.4142C7.78929 21.0391 8 20.5304 8 20C8 18.89 7.11 18 6 18ZM22 2H18.73L17.79 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5C2 5.17 2.05 5.34 2.12 5.5L5.7 11.97C6.04 12.58 6.7 13 7.45 13H14.9L15.8 14.63L15.83 14.75C15.83 14.8163 15.8037 14.8799 15.7568 14.9268C15.7099 14.9737 15.6463 15 15.58 15H4V17H16C16.5304 17 17.0391 16.7893 17.4142 16.4142C17.7893 16.0391 18 15.5304 18 15C18 14.65 17.91 14.32 17.76 14.04L16.4 11.59L20 4H22V2ZM16 18C15.4696 18 14.9609 18.2107 14.5858 18.5858C14.2107 18.9609 14 19.4696 14 20C14 20.5304 14.2107 21.0391 14.5858 21.4142C14.9609 21.7893 15.4696 22 16 22C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20C18 18.89 17.11 18 16 18ZM7 11L4.22 6H16.86L14.5 11H7Z\" fill=\"#F5F5F5\"/>
  684.                                         </svg>
  685.                                         <span>カートに入れる</span>
  686.                                     </span>
  687.                                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  688.                                         <path d=\"M9 6L15 12L9 18\" stroke=\"#F5F5F5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  689.                                     </svg>
  690.                                 </button>
  691.                             ";
  692.         } else {
  693.             // line 333
  694.             echo "                                <button class=\"product-info__cart-btn product-info__cart-btn--disabled\" type=\"button\" disabled=\"disabled\">
  695.                                     <span class=\"product-info__cart-text\">
  696.                                         <span>在庫切れ</span>
  697.                                     </span>
  698.                                 </button>
  699.                             ";
  700.         }
  701.         // line 339
  702.         echo "
  703.                             ";
  704.         // line 340
  705.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 340, $this->source); })()), 'rest');
  706.         echo "
  707.                         </form>
  708.                     </div>
  709.                 </div>
  711.                 <div class=\"product-detail__left product-layout-media\">
  712.                     <div class=\"product-images\">
  713.                         <!-- Main Swiper -->
  714.                         <div class=\"swiper product-images__main-swiper\" id=\"product-detail-main-swiper-desktop\">
  715.                             <div class=\"swiper-wrapper\">
  716.                                 ";
  717.         // line 350
  718.         $context['_parent'] = $context;
  719.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 350, $this->source); })()), "ProductImage", [], "any", false, false, false, 350));
  720.         $context['_iterated'] = false;
  721.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  722.             // line 351
  723.             echo "                                    <div class=\"swiper-slide\">
  724.                                         <img src=\"";
  725.             // line 352
  726.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  727.             echo "\" alt=\"";
  728.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 352, $this->source); })()), "name", [], "any", false, false, false, 352), "html", null, true);
  729.             echo "\" />
  730.                                     </div>
  731.                                 ";
  732.             $context['_iterated'] = true;
  733.         }
  734.         if (!$context['_iterated']) {
  735.             // line 355
  736.             echo "                                    <div class=\"swiper-slide\">
  737.                                         <img src=\"";
  738.             // line 356
  739.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  740.             echo "\" alt=\"";
  741.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 356, $this->source); })()), "name", [], "any", false, false, false, 356), "html", null, true);
  742.             echo "\" />
  743.                                     </div>
  744.                                 ";
  745.         }
  746.         $_parent = $context['_parent'];
  747.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  748.         $context = array_intersect_key($context, $_parent) + $_parent;
  749.         // line 359
  750.         echo "                            </div>
  751.                         </div>
  753.                         <!-- Thumbnails Swiper -->
  754.                         <div class=\"swiper product-images__thumbnails-swiper\" id=\"product-detail-thumbnails-swiper-desktop\">
  755.                             <div class=\"swiper-wrapper\">
  756.                                 ";
  757.         // line 365
  758.         $context['_parent'] = $context;
  759.         $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 365, $this->source); })()), "ProductImage", [], "any", false, false, false, 365));
  760.         $context['_iterated'] = false;
  761.         $context['loop'] = [
  762.           'parent' => $context['_parent'],
  763.           'index0' => 0,
  764.           'index'  => 1,
  765.           'first'  => true,
  766.         ];
  767.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  768.             $length = count($context['_seq']);
  769.             $context['loop']['revindex0'] = $length - 1;
  770.             $context['loop']['revindex'] = $length;
  771.             $context['loop']['length'] = $length;
  772.             $context['loop']['last'] = 1 === $length;
  773.         }
  774.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  775.             // line 366
  776.             echo "                                    <div class=\"swiper-slide\">
  777.                                         <div class=\"product-images__thumbnail\">
  778.                                             <img src=\"";
  779.             // line 368
  780.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  781.             echo "\" alt=\"Thumbnail ";
  782.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 368), "html", null, true);
  783.             echo "\" />
  784.                                         </div>
  785.                                     </div>
  786.                                 ";
  787.             $context['_iterated'] = true;
  788.             ++$context['loop']['index0'];
  789.             ++$context['loop']['index'];
  790.             $context['loop']['first'] = false;
  791.             if (isset($context['loop']['length'])) {
  792.                 --$context['loop']['revindex0'];
  793.                 --$context['loop']['revindex'];
  794.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  795.             }
  796.         }
  797.         if (!$context['_iterated']) {
  798.             // line 372
  799.             echo "                                    <div class=\"swiper-slide\">
  800.                                         <div class=\"product-images__thumbnail\">
  801.                                             <img src=\"";
  802.             // line 374
  803.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"), "html", null, true);
  804.             echo "\" alt=\"Thumbnail\" />
  805.                                         </div>
  806.                                     </div>
  807.                                 ";
  808.         }
  809.         $_parent = $context['_parent'];
  810.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  811.         $context = array_intersect_key($context, $_parent) + $_parent;
  812.         // line 378
  813.         echo "                            </div>
  814.                         </div>
  815.                     </div>
  816.                 </div>
  819.                 <div class=\"product-detail__right product-layout-detail\">
  820.                     <div class=\"product-info\">
  822.                         <!-- Product Details Section -->
  823.                         ";
  824.         // line 388
  825.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 388, $this->source); })()), "product_details_info", [], "any", false, false, false, 388)) {
  826.             // line 389
  827.             echo "                            <div class=\"product-info__section\">
  828.                                 <div class=\"product-info__section-header\">
  829.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  830.                                         <path d=\"M18.0833 16.3333H17.1617L16.835 16.0183C18.0179 14.6464 18.6681 12.8948 18.6667 11.0833C18.6667 9.58349 18.2219 8.11734 17.3886 6.87026C16.5554 5.62319 15.371 4.65121 13.9854 4.07725C12.5997 3.50329 11.0749 3.35311 9.6039 3.64572C8.13288 3.93832 6.78166 4.66056 5.72111 5.72111C4.66056 6.78166 3.93832 8.13288 3.64572 9.6039C3.35311 11.0749 3.50329 12.5997 4.07725 13.9854C4.65121 15.371 5.62319 16.5554 6.87026 17.3886C8.11734 18.2219 9.58349 18.6667 11.0833 18.6667C12.9617 18.6667 14.6883 17.9783 16.0183 16.835L16.3333 17.1617V18.0833L22.1667 23.905L23.905 22.1667L18.0833 16.3333ZM11.0833 16.3333C8.17834 16.3333 5.83334 13.9883 5.83334 11.0833C5.83334 8.17834 8.17834 5.83334 11.0833 5.83334C13.9883 5.83334 16.3333 8.17834 16.3333 11.0833C16.3333 13.9883 13.9883 16.3333 11.0833 16.3333Z\" fill=\"#353535\"/>
  831.                                     </svg>
  832.                                     <h3 class=\"product-info__section-title\">商品詳細</h3>
  833.                                 </div>
  834.                                 <div class=\"product-info__section-content\">
  835.                                     <!-- Product Specs -->
  836.                                     <div class=\"product-info__specs\">
  837.                                         ";
  838.             // line 399
  839.             $context["details_lines"] = twig_split_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 399, $this->source); })()), "product_details_info", [], "any", false, false, false, 399), "
  840. ");
  841.             // line 400
  842.             echo "                                        ";
  843.             $context['_parent'] = $context;
  844.             $context['_seq'] = twig_ensure_traversable((isset($context["details_lines"]) || array_key_exists("details_lines", $context) ? $context["details_lines"] : (function () { throw new RuntimeError('Variable "details_lines" does not exist.', 400, $this->source); })()));
  845.             foreach ($context['_seq'] as $context["_key"] => $context["line"]) {
  846.                 // line 401
  847.                 echo "                                            ";
  848.                 if (twig_trim_filter($context["line"])) {
  849.                     // line 402
  850.                     echo "                                                ";
  851.                     $context["normalized_line"] = twig_replace_filter(twig_trim_filter($context["line"]), ["　" => " "]);
  852.                     // line 403
  853.                     echo "                                                ";
  854.                     $context["parts"] = twig_split_filter($this->env, (isset($context["normalized_line"]) || array_key_exists("normalized_line", $context) ? $context["normalized_line"] : (function () { throw new RuntimeError('Variable "normalized_line" does not exist.', 403, $this->source); })()), " ", 2);
  855.                     // line 404
  856.                     echo "                                                ";
  857.                     if ((twig_length_filter($this->env, (isset($context["parts"]) || array_key_exists("parts", $context) ? $context["parts"] : (function () { throw new RuntimeError('Variable "parts" does not exist.', 404, $this->source); })())) >= 2)) {
  858.                         // line 405
  859.                         echo "                                                    <div class=\"product-info__spec-row\">
  860.                                                         <div class=\"product-info__spec-label\">";
  861.                         // line 406
  862.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["parts"]) || array_key_exists("parts", $context) ? $context["parts"] : (function () { throw new RuntimeError('Variable "parts" does not exist.', 406, $this->source); })()), 0, [], "array", false, false, false, 406), "html", null, true);
  863.                         echo "</div>
  864.                                                         <div class=\"product-info__spec-value\">";
  865.                         // line 407
  866.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["parts"]) || array_key_exists("parts", $context) ? $context["parts"] : (function () { throw new RuntimeError('Variable "parts" does not exist.', 407, $this->source); })()), 1, [], "array", false, false, false, 407), "html", null, true);
  867.                         echo "</div>
  868.                                                     </div>
  869.                                                 ";
  870.                     }
  871.                     // line 410
  872.                     echo "                                            ";
  873.                 }
  874.                 // line 411
  875.                 echo "                                        ";
  876.             }
  877.             $_parent = $context['_parent'];
  878.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['line'], $context['_parent'], $context['loop']);
  879.             $context = array_intersect_key($context, $_parent) + $_parent;
  880.             // line 412
  881.             echo "                                    </div>
  882.                                 </div>
  883.                             </div>
  884.                         ";
  885.         }
  886.         // line 416
  887.         echo "
  888.                         <!-- Product Description Section -->
  889.                         ";
  890.         // line 418
  891.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 418, $this->source); })()), "description_detail", [], "any", false, false, false, 418)) {
  892.             // line 419
  893.             echo "                            <div class=\"product-info__section\">
  894.                                 <div class=\"product-info__section-header\">
  895.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  896.                                         <rect x=\"2.5\" y=\"5.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  897.                                         <rect x=\"2.5\" y=\"12.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  898.                                         <rect x=\"2.5\" y=\"19.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  899.                                         <rect x=\"9\" y=\"6\" width=\"15\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  900.                                         <rect x=\"9\" y=\"13\" width=\"11\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  901.                                         <rect x=\"9\" y=\"20\" width=\"6\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  902.                                     </svg>
  903.                                     <h3 class=\"product-info__section-title\">商品説明</h3>
  904.                                 </div>
  905.                                 <div class=\"product-info__description\">
  906.                                     ";
  907.             // line 432
  908.             echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 432, $this->source); })()), "description_detail", [], "any", false, false, false, 432));
  909.             echo "
  910.                                 </div>
  911.                             </div>
  912.                         ";
  913.         }
  914.         // line 436
  915.         echo "                        <!-- Notes Section -->
  916.                         ";
  917.         // line 437
  918.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 437, $this->source); })()), "comment_detail", [], "any", false, false, false, 437)) {
  919.             // line 438
  920.             echo "                            <div class=\"product-info__section\">
  921.                                 <div class=\"product-info__section-header\">
  922.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  923.                                         <circle cx=\"9.78125\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  924.                                         <circle cx=\"14\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  925.                                         <circle cx=\"18.2188\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  926.                                         <mask id=\"path-4-inside-1_211_2082\" fill=\"white\">
  927.                                         <path d=\"M14 4C20.0751 4 24 6.76238 24 12.5C24 18.2376 20.0751 21 14 21C13.4263 21 12.8718 20.9743 12.3379 20.9248L6 25V18.2246C4.71403 16.844 4 14.9428 4 12.5C4 6.76238 7.92487 4 14 4Z\"/>
  928.                                         </mask>
  929.                                         <path d=\"M24 12.5L26 12.5V12.5H24ZM12.3379 20.9248L12.5224 18.9333L11.836 18.8698L11.2562 19.2425L12.3379 20.9248ZM6 25H4V28.6637L7.08167 26.6823L6 25ZM6 18.2246H8V17.4375L7.46349 16.8615L6 18.2246ZM4 12.5L2 12.5L4 12.5ZM14 4V6C16.771 6 18.7605 6.63437 20.0205 7.65343C21.2128 8.61777 22 10.1258 22 12.5H24H26C26 9.13659 24.8248 6.39461 22.5359 4.54335C20.3146 2.74682 17.3041 2 14 2V4ZM24 12.5L22 12.5C22 14.8742 21.2128 16.3822 20.0205 17.3466C18.7605 18.3656 16.771 19 14 19V21V23C17.3041 23 20.3146 22.2532 22.5359 20.4567C24.8248 18.6054 26 15.8634 26 12.5L24 12.5ZM14 21V19C13.486 19 12.9931 18.9769 12.5224 18.9333L12.3379 20.9248L12.1534 22.9163C12.7504 22.9716 13.3665 23 14 23V21ZM12.3379 20.9248L11.2562 19.2425L4.91833 23.3177L6 25L7.08167 26.6823L13.4196 22.6071L12.3379 20.9248ZM6 25H8V18.2246H6H4V25H6ZM6 18.2246L7.46349 16.8615C6.58412 15.9174 6 14.5356 6 12.5L4 12.5L2 12.5C2 15.3501 2.84393 17.7706 4.53651 19.5878L6 18.2246ZM4 12.5H6C6 10.1258 6.78723 8.61777 7.97954 7.65343C9.23952 6.63437 11.229 6 14 6V4V2C10.6959 2 7.68535 2.74682 5.46411 4.54335C3.1752 6.39461 2 9.13659 2 12.5H4Z\" fill=\"#353535\" mask=\"url(#path-4-inside-1_211_2082)\"/>
  930.                                     </svg>
  931.                                     <h3 class=\"product-info__section-title product-info__section-title-20\">備考</h3>
  932.                                 </div>
  933.                                 <div class=\"product-info__notes\">
  934.                                     ";
  935.             // line 452
  936.             echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 452, $this->source); })()), "comment_detail", [], "any", false, false, false, 452));
  937.             echo "
  938.                                 </div>
  939.                             </div>
  940.                         ";
  941.         }
  942.         // line 456
  943.         echo "                    </div>
  944.                 </div>
  945.             </div>
  947.             <!-- btn back to product list -->
  948.             <div class=\"product-detail-button-wrapper\">
  949.                 <button class=\"btn_primary\" type=\"button\" onclick=\"history.back()\">
  950.                     <img class=\"btn_primary-icon\" src=\"";
  951.         // line 463
  952.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/img/default/icons/icon-arrow-nav-left.svg"), "html", null, true);
  953.         echo "\" alt=\"\" width=\"24\" height=\"24\" />
  954.                     <span class=\"btn_primary-text\">前のページに戻る</span>
  955.                 </button>
  956.             </div>
  957.         </div>
  958.     </div>
  960.     <!-- Modal -->
  961.     <div class=\"ec-modal\">
  962.         <div class=\"ec-modal-overlay\" onclick=\"reloadPage()\">
  963.             <div class=\"ec-modal-wrap\">
  964.                 <span class=\"ec-modal-close\" onclick=\"reloadPage()\"><span class=\"ec-icon\"><img src=\"";
  965.         // line 474
  966.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  967.         echo "\" alt=\"\"/></span></span>
  968.                 <div id=\"ec-modal-header\" class=\"text-center\">";
  969.         // line 475
  970.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.add_cart_complete"), "html", null, true);
  971.         echo "</div>
  972.                 <div class=\"ec-modal-box\">
  973.                     <div class=\"ec-role ec-role-modal-flex\">
  974.                         <span onclick=\"reloadPage()\" class=\"ec-inlineBtn--cancel\">";
  975.         // line 478
  976.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("front.product.continue"), "html", null, true);
  977.         echo "</span>
  978.                         <a href=\"";
  979.         // line 479
  980.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  981.         echo "\" class=\"ec-inlineBtn--action\">";
  982.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("common.go_to_cart"), "html", null, true);
  983.         echo "</a>
  984.                     </div>
  985.                 </div>
  986.             </div>
  987.         </div>
  988.     </div>
  990.     ";
  991.         // line 486
  992.         if (twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 486, $this->source); })()), "freearea", [], "any", false, false, false, 486)) {
  993.             // line 487
  994.             echo "        <div class=\"ec-productRole__description\">
  995.             ";
  996.             // line 488
  997.             echo twig_include($this->env, $context, twig_template_from_string($this->env, twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 488, $this->source); })()), "freearea", [], "any", false, false, false, 488)));
  998.             echo "
  999.         </div>
  1000.     ";
  1001.         }
  1002.         
  1003.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1005.         
  1006.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1008.     }
  1010.     public function getTemplateName()
  1011.     {
  1012.         return "Product/detail.twig";
  1013.     }
  1015.     public function isTraitable()
  1016.     {
  1017.         return false;
  1018.     }
  1020.     public function getDebugInfo()
  1021.     {
  1022.         return array (  997 => 488,  994 => 487,  992 => 486,  980 => 479,  976 => 478,  970 => 475,  966 => 474,  952 => 463,  943 => 456,  936 => 452,  920 => 438,  918 => 437,  915 => 436,  908 => 432,  893 => 419,  891 => 418,  887 => 416,  881 => 412,  875 => 411,  872 => 410,  866 => 407,  862 => 406,  859 => 405,  856 => 404,  853 => 403,  850 => 402,  847 => 401,  842 => 400,  839 => 399,  827 => 389,  825 => 388,  813 => 378,  803 => 374,  799 => 372,  780 => 368,  776 => 366,  758 => 365,  750 => 359,  739 => 356,  736 => 355,  726 => 352,  723 => 351,  718 => 350,  705 => 340,  702 => 339,  694 => 333,  680 => 321,  678 => 320,  674 => 318,  661 => 308,  657 => 307,  653 => 306,  643 => 298,  641 => 297,  638 => 296,  634 => 294,  628 => 291,  624 => 290,  618 => 288,  616 => 287,  611 => 285,  607 => 284,  602 => 282,  599 => 281,  597 => 280,  593 => 279,  588 => 276,  582 => 274,  580 => 273,  577 => 272,  571 => 270,  568 => 269,  562 => 267,  556 => 265,  553 => 264,  550 => 263,  547 => 262,  545 => 261,  536 => 256,  530 => 254,  527 => 253,  525 => 252,  520 => 249,  509 => 241,  503 => 239,  489 => 238,  483 => 236,  481 => 235,  476 => 234,  458 => 233,  455 => 232,  453 => 231,  449 => 230,  445 => 229,  440 => 226,  430 => 225,  415 => 219,  411 => 218,  407 => 217,  403 => 216,  399 => 214,  393 => 212,  391 => 211,  386 => 210,  383 => 209,  373 => 207,  359 => 205,  351 => 204,  333 => 203,  328 => 201,  301 => 177,  291 => 170,  260 => 142,  253 => 137,  244 => 131,  240 => 129,  238 => 128,  235 => 127,  226 => 121,  222 => 119,  220 => 118,  140 => 41,  137 => 40,  129 => 38,  127 => 37,  122 => 35,  119 => 34,  117 => 33,  103 => 22,  100 => 21,  90 => 20,  78 => 17,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  1023.     }
  1025.     public function getSourceContext()
  1026.     {
  1027.         return new Source("{#
  1028. This file is part of EC-CUBE
  1030. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1032. http://www.ec-cube.co.jp/
  1034. For the full copyright and license information, please view the LICENSE
  1035. file that was distributed with this source code.
  1036. #}
  1037. {% extends 'default_frame.twig' %}
  1039. {% set body_class = 'product_page' %}
  1041. {% block stylesheet %}
  1042.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/swiper-bundle.min.css') }}\">
  1043.     <link rel=\"stylesheet\" href=\"{{ asset('assets/css/product-detail.css') }}\">
  1044. {% endblock %}
  1046. {% block javascript %}
  1047.     <script>
  1048.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  1050.         // 規格2に選択肢を割り当てる。
  1051.         function fnSetClassCategories(form, classcat_id2_selected) {
  1052.             var \$form = \$(form);
  1053.             var product_id = \$form.find('input[name=product_id]').val();
  1054.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1055.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1056.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1057.         }
  1059.         {% if form.classcategory_id2 is defined %}
  1060.         fnSetClassCategories(
  1061.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1062.         );
  1063.         {% elseif form.classcategory_id1 is defined %}
  1064.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1065.         {% endif %}
  1066.     </script>
  1067.     <script src=\"{{ asset('assets/js/swiper-bundle.min.js') }}\"></script>
  1068.     <script>
  1069.         document.addEventListener('DOMContentLoaded', function() {
  1070.             // bfcache無効化
  1071.             window.addEventListener('pageshow', function(event) {
  1072.                 if (event.persisted) {
  1073.                     location.reload(true);
  1074.                 }
  1075.             });
  1077.             // Thumbnails swiper
  1078.             const thumbnailsSwiper = new Swiper('#product-detail-thumbnails-swiper-desktop', {
  1079.                 spaceBetween: 6,
  1080.                 slidesPerView: 4,
  1081.                 freeMode: true,
  1082.                 watchSlidesProgress: true,
  1083.                 breakpoints: {
  1084.                     0: {
  1085.                         slidesPerView: 3,
  1086.                     },
  1087.                     600: {
  1088.                         slidesPerView: 4,
  1089.                     },
  1090.                 },
  1091.             });
  1093.             // Main swiper
  1094.             const mainSwiper = new Swiper('#product-detail-main-swiper-desktop', {
  1095.                 spaceBetween: 0,
  1096.                 slidesPerView: 1,
  1097.                 thumbs: {
  1098.                     swiper: thumbnailsSwiper,
  1099.                 },
  1100.             });
  1102.             // Quantity controls
  1103.             const quantityInput = document.querySelector('#quantity');
  1104.             const quantityValue = document.querySelector('.product-info__quantity-value');
  1105.             const minusBtn = document.querySelector('.product-info__quantity-btn--minus');
  1106.             const plusBtn = document.querySelector('.product-info__quantity-btn--plus');
  1108.             if (minusBtn && plusBtn && quantityInput) {
  1109.                 minusBtn.addEventListener('click', function() {
  1110.                     const currentValue = parseInt(quantityInput.value) || 1;
  1111.                     if (currentValue > 1) {
  1112.                         quantityInput.value = currentValue - 1;
  1113.                         if (quantityValue) {
  1114.                             quantityValue.textContent = quantityInput.value;
  1115.                         }
  1116.                     }
  1117.                 });
  1119.                 plusBtn.addEventListener('click', function() {
  1120.                     const currentValue = parseInt(quantityInput.value) || 1;
  1121.                     quantityInput.value = currentValue + 1;
  1122.                     if (quantityValue) {
  1123.                         quantityValue.textContent = quantityInput.value;
  1124.                     }
  1125.                 });
  1127.                 // Update display when input changes
  1128.                 quantityInput.addEventListener('change', function() {
  1129.                     if (quantityValue) {
  1130.                         quantityValue.textContent = this.value;
  1131.                     }
  1132.                 });
  1134.                 // Initial display
  1135.                 if (quantityValue) {
  1136.                     quantityValue.textContent = quantityInput.value || 1;
  1137.                 }
  1138.             }
  1139.         });
  1140.     </script>
  1141.     <script>
  1142.         \$(function() {
  1143.             \$('.add-cart').on('click', function(event) {
  1144.                 {% if form.classcategory_id1 is defined %}
  1145.                 // 規格1フォームの必須チェック
  1146.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1147.                     \$('#classcategory_id1')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
  1148.                     return true;
  1149.                 } else {
  1150.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1151.                 }
  1152.                 {% endif %}
  1154.                 {% if form.classcategory_id2 is defined %}
  1155.                 // 規格2フォームの必須チェック
  1156.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1157.                     \$('#classcategory_id2')[0].setCustomValidity('{{ 'front.product.product_class_unselected'|trans }}');
  1158.                     return true;
  1159.                 } else {
  1160.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1161.                 }
  1162.                 {% endif %}
  1164.                 // 個数フォームのチェック
  1165.                 const quantityInput = \$('#quantity');
  1166.                 if (quantityInput.length > 0) {
  1167.                     if (quantityInput.val() < 1) {
  1168.                         quantityInput[0].setCustomValidity('{{ 'front.product.invalid_quantity'|trans }}');
  1169.                         return true;
  1170.                     } else {
  1171.                         quantityInput[0].setCustomValidity('');
  1172.                     }
  1173.                 }
  1175.                 event.preventDefault();
  1176.                 \$form = \$('#form1');
  1177.                 \$.ajax({
  1178.                     url: \$form.attr('action'),
  1179.                     type: \$form.attr('method'),
  1180.                     data: \$form.serialize(),
  1181.                     dataType: 'json',
  1182.                     beforeSend: function(xhr, settings) {
  1183.                         // Buttonを無効にする
  1184.                         \$('.add-cart').prop('disabled', true);
  1185.                     }
  1186.                 }).done(function(data) {
  1187.                     // レスポンス内のメッセージをalertで表示
  1188.                     \$.each(data.messages, function() {
  1189.                         \$('#ec-modal-header').html(this);
  1190.                     });
  1192.                     \$('.ec-modal').show()
  1194.                     // カートブロックを更新する
  1195.                     \$.ajax({
  1196.                         url: \"{{ url('block_cart') }}\",
  1197.                         type: 'GET',
  1198.                         dataType: 'html'
  1199.                     }).done(function(html) {
  1200.                         \$('.ec-headerRole__cart').html(html);
  1201.                     });
  1202.                 }).fail(function(data) {
  1203.                     alert('{{ 'front.product.add_cart_error'|trans }}');
  1204.                 }).always(function(data) {
  1205.                     // Buttonを有効にする
  1206.                     \$('.add-cart').prop('disabled', false);
  1207.                 });
  1208.             });
  1209.         });
  1211.         \$('.ec-modal-wrap').on('click', function(e) {
  1212.             // モーダル内の処理は外側にバブリングさせない
  1213.             e.stopPropagation();
  1214.         });
  1215.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1216.             \$('.ec-modal').hide()
  1217.         });
  1219.         function reloadPage() {
  1220.             window.location.reload();
  1221.         }
  1222.     </script>
  1223.     <script type=\"application/ld+json\">
  1224.     {
  1225.         \"@context\": \"https://schema.org/\",
  1226.         \"@type\": \"Product\",
  1227.         \"name\": \"{{ Product.name }}\",
  1228.         \"image\": [
  1229.             {% for img in Product.ProductImage %}
  1230.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  1232.             {% else %}
  1233.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  1234.             {% endfor %}
  1235.         ],
  1236.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  1237.         {% if Product.code_min %}
  1238.         \"sku\": \"{{ Product.code_min }}\",
  1239.         {% endif %}
  1240.         \"offers\": {
  1241.             \"@type\": \"Offer\",
  1242.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  1243.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  1244.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  1245.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  1246.         }
  1247.     }
  1248.     </script>
  1249. {% endblock %}
  1251. {% block main %}
  1252.     <div class=\"contact_wrapper body-section-ui\">
  1253.         <!-- breadcrumb -->
  1254.         <nav class=\"breadcrumb\" aria-label=\"パンくずリスト\">
  1255.             <a class=\"breadcrumb__item\" href=\"{{ url('homepage') }}\">ホーム</a>
  1256.             <img class=\"breadcrumb__separator\" src=\"{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}\" alt=\"\" width=\"12\" height=\"12\" />
  1257.             {% if Product.ProductCategories is not empty %}
  1258.                 {% set firstCategory = Product.ProductCategories[0].Category %}
  1259.                 {% for Category in firstCategory.path %}
  1260.                     <a class=\"breadcrumb__item\" href=\"{{ url('product_list') }}\">備長炭一覧</a>
  1261.                     {% if not loop.last %}
  1262.                         <img class=\"breadcrumb__separator\" src=\"{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}\" alt=\"\" width=\"12\" height=\"12\" />
  1263.                     {% endif %}
  1264.                 {% endfor %}
  1265.                 <img class=\"breadcrumb__separator\" src=\"{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}\" alt=\"\" width=\"12\" height=\"12\" />
  1266.             {% endif %}
  1267.             <span class=\"breadcrumb__item breadcrumb__item--current\">{{ Product.name }}</span>
  1268.         </nav>
  1270.         <div class=\"container-1200\">
  1271.             <!-- product detail -->
  1272.             <div class=\"product-detail product-layout\">
  1273.                 <!-- switch from mobile to desktop -->
  1274.                 {#  #}
  1275.                 <div class=\"product-info__desktop product-layout-header\">
  1276.                     <!-- Product Title -->
  1277.                     <div class=\"product-info__header\">
  1278.                         {% if Product.ProductCategories is not empty %}
  1279.                             {% set firstCategory = Product.ProductCategories[0].Category %}
  1280.                             <div class=\"product-info__category-badge\">{{ firstCategory.name }}</div>
  1281.                         {% endif %}
  1282.                         <h1 class=\"product-info__title\">{{ Product.name }}</h1>
  1283.                     </div>
  1285.                     <!-- Price -->
  1286.                     <div class=\"product-info__price\">
  1287.                         {% set priceIncTax = Product.getPrice02IncTaxMin %}
  1288.                         {% set priceExTax = Product.getPrice02Min %}
  1289.                         {% if Product.hasProductClass %}
  1290.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  1291.                                 <span class=\"product-info__price-main\">{{ priceIncTax|number_format(0, '.', ',') }}</span>
  1292.                             {% else %}
  1293.                                 <span class=\"product-info__price-main\">{{ priceIncTax|number_format(0, '.', ',') }}</span>
  1294.                             {% endif %}
  1295.                         {% else %}
  1296.                             <span class=\"product-info__price-main\">{{ priceIncTax|number_format(0, '.', ',') }}</span>
  1297.                         {% endif %}
  1298.                         <span class=\"product-info__price-unit\">円</span>
  1299.                         {% if priceExTax %}
  1300.                             <span class=\"product-info__price-tax\">（税抜 {{ priceExTax|number_format(0, '.', ',') }}円）</span>
  1301.                         {% endif %}
  1302.                     </div>
  1304.                     <div class=\"product-info__product-info-wrapper\">
  1305.                         <form class=\"product-info__form\" action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  1306.                             {% if form.classcategory_id1 is defined %}
  1307.                                 <div class=\"product-info__variant-wrapper\" style=\"margin-bottom: 16px;\">
  1308.                                     <div class=\"product-info__quantity-label\" style=\"margin-bottom: 8px;\">{{ form.classcategory_id1.vars.label|default('規格1') }}</div>
  1309.                                     <div class=\"ec-select\">
  1310.                                         {{ form_widget(form.classcategory_id1) }}
  1311.                                         {{ form_errors(form.classcategory_id1) }}
  1312.                                     </div>
  1313.                                     {% if form.classcategory_id2 is defined %}
  1314.                                         <div class=\"product-info__quantity-label\" style=\"margin-bottom: 8px; margin-top: 16px;\">{{ form.classcategory_id2.vars.label|default('規格2') }}</div>
  1315.                                         <div class=\"ec-select\">
  1316.                                             {{ form_widget(form.classcategory_id2) }}
  1317.                                             {{ form_errors(form.classcategory_id2) }}
  1318.                                         </div>
  1319.                                     {% endif %}
  1320.                                 </div>
  1321.                             {% endif %}
  1322.                             <!-- Quantity Selector -->
  1323.                             {% if form.quantity is defined %}
  1324.                                 <div class=\"product-info__quantity-wrapper\">
  1325.                                     <div class=\"product-info__quantity-label\">数量</div>
  1326.                                     <div class=\"product-info__quantity\">
  1327.                                         <button class=\"product-info__quantity-btn product-info__quantity-btn--minus\" type=\"button\">
  1328.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1329.                                                 <rect x=\"3\" y=\"8\" width=\"14\" height=\"2\" fill=\"#353535\"/>
  1330.                                             </svg>
  1331.                                         </button>
  1332.                                         <span class=\"product-info__quantity-value\">{{ form.quantity.vars.value|default(1) }}</span>
  1333.                                         {{ form_widget(form.quantity, {'attr': {'style': 'display: none;'}}) }}
  1334.                                         {{ form_errors(form.quantity) }}
  1335.                                         <button class=\"product-info__quantity-btn product-info__quantity-btn--plus\" type=\"button\">
  1336.                                             <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1337.                                                 <path d=\"M9 2H11V18H9V2Z\" fill=\"#353535\"/>
  1338.                                                 <path d=\"M2 9H18V11H2V9Z\" fill=\"#353535\"/>
  1339.                                             </svg>
  1340.                                         </button>
  1341.                                     </div>
  1342.                                 </div>
  1343.                             {% endif %}
  1345.                             <!-- Add to Cart Button -->
  1346.                             {% if Product.stock_find %}
  1347.                                 <button class=\"product-info__cart-btn add-cart\" type=\"button\">
  1348.                                     <span class=\"product-info__cart-text\">
  1349.                                         <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1350.                                             <path d=\"M6 18C5.46957 18 4.96086 18.2107 4.58579 18.5858C4.21071 18.9609 4 19.4696 4 20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22C6.53043 22 7.03914 21.7893 7.41421 21.4142C7.78929 21.0391 8 20.5304 8 20C8 18.89 7.11 18 6 18ZM22 2H18.73L17.79 4H3C2.73478 4 2.48043 4.10536 2.29289 4.29289C2.10536 4.48043 2 4.73478 2 5C2 5.17 2.05 5.34 2.12 5.5L5.7 11.97C6.04 12.58 6.7 13 7.45 13H14.9L15.8 14.63L15.83 14.75C15.83 14.8163 15.8037 14.8799 15.7568 14.9268C15.7099 14.9737 15.6463 15 15.58 15H4V17H16C16.5304 17 17.0391 16.7893 17.4142 16.4142C17.7893 16.0391 18 15.5304 18 15C18 14.65 17.91 14.32 17.76 14.04L16.4 11.59L20 4H22V2ZM16 18C15.4696 18 14.9609 18.2107 14.5858 18.5858C14.2107 18.9609 14 19.4696 14 20C14 20.5304 14.2107 21.0391 14.5858 21.4142C14.9609 21.7893 15.4696 22 16 22C16.5304 22 17.0391 21.7893 17.4142 21.4142C17.7893 21.0391 18 20.5304 18 20C18 18.89 17.11 18 16 18ZM7 11L4.22 6H16.86L14.5 11H7Z\" fill=\"#F5F5F5\"/>
  1351.                                         </svg>
  1352.                                         <span>カートに入れる</span>
  1353.                                     </span>
  1354.                                     <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1355.                                         <path d=\"M9 6L15 12L9 18\" stroke=\"#F5F5F5\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>
  1356.                                     </svg>
  1357.                                 </button>
  1358.                             {% else %}
  1359.                                 <button class=\"product-info__cart-btn product-info__cart-btn--disabled\" type=\"button\" disabled=\"disabled\">
  1360.                                     <span class=\"product-info__cart-text\">
  1361.                                         <span>在庫切れ</span>
  1362.                                     </span>
  1363.                                 </button>
  1364.                             {% endif %}
  1366.                             {{ form_rest(form) }}
  1367.                         </form>
  1368.                     </div>
  1369.                 </div>
  1371.                 <div class=\"product-detail__left product-layout-media\">
  1372.                     <div class=\"product-images\">
  1373.                         <!-- Main Swiper -->
  1374.                         <div class=\"swiper product-images__main-swiper\" id=\"product-detail-main-swiper-desktop\">
  1375.                             <div class=\"swiper-wrapper\">
  1376.                                 {% for ProductImage in Product.ProductImage %}
  1377.                                     <div class=\"swiper-slide\">
  1378.                                         <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ Product.name }}\" />
  1379.                                     </div>
  1380.                                 {% else %}
  1381.                                     <div class=\"swiper-slide\">
  1382.                                         <img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" />
  1383.                                     </div>
  1384.                                 {% endfor %}
  1385.                             </div>
  1386.                         </div>
  1388.                         <!-- Thumbnails Swiper -->
  1389.                         <div class=\"swiper product-images__thumbnails-swiper\" id=\"product-detail-thumbnails-swiper-desktop\">
  1390.                             <div class=\"swiper-wrapper\">
  1391.                                 {% for ProductImage in Product.ProductImage %}
  1392.                                     <div class=\"swiper-slide\">
  1393.                                         <div class=\"product-images__thumbnail\">
  1394.                                             <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"Thumbnail {{ loop.index }}\" />
  1395.                                         </div>
  1396.                                     </div>
  1397.                                 {% else %}
  1398.                                     <div class=\"swiper-slide\">
  1399.                                         <div class=\"product-images__thumbnail\">
  1400.                                             <img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"Thumbnail\" />
  1401.                                         </div>
  1402.                                     </div>
  1403.                                 {% endfor %}
  1404.                             </div>
  1405.                         </div>
  1406.                     </div>
  1407.                 </div>
  1410.                 <div class=\"product-detail__right product-layout-detail\">
  1411.                     <div class=\"product-info\">
  1413.                         <!-- Product Details Section -->
  1414.                         {% if Product.product_details_info %}
  1415.                             <div class=\"product-info__section\">
  1416.                                 <div class=\"product-info__section-header\">
  1417.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1418.                                         <path d=\"M18.0833 16.3333H17.1617L16.835 16.0183C18.0179 14.6464 18.6681 12.8948 18.6667 11.0833C18.6667 9.58349 18.2219 8.11734 17.3886 6.87026C16.5554 5.62319 15.371 4.65121 13.9854 4.07725C12.5997 3.50329 11.0749 3.35311 9.6039 3.64572C8.13288 3.93832 6.78166 4.66056 5.72111 5.72111C4.66056 6.78166 3.93832 8.13288 3.64572 9.6039C3.35311 11.0749 3.50329 12.5997 4.07725 13.9854C4.65121 15.371 5.62319 16.5554 6.87026 17.3886C8.11734 18.2219 9.58349 18.6667 11.0833 18.6667C12.9617 18.6667 14.6883 17.9783 16.0183 16.835L16.3333 17.1617V18.0833L22.1667 23.905L23.905 22.1667L18.0833 16.3333ZM11.0833 16.3333C8.17834 16.3333 5.83334 13.9883 5.83334 11.0833C5.83334 8.17834 8.17834 5.83334 11.0833 5.83334C13.9883 5.83334 16.3333 8.17834 16.3333 11.0833C16.3333 13.9883 13.9883 16.3333 11.0833 16.3333Z\" fill=\"#353535\"/>
  1419.                                     </svg>
  1420.                                     <h3 class=\"product-info__section-title\">商品詳細</h3>
  1421.                                 </div>
  1422.                                 <div class=\"product-info__section-content\">
  1423.                                     <!-- Product Specs -->
  1424.                                     <div class=\"product-info__specs\">
  1425.                                         {% set details_lines = Product.product_details_info|split(\"\\n\") %}
  1426.                                         {% for line in details_lines %}
  1427.                                             {% if line|trim %}
  1428.                                                 {% set normalized_line = line|trim|replace({'　': ' '}) %}
  1429.                                                 {% set parts = normalized_line|split(' ', 2) %}
  1430.                                                 {% if parts|length >= 2 %}
  1431.                                                     <div class=\"product-info__spec-row\">
  1432.                                                         <div class=\"product-info__spec-label\">{{ parts[0] }}</div>
  1433.                                                         <div class=\"product-info__spec-value\">{{ parts[1] }}</div>
  1434.                                                     </div>
  1435.                                                 {% endif %}
  1436.                                             {% endif %}
  1437.                                         {% endfor %}
  1438.                                     </div>
  1439.                                 </div>
  1440.                             </div>
  1441.                         {% endif %}
  1443.                         <!-- Product Description Section -->
  1444.                         {% if Product.description_detail %}
  1445.                             <div class=\"product-info__section\">
  1446.                                 <div class=\"product-info__section-header\">
  1447.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1448.                                         <rect x=\"2.5\" y=\"5.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  1449.                                         <rect x=\"2.5\" y=\"12.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  1450.                                         <rect x=\"2.5\" y=\"19.5\" width=\"4\" height=\"4\" rx=\"2\" fill=\"#353535\"/>
  1451.                                         <rect x=\"9\" y=\"6\" width=\"15\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  1452.                                         <rect x=\"9\" y=\"13\" width=\"11\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  1453.                                         <rect x=\"9\" y=\"20\" width=\"6\" height=\"3\" rx=\"1.5\" fill=\"#353535\"/>
  1454.                                     </svg>
  1455.                                     <h3 class=\"product-info__section-title\">商品説明</h3>
  1456.                                 </div>
  1457.                                 <div class=\"product-info__description\">
  1458.                                     {{ Product.description_detail|raw|nl2br }}
  1459.                                 </div>
  1460.                             </div>
  1461.                         {% endif %}
  1462.                         <!-- Notes Section -->
  1463.                         {% if Product.comment_detail %}
  1464.                             <div class=\"product-info__section\">
  1465.                                 <div class=\"product-info__section-header\">
  1466.                                     <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
  1467.                                         <circle cx=\"9.78125\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  1468.                                         <circle cx=\"14\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  1469.                                         <circle cx=\"18.2188\" cy=\"13\" r=\"1.5\" fill=\"#353535\"/>
  1470.                                         <mask id=\"path-4-inside-1_211_2082\" fill=\"white\">
  1471.                                         <path d=\"M14 4C20.0751 4 24 6.76238 24 12.5C24 18.2376 20.0751 21 14 21C13.4263 21 12.8718 20.9743 12.3379 20.9248L6 25V18.2246C4.71403 16.844 4 14.9428 4 12.5C4 6.76238 7.92487 4 14 4Z\"/>
  1472.                                         </mask>
  1473.                                         <path d=\"M24 12.5L26 12.5V12.5H24ZM12.3379 20.9248L12.5224 18.9333L11.836 18.8698L11.2562 19.2425L12.3379 20.9248ZM6 25H4V28.6637L7.08167 26.6823L6 25ZM6 18.2246H8V17.4375L7.46349 16.8615L6 18.2246ZM4 12.5L2 12.5L4 12.5ZM14 4V6C16.771 6 18.7605 6.63437 20.0205 7.65343C21.2128 8.61777 22 10.1258 22 12.5H24H26C26 9.13659 24.8248 6.39461 22.5359 4.54335C20.3146 2.74682 17.3041 2 14 2V4ZM24 12.5L22 12.5C22 14.8742 21.2128 16.3822 20.0205 17.3466C18.7605 18.3656 16.771 19 14 19V21V23C17.3041 23 20.3146 22.2532 22.5359 20.4567C24.8248 18.6054 26 15.8634 26 12.5L24 12.5ZM14 21V19C13.486 19 12.9931 18.9769 12.5224 18.9333L12.3379 20.9248L12.1534 22.9163C12.7504 22.9716 13.3665 23 14 23V21ZM12.3379 20.9248L11.2562 19.2425L4.91833 23.3177L6 25L7.08167 26.6823L13.4196 22.6071L12.3379 20.9248ZM6 25H8V18.2246H6H4V25H6ZM6 18.2246L7.46349 16.8615C6.58412 15.9174 6 14.5356 6 12.5L4 12.5L2 12.5C2 15.3501 2.84393 17.7706 4.53651 19.5878L6 18.2246ZM4 12.5H6C6 10.1258 6.78723 8.61777 7.97954 7.65343C9.23952 6.63437 11.229 6 14 6V4V2C10.6959 2 7.68535 2.74682 5.46411 4.54335C3.1752 6.39461 2 9.13659 2 12.5H4Z\" fill=\"#353535\" mask=\"url(#path-4-inside-1_211_2082)\"/>
  1474.                                     </svg>
  1475.                                     <h3 class=\"product-info__section-title product-info__section-title-20\">備考</h3>
  1476.                                 </div>
  1477.                                 <div class=\"product-info__notes\">
  1478.                                     {{ Product.comment_detail|raw|nl2br }}
  1479.                                 </div>
  1480.                             </div>
  1481.                         {% endif %}
  1482.                     </div>
  1483.                 </div>
  1484.             </div>
  1486.             <!-- btn back to product list -->
  1487.             <div class=\"product-detail-button-wrapper\">
  1488.                 <button class=\"btn_primary\" type=\"button\" onclick=\"history.back()\">
  1489.                     <img class=\"btn_primary-icon\" src=\"{{ asset('assets/img/default/icons/icon-arrow-nav-left.svg') }}\" alt=\"\" width=\"24\" height=\"24\" />
  1490.                     <span class=\"btn_primary-text\">前のページに戻る</span>
  1491.                 </button>
  1492.             </div>
  1493.         </div>
  1494.     </div>
  1496.     <!-- Modal -->
  1497.     <div class=\"ec-modal\">
  1498.         <div class=\"ec-modal-overlay\" onclick=\"reloadPage()\">
  1499.             <div class=\"ec-modal-wrap\">
  1500.                 <span class=\"ec-modal-close\" onclick=\"reloadPage()\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  1501.                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'front.product.add_cart_complete'|trans }}</div>
  1502.                 <div class=\"ec-modal-box\">
  1503.                     <div class=\"ec-role ec-role-modal-flex\">
  1504.                         <span onclick=\"reloadPage()\" class=\"ec-inlineBtn--cancel\">{{ 'front.product.continue'|trans }}</span>
  1505.                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ 'common.go_to_cart'|trans }}</a>
  1506.                     </div>
  1507.                 </div>
  1508.             </div>
  1509.         </div>
  1510.     </div>
  1512.     {% if Product.freearea %}
  1513.         <div class=\"ec-productRole__description\">
  1514.             {{ include(template_from_string(Product.freearea)) }}
  1515.         </div>
  1516.     {% endif %}
  1517. {% endblock %}
  1518. ", "Product/detail.twig", "/home/c9857171/public_html/wood-tech.tech/app/template/default/Product/detail.twig");
  1519.     }
  1520. }