var/cache/dev/twig/a1/a12531506e9e45d29605aa91769142b682491406b10b87fa6b76e061779b1375.php line 16

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_2ff6fc0185ba932717ee492599358283389bbad343a0e2b97ffbfb94a9e80a46 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 "    <style>
  75.         .slick-slider {
  76.             margin-bottom: 30px;
  77.         }
  79.         .slick-dots {
  80.             position: absolute;
  81.             bottom: -45px;
  82.             display: block;
  83.             width: 100%;
  84.             padding: 0;
  85.             list-style: none;
  86.             text-align: center;
  87.         }
  89.         .slick-dots li {
  90.             position: relative;
  91.             display: inline-block;
  92.             width: 20px;
  93.             height: 20px;
  94.             margin: 0 5px;
  95.             padding: 0;
  97.             cursor: pointer;
  98.         }
  100.         .slick-dots li button {
  101.             font-size: 0;
  102.             line-height: 0;
  103.             display: block;
  104.             width: 20px;
  105.             height: 20px;
  106.             padding: 5px;
  107.             cursor: pointer;
  108.             color: transparent;
  109.             border: 0;
  110.             outline: none;
  111.             background: transparent;
  112.         }
  114.         .slick-dots li button:hover,
  115.         .slick-dots li button:focus {
  116.             outline: none;
  117.         }
  119.         .slick-dots li button:hover:before,
  120.         .slick-dots li button:focus:before {
  121.             opacity: 1;
  122.         }
  124.         .slick-dots li button:before {
  125.             content: \" \";
  126.             line-height: 20px;
  127.             position: absolute;
  128.             top: 0;
  129.             left: 0;
  130.             width: 12px;
  131.             height: 12px;
  132.             text-align: center;
  133.             opacity: .25;
  134.             background-color: black;
  135.             border-radius: 50%;
  137.         }
  140.         .slick-dots li.slick-active button:before {
  141.             opacity: .75;
  142.             background-color: black;
  143.         }
  145.         .slick-dots li button.thumbnail img {
  146.             width: 0;
  147.             height: 0;
  148.         }
  150.         #form1 > .mb-3 {
  151.             visibility: hidden;
  152.             height:0;
  153.         }
  155.         form#form1 > div.mb-3:nth-child(4) {
  156.             visibility: visible;
  157.             height: auto;
  158.         }
  160.         /*#form1 > div:nth-child(14) {*/
  161.         /*    visibility: hidden;*/
  162.         /*}*/
  165.         #downloadSpinners {
  166.             display: block;
  167.             position: absolute;
  168.             left: 256px;
  169.             top: 256px;
  170.         }
  172.         #uchiwaCanvas {
  173.             background-color: #cccccc;
  174.             width: 90vW;
  175.             max-width: 512px;
  176.             margin-left: -20px;
  177.         }
  179.         .text-announce {
  180.             color: #ff0000;
  181.             font-weight: bold;
  182.         }
  184.         button#add-cart-button {
  185.             /*background-color:#ffffff;*/
  186.             color:#ffffff;
  187.         }
  189.         button#favorite {
  190.             background-color:#ffff00;
  191.             color:#666666;
  192.             border: 1px solid #aaaaaa;
  193.         }
  194.         button#favorite:hover {
  195.             background-color:#e6e600;
  196.             /*color:#000000;*/
  197.         }
  199.         @media (min-width: 768px) and (max-width: 1070px) {
  200.             #uchiwaCanvas {
  201.                 width: 45vW;
  202.             }
  203.         }
  204.     </style>
  205. ";
  206.         // line 150
  207.         echo "    <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/vuetify@3.7.16/dist/vuetify.min.css\" />
  208.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css\" />
  209.     <link rel=\"stylesheet\" href=\"https://fonts.bunny.net/css?family=roboto:400,500,700\" />
  210. ";
  211.         
  212.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  214.         
  215.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  217.     }
  219.     // line 155
  220.     public function block_javascript($context, array $blocks = [])
  221.     {
  222.         $macros = $this->macros;
  223.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  224.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  226.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  227.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  229.         // line 156
  230.         echo "<script>
  231.     eccube.classCategories = ";
  232.         // line 157
  233.         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.', 157, $this->source); })()));
  234.         echo ";
  236.         // 規格2に選択肢を割り当てる。
  237.         function fnSetClassCategories(form, classcat_id2_selected) {
  238.             var \$form = \$(form);
  239.             var product_id = \$form.find('input[name=product_id]').val();
  240.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  241.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  242.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  243.         }
  245.         ";
  246.         // line 168
  247.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 168)) {
  248.             // line 169
  249.             echo "        fnSetClassCategories(
  250.             \$('#form1'), ";
  251.             // line 170
  252.             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.', 170, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 170), "vars", [], "any", false, false, false, 170), "value", [], "any", false, false, false, 170));
  253.             echo "
  254.         );
  255.         ";
  256.         } elseif (twig_get_attribute($this->env, $this->source,         // line 172
  257. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 172)) {
  258.             // line 173
  259.             echo "        eccube.checkStock(\$('#form1'), ";
  260.             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.', 173, $this->source); })()), "id", [], "any", false, false, false, 173), "html", null, true);
  261.             echo ", ";
  262.             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.', 173, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 173), "vars", [], "any", false, false, false, 173), "value", [], "any", false, false, false, 173));
  263.             echo ", null);
  264.         ";
  265.         }
  266.         // line 175
  267.         echo "    </script>
  268.     <script>
  269.         \$(function() {
  270.             // bfcache無効化
  271.             \$(window).bind('pageshow', function(event) {
  272.                 if (event.originalEvent.persisted) {
  273.                     location.reload(true);
  274.                 }
  275.             });
  277.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  278.             // img タグに width, height が付与されている.
  279.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  280.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  281.             // \$('.ec-grid2__cell').hide();
  282.             var removeSize = function () {
  283.                 \$('.slide-item').height('');
  284.                 \$('.slide-item img')
  285.                     .removeAttr('width')
  286.                     .removeAttr('height')
  287.                     .removeAttr('style');
  288.             };
  289.             var slickInitial = function(slick) {
  290.                 \$('.ec-grid2__cell').fadeIn(1500);
  291.                 var baseHeight = \$(slick.target).height();
  292.                 var baseWidth = \$(slick.target).width();
  293.                 var rate = baseWidth / baseHeight;
  295.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  296.                 // transform を使用することでCLSの影響を受けないようにする
  297.                 \$('.slide-item img')
  298.                     .css(
  299.                         {
  300.                             'transform-origin': 'top left',
  301.                             'transform': 'scaleY(' + rate + ')',
  302.                             'transition': 'transform .1s'
  303.                         }
  304.                     );
  305.                 // 正しいサイズに近くなったら属性を解除する
  306.                 setTimeout(removeSize, 500);
  307.             };
  308.             \$('.item_visual').on('init', slickInitial);
  309.             // リサイズ時は CLS の影響を受けないため属性を解除する
  310.             \$(window).resize(removeSize);
  311.             \$('.item_visual').slick({
  312.                 dots: false,
  313.                 arrows: false,
  314.                 responsive: [{
  315.                     breakpoint: 768,
  316.                     settings: {
  317.                         dots: true
  318.                     }
  319.                 }]
  320.             });
  322.             \$('.slideThumb').on('click', function() {
  323.                 var index = \$(this).attr('data-index');
  324.                 \$('.item_visual').slick('slickGoTo', index, false);
  325.             })
  326.         });
  327.     </script>
  328.     <script>
  329.         \$(function() {
  330.             \$('.add-cart').on('click', function(event) {
  331.                     // console.log('set canvas image');
  332. //
  333. //     const c = document.getElementById('uchiwaCanvas');
  334. //
  335. //     c.toBlob(function(blob) {
  336. //     const imgFile = new File([blob], 'trimedfileupload.png', {type: \"image/png\"});
  337. //     const dt = new DataTransfer();
  338. //     dt.items.add(imgFile);
  339. //     const fileInput = document.getElementById(\"file\");
  340. //     fileInput.files = dt.files;
  341. // });
  343.     // console.log('data is : ', c);
  344.     // const imgUrl = c.toDataURL();
  345.     // console.log('image is : ', imgUrl);
  346.     //
  347.     // let fd = new FormData(\$('#form1').get(0))
  348.     // fd.delete(\"file\")
  349.     // fd.append(\"file\", imgUrl )
  350.     // document.getElementById('file').value = imgUrl;
  352.                 ";
  353.         // line 260
  354.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 260)) {
  355.             // line 261
  356.             echo "                // 規格1フォームの必須チェック
  357.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  358.                     \$('#classcategory_id1')[0].setCustomValidity('";
  359.             // line 263
  360.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  361.             echo "');
  362.                     return true;
  363.                 } else {
  364.                     \$('#classcategory_id1')[0].setCustomValidity('');
  365.                 }
  366.                 ";
  367.         }
  368.         // line 269
  369.         echo "
  370.                 ";
  371.         // line 270
  372.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 270)) {
  373.             // line 271
  374.             echo "                // 規格2フォームの必須チェック
  375.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  376.                     \$('#classcategory_id2')[0].setCustomValidity('";
  377.             // line 273
  378.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  379.             echo "');
  380.                     return true;
  381.                 } else {
  382.                     \$('#classcategory_id2')[0].setCustomValidity('');
  383.                 }
  384.                 ";
  385.         }
  386.         // line 279
  387.         echo "
  388.                 // 個数フォームのチェック
  389.                 if (\$('#quantity').val() < 1) {
  390.                     \$('#quantity')[0].setCustomValidity('";
  391.         // line 282
  392.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  393.         echo "');
  394.                     return true;
  395.                 } else {
  396.                     \$('#quantity')[0].setCustomValidity('');
  397.                 }
  399.                 event.preventDefault();
  400.                 const \$form = \$('#form1');
  401.     const formData = new FormData(\$form.get(0));
  402.                 \$.ajax({
  403.                     url: \$form.attr('action'),
  404.                     type: \$form.attr('method'),
  405.                     // data: \$form.serialize(),
  406.                     data: formData,
  407.                     processData: false,
  408.                     // contentType: 'multipart/form-data',
  409.                     contentType: false,
  410.                     dataType: 'json',
  411.                     // async: false,
  412.                     beforeSend: function(xhr, settings) {
  413.                         // Buttonを無効にする
  414.                         \$('.add-cart').prop('disabled', true);
  415.                     }
  416.                 }).done(function(data) {
  417.                     // レスポンス内のメッセージをalertで表示
  418.                     \$.each(data.messages, function() {
  419.                         \$('#ec-modal-header').text(this);
  420.                     });
  422.                     \$('.ec-modal').show()
  424.                     // カートブロックを更新する
  425.                     \$.ajax({
  426.                         url: \"";
  427.         // line 315
  428.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  429.         echo "\",
  430.                         type: 'GET',
  431.                         dataType: 'html'
  432.                     }).done(function(html) {
  433.                         \$('.ec-headerRole__cart').html(html);
  434.                     });
  435.                 }).fail(function(data) {
  436.                     alert('";
  437.         // line 322
  438.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  439.         echo "');
  440.                 }).always(function(data) {
  441.                     // Buttonを有効にする
  442.                     \$('.add-cart').prop('disabled', false);
  443.                 });
  444.             });
  445.         });
  447.         \$('.ec-modal-wrap').on('click', function(e) {
  448.             // モーダル内の処理は外側にバブリングさせない
  449.             e.stopPropagation();
  450.         });
  451.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  452.             \$('.ec-modal').hide()
  453.         });
  454.         const sheet_size = '";
  455.         // line 337
  456.         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.', 337, $this->source); })()), "sheet_size", [], "any", false, false, false, 337), "html", null, true);
  457.         echo "';
  458.         const decoration_type = '";
  459.         // line 338
  460.         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.', 338, $this->source); })()), "product_decoration_type", [], "any", false, false, false, 338), "html", null, true);
  461.         echo "'
  462.     </script>
  466.     <script type=\"application/ld+json\">
  467.     {
  468.         \"@context\": \"https://schema.org/\",
  469.         \"@type\": \"Product\",
  470.         \"name\": \"";
  471.         // line 347
  472.         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.', 347, $this->source); })()), "name", [], "any", false, false, false, 347), "html", null, true);
  473.         echo "\",
  474.         \"image\": [
  475.             ";
  476.         // line 349
  477.         $context['_parent'] = $context;
  478.         $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.', 349, $this->source); })()), "ProductImage", [], "any", false, false, false, 349));
  479.         $context['_iterated'] = false;
  480.         $context['loop'] = [
  481.           'parent' => $context['_parent'],
  482.           'index0' => 0,
  483.           'index'  => 1,
  484.           'first'  => true,
  485.         ];
  486.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  487.             $length = count($context['_seq']);
  488.             $context['loop']['revindex0'] = $length - 1;
  489.             $context['loop']['revindex'] = $length;
  490.             $context['loop']['length'] = $length;
  491.             $context['loop']['last'] = 1 === $length;
  492.         }
  493.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  494.             // line 350
  495.             echo "                \"";
  496.             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.', 350, $this->source); })()), "request", [], "any", false, false, false, 350), "schemeAndHttpHost", [], "any", false, false, false, 350), "html", null, true);
  497.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  498.             echo "\"";
  499.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 350)) {
  500.                 echo ",";
  501.             }
  502.             // line 351
  503.             echo "
  504.             ";
  505.             $context['_iterated'] = true;
  506.             ++$context['loop']['index0'];
  507.             ++$context['loop']['index'];
  508.             $context['loop']['first'] = false;
  509.             if (isset($context['loop']['length'])) {
  510.                 --$context['loop']['revindex0'];
  511.                 --$context['loop']['revindex'];
  512.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  513.             }
  514.         }
  515.         if (!$context['_iterated']) {
  516.             // line 353
  517.             echo "                \"";
  518.             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.', 353, $this->source); })()), "request", [], "any", false, false, false, 353), "schemeAndHttpHost", [], "any", false, false, false, 353), "html", null, true);
  519.             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);
  520.             echo "\"
  521.             ";
  522.         }
  523.         $_parent = $context['_parent'];
  524.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  525.         $context = array_intersect_key($context, $_parent) + $_parent;
  526.         // line 355
  527.         echo "        ],
  528.         \"description\": \"";
  529.         // line 356
  530.         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, 356)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 356), 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); })()), "description_detail", [], "any", false, false, false, 356))) : (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); })()), "description_detail", [], "any", false, false, false, 356))), ["
  531. " => "", " " => ""]), 0, 300), "html", null, true);
  532.         echo "\",
  533.         ";
  534.         // line 357
  535.         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.', 357, $this->source); })()), "code_min", [], "any", false, false, false, 357)) {
  536.             // line 358
  537.             echo "        \"sku\": \"";
  538.             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.', 358, $this->source); })()), "code_min", [], "any", false, false, false, 358), "html", null, true);
  539.             echo "\",
  540.         ";
  541.         }
  542.         // line 360
  543.         echo "        \"offers\": {
  544.             \"@type\": \"Offer\",
  545.             \"url\": \"";
  546.         // line 362
  547.         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.', 362, $this->source); })()), "id", [], "any", false, false, false, 362)]), "html", null, true);
  548.         echo "\",
  549.             \"priceCurrency\": \"";
  550.         // line 363
  551.         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.', 363, $this->source); })()), "currency", [], "any", false, false, false, 363), "html", null, true);
  552.         echo "\",
  553.             \"price\": ";
  554.         // line 364
  555.         ((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.', 364, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 364)) ? (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.', 364, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 364), "html", null, true))) : (print (0)));
  556.         echo ",
  557.             \"availability\": \"";
  558.         // line 365
  559.         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.', 365, $this->source); })()), "stock_find", [], "any", false, false, false, 365)) ? ("InStock") : ("OutOfStock"));
  560.         echo "\"
  561.         }
  562.     }
  563.     </script>
  564.     <script async src=\"https://ga.jspm.io/npm:es-module-shims@1.6.2/dist/es-module-shims.js\"></script>
  566. ";
  567.         // line 381
  568.         echo "
  569.     <script src=\"https://cdn.jsdelivr.net/npm/vue@3.5.13/dist/vue.global.min.js\"></script>
  570.     <script src=\"https://cdn.jsdelivr.net/npm/vue3-sfc-loader/dist/vue3-sfc-loader.js\"></script>
  571. <script src=\"https://cdn.jsdelivr.net/npm/vuetify@3.7.16/dist/vuetify.min.js\"></script>
  573. ";
  574.         
  575.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  577.         
  578.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  580.     }
  582.     // line 388
  583.     public function block_main($context, array $blocks = [])
  584.     {
  585.         $macros = $this->macros;
  586.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  587.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  589.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  590.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  592.         // line 389
  593.         echo "    ";
  594.         $context["hasCategory"] = false;
  595.         // line 390
  596.         echo "    ";
  597.         $context["hasFile"] = false;
  598.         // line 391
  599.         echo "    ";
  600.         $context['_parent'] = $context;
  601.         $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.', 391, $this->source); })()), "ProductCategories", [], "any", false, false, false, 391));
  602.         foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  603.             // line 392
  604.             echo "        ";
  605.             if (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 392), "id", [], "any", false, false, false, 392) == 8) || (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 392), "id", [], "any", false, false, false, 392) == 20))) {
  606.                 // line 393
  607.                 echo "            ";
  608.                 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.', 393, $this->source); })()), "product_input_type", [], "any", false, false, false, 393) == "on")) {
  609.                     // line 394
  610.                     echo "                ";
  611.                     $context["hasCategory"] = true;
  612.                     // line 395
  613.                     echo "            ";
  614.                 }
  615.                 // line 396
  616.                 echo "        ";
  617.             }
  618.             // line 397
  619.             echo "        ";
  620.             if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 397), "id", [], "any", false, false, false, 397) == 23)) {
  621.                 // line 398
  622.                 echo "        ";
  623.                 $context["hasFile"] = true;
  624.                 // line 399
  625.                 echo "        ";
  626.             }
  627.             // line 400
  628.             echo "    ";
  629.         }
  630.         $_parent = $context['_parent'];
  631.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  632.         $context = array_intersect_key($context, $_parent) + $_parent;
  633.         // line 401
  634.         echo "    <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300..400,0..1,0&display=swap\" media=\"print\" onload=\"this.media='all'\">
  635.     <div class=\"ec-productRole\">
  636.         <div class=\"ec-grid2\">
  637.             <div class=\"ec-grid2__cell\">
  638.                 <div class=\"product-image\">
  639.                     ";
  640.         // line 406
  641.         if (((isset($context["hasCategory"]) || array_key_exists("hasCategory", $context) ? $context["hasCategory"] : (function () { throw new RuntimeError('Variable "hasCategory" does not exist.', 406, $this->source); })()) == true)) {
  642.             // line 407
  643.             echo "                        <div id=\"app\"></div>
  644.                         <div class=\"uchiwa_img_wrapper\" style=\"width:50%;margin: 20px\">
  645.                             <canvas id=\"uchiwaCanvas\" class=\"img_canvas\" height=\"512\" width=\"512\"></canvas>
  646.                         </div>
  647.                         <div id=\"downloadSpinners\">
  648.                             <svg class=\"q-spinner text-primary\" width=\"4em\" height=\"4em\" viewBox=\"0 0 38 38\"
  649.                                  xmlns=\"http://www.w3.org/2000/svg\">
  650.                                 <defs>
  651.                                     <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">
  652.                                         <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>
  653.                                         <stop stop-color=\"currentColor\" stop-opacity=\".631\" offset=\"63.146%\"></stop>
  654.                                         <stop stop-color=\"currentColor\" offset=\"100%\"></stop>
  655.                                     </linearGradient>
  656.                                 </defs>
  657.                                 <g transform=\"translate(1 1)\" fill=\"none\" fill-rule=\"evenodd\">
  658.                                     <path d=\"M36 18c0-9.94-8.06-18-18-18\" stroke=\"url(#a)\" stroke-width=\"2\">
  659.                                         <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\"
  660.                                                           to=\"360 18 18\" dur=\"0.9s\"
  661.                                                           repeatCount=\"indefinite\"></animateTransform>
  662.                                     </path>
  663.                                     <circle fill=\"currentColor\" cx=\"36\" cy=\"18\" r=\"1\">
  664.                                         <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\"
  665.                                                           to=\"360 18 18\" dur=\"0.9s\"
  666.                                                           repeatCount=\"indefinite\"></animateTransform>
  667.                                     </circle>
  668.                                 </g>
  669.                             </svg><!----></div>
  670.                     ";
  671.         }
  672.         // line 435
  673.         echo "                    ";
  674.         // line 436
  675.         echo "                    ";
  676.         // line 437
  677.         echo "                    ";
  678.         // line 438
  679.         echo "                    ";
  680.         // line 439
  681.         echo "                    ";
  682.         // line 440
  683.         echo "
  684.                 </div>
  686.                 <div class=\"ec-sliderItemRole\">
  688.                     ";
  689.         // line 445
  690.         if (((isset($context["hasCategory"]) || array_key_exists("hasCategory", $context) ? $context["hasCategory"] : (function () { throw new RuntimeError('Variable "hasCategory" does not exist.', 445, $this->source); })()) == false)) {
  691.             // line 446
  692.             echo "                        <div class=\"item_visual\">
  693.                             ";
  694.             // line 447
  695.             $context['_parent'] = $context;
  696.             $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.', 447, $this->source); })()), "ProductImage", [], "any", false, false, false, 447));
  697.             $context['_iterated'] = false;
  698.             $context['loop'] = [
  699.               'parent' => $context['_parent'],
  700.               'index0' => 0,
  701.               'index'  => 1,
  702.               'first'  => true,
  703.             ];
  704.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  705.                 $length = count($context['_seq']);
  706.                 $context['loop']['revindex0'] = $length - 1;
  707.                 $context['loop']['revindex'] = $length;
  708.                 $context['loop']['length'] = $length;
  709.                 $context['loop']['last'] = 1 === $length;
  710.             }
  711.             foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  712.                 // line 448
  713.                 echo "                                <div class=\"slide-item\"><img src=\"";
  714.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  715.                 echo "\"
  716.                                                              alt=\"";
  717.                 // line 449
  718.                 ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 449)) ? (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.', 449, $this->source); })()), "name", [], "any", false, false, false, 449), "html", null, true))) : (print ("")));
  719.                 echo "\" width=\"550\"
  720.                                                              height=\"550\"";
  721.                 // line 450
  722.                 if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 450) > 1)) {
  723.                     echo " loading=\"lazy\"";
  724.                 }
  725.                 echo ">
  726.                                 </div>
  727.                             ";
  728.                 $context['_iterated'] = true;
  729.                 ++$context['loop']['index0'];
  730.                 ++$context['loop']['index'];
  731.                 $context['loop']['first'] = false;
  732.                 if (isset($context['loop']['length'])) {
  733.                     --$context['loop']['revindex0'];
  734.                     --$context['loop']['revindex'];
  735.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  736.                 }
  737.             }
  738.             if (!$context['_iterated']) {
  739.                 // line 453
  740.                 echo "                                <div class=\"slide-item\"><img src=\"";
  741.                 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);
  742.                 echo "\"
  743.                                                              alt=\"";
  744.                 // line 454
  745.                 ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 454)) ? (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.', 454, $this->source); })()), "name", [], "any", false, false, false, 454), "html", null, true))) : (print ("")));
  746.                 echo "\" width=\"550\"
  747.                                                              height=\"550\"></div>
  748.                             ";
  749.             }
  750.             $_parent = $context['_parent'];
  751.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  752.             $context = array_intersect_key($context, $_parent) + $_parent;
  753.             // line 457
  754.             echo "                        </div>
  755.                         <div class=\"item_nav\">
  756.                             ";
  757.             // line 459
  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.', 459, $this->source); })()), "ProductImage", [], "any", false, false, false, 459));
  760.             $context['loop'] = [
  761.               'parent' => $context['_parent'],
  762.               'index0' => 0,
  763.               'index'  => 1,
  764.               'first'  => true,
  765.             ];
  766.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  767.                 $length = count($context['_seq']);
  768.                 $context['loop']['revindex0'] = $length - 1;
  769.                 $context['loop']['revindex'] = $length;
  770.                 $context['loop']['length'] = $length;
  771.                 $context['loop']['last'] = 1 === $length;
  772.             }
  773.             foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  774.                 // line 460
  775.                 echo "                                <div class=\"slideThumb\" data-index=\"";
  776.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 460), "html", null, true);
  777.                 echo "\"><img
  778.                                             src=\"";
  779.                 // line 461
  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=\"\" width=\"133\"
  782.                                             height=\"133\"
  783.                                             loading=\"lazy\"></div>
  784.                             ";
  785.                 ++$context['loop']['index0'];
  786.                 ++$context['loop']['index'];
  787.                 $context['loop']['first'] = false;
  788.                 if (isset($context['loop']['length'])) {
  789.                     --$context['loop']['revindex0'];
  790.                     --$context['loop']['revindex'];
  791.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  792.                 }
  793.             }
  794.             $_parent = $context['_parent'];
  795.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  796.             $context = array_intersect_key($context, $_parent) + $_parent;
  797.             // line 465
  798.             echo "                        </div>
  799.                     ";
  800.         }
  801.         // line 467
  802.         echo "                </div>
  804.                 ";
  805.         // line 469
  806.         if ((((isset($context["hasCategory"]) || array_key_exists("hasCategory", $context) ? $context["hasCategory"] : (function () { throw new RuntimeError('Variable "hasCategory" does not exist.', 469, $this->source); })()) == true) || ((isset($context["hasFile"]) || array_key_exists("hasFile", $context) ? $context["hasFile"] : (function () { throw new RuntimeError('Variable "hasFile" does not exist.', 469, $this->source); })()) == true))) {
  807.             // line 470
  808.             echo "                    <div style=\"margin-top: 120px;\">
  809. ";
  810.             // line 472
  811.             echo "                        ";
  812.             // line 473
  813.             echo "                        <h4>ご注意</h4>
  814.                         <p class=\"text-announce\">実際の商品は、仕上がりイメージと若干異なる場合があります</p>
  815.                     ";
  816.             // line 475
  817.             if (((isset($context["hasCategory"]) || array_key_exists("hasCategory", $context) ? $context["hasCategory"] : (function () { throw new RuntimeError('Variable "hasCategory" does not exist.', 475, $this->source); })()) == true)) {
  818.                 // line 476
  819.                 echo "                        <p class=\"text-announce\">ひらがななどで全体が一枚でつながらない場合には、背景でつながるげることがあります</p>
  820.                     ";
  821.             }
  822.             // line 478
  823.             echo "                    </div>
  824.                     <div>
  825.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic1.jpg\"
  826.                              alt=\"カラー一覧\"><br>
  827.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic2.jpg\"
  828.                              alt=\"カラー一覧\"><br>
  829.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic3.jpg\"
  830.                              alt=\"カラー一覧\">
  831.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_glitter1.jpg\"
  832.                              alt=\"グリッターカラー一覧\"><br>
  833.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/use_font.jpg\"
  834.                              alt=\"書体見本\">
  835.                     </div>
  836.                 ";
  837.         }
  838.         // line 492
  839.         echo "            </div>
  840.             <div class=\"ec-grid2__cell\">
  841.                 <div class=\"ec-productRole__profile\">
  842.                     ";
  843.         // line 496
  844.         echo "                    <div class=\"ec-productRole__title\">
  845.                         <h2 class=\"ec-headingTitle\">";
  846.         // line 497
  847.         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.', 497, $this->source); })()), "name", [], "any", false, false, false, 497), "html", null, true);
  848.         echo "</h2>
  849.                     </div>
  851.                     ";
  852.         // line 501
  853.         echo "                    ";
  854.         // line 502
  855.         echo "                    ";
  856.         // line 503
  857.         echo "                    ";
  858.         // line 504
  859.         echo "                    ";
  860.         // line 505
  861.         echo "                    ";
  862.         // line 506
  863.         echo "                    ";
  864.         // line 507
  865.         echo "                    ";
  866.         // line 508
  867.         echo "                    ";
  868.         // line 509
  869.         echo "                    ";
  870.         // line 510
  871.         echo "                    ";
  872.         // line 511
  873.         echo "                    ";
  874.         // line 512
  875.         echo "                    ";
  876.         // line 513
  877.         echo "                    ";
  878.         // line 514
  879.         echo "                    ";
  880.         // line 515
  881.         echo "                    ";
  882.         // line 516
  883.         echo "                    ";
  884.         // line 517
  885.         echo "                    ";
  886.         // line 518
  887.         echo "                    ";
  888.         // line 519
  889.         echo "                    ";
  890.         // line 520
  891.         echo "                    ";
  892.         // line 521
  893.         echo "                    ";
  894.         // line 522
  895.         echo "                    ";
  896.         // line 523
  897.         echo "                    ";
  898.         // line 524
  899.         echo "
  900.                     ";
  901.         // line 526
  902.         echo "                    <ul class=\"ec-productRole__tags\">
  903.                         ";
  904.         // line 527
  905.         $context['_parent'] = $context;
  906.         $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.', 527, $this->source); })()), "Tags", [], "any", false, false, false, 527));
  907.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  908.             // line 528
  909.             echo "                            <li class=\"ec-productRole__tag tag_";
  910.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 528), "html", null, true);
  911.             echo "\">";
  912.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  913.             echo "</li>
  914.                         ";
  915.         }
  916.         $_parent = $context['_parent'];
  917.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  918.         $context = array_intersect_key($context, $_parent) + $_parent;
  919.         // line 530
  920.         echo "                    </ul>
  921.                     ";
  922.         // line 532
  923.         echo "                    ";
  924.         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.', 532, $this->source); })()), "hasProductClass", [], "any", false, false, false, 532)) {
  925.             // line 533
  926.             echo "<div class=\"ec-productRole__priceRegular\">
  927.                             ";
  928.             // line 534
  929.             if (( !(null === 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.', 534, $this->source); })()), "getPrice01Min", [], "any", false, false, false, 534)) && (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.', 534, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, false, 534) == 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.', 534, $this->source); })()), "getPrice01IncTaxMax", [], "any", false, false, false, 534)))) {
  930.                 // line 535
  931.                 echo "                                <span class=\"ec-productRole__priceRegularPrice\">";
  932.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  933.                 echo "：<span
  934.                                             class=\"price01-default\">";
  935.                 // line 536
  936.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 536, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, false, 536)), "html", null, true);
  937.                 echo "</span></span>
  938.                                 <span class=\"ec-productRole__priceRegularTax\">";
  939.                 // line 537
  940.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  941.                 echo "</span>
  942.                             ";
  943.             } elseif (( !(null === twig_get_attribute($this->env, $this->source,             // line 538
  944. (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 538, $this->source); })()), "getPrice01Min", [], "any", false, false, false, 538)) &&  !(null === 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.', 538, $this->source); })()), "getPrice01Max", [], "any", false, false, false, 538)))) {
  945.                 // line 539
  946.                 echo "                                <span class=\"ec-productRole__priceRegularPrice\">";
  947.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  948.                 echo "：<span
  949.                                             class=\"price01-default\">";
  950.                 // line 540
  951.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 540, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, false, 540)), "html", null, true);
  952.                 echo "～ ";
  953.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 540, $this->source); })()), "getPrice01IncTaxMax", [], "any", false, false, false, 540)), "html", null, true);
  954.                 echo "</span></span>
  955.                                 <span class=\"ec-productRole__priceRegularTax\">";
  956.                 // line 541
  957.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  958.                 echo "</span>
  959.                             ";
  960.             }
  961.             // line 543
  962.             echo "                        </div>
  963.                     ";
  964.         } else {
  965.             // line 545
  966.             echo "                        ";
  967.             if ( !(null === 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.', 545, $this->source); })()), "getPrice01Max", [], "any", false, false, false, 545))) {
  968.                 // line 546
  969.                 echo "                            <span class=\"ec-productRole__priceRegularPrice\">";
  970.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("通常価格"), "html", null, true);
  971.                 echo "：";
  972.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 546, $this->source); })()), "getPrice01IncTaxMin", [], "any", false, false, false, 546)), "html", null, true);
  973.                 echo "</span>
  974.                             <span class=\"ec-productRole__priceRegularTax\">";
  975.                 // line 547
  976.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  977.                 echo "</span>
  978.                         ";
  979.             }
  980.             // line 549
  981.             echo "                    ";
  982.         }
  983.         // line 550
  984.         echo "                    ";
  985.         // line 551
  986.         echo "                    <div class=\"ec-productRole__price\">
  987.                         ";
  988.         // line 552
  989.         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.', 552, $this->source); })()), "hasProductClass", [], "any", false, false, false, 552)) {
  990.             // line 553
  991.             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.', 553, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 553) == 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.', 553, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 553))) {
  992.                 // line 554
  993.                 echo "                                <div class=\"ec-price\">
  994.                                     <span class=\"ec-price__price price02-default\">";
  995.                 // line 555
  996.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 555, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 555)), "html", null, true);
  997.                 echo "</span>
  998.                                     <span class=\"ec-price__tax\">";
  999.                 // line 556
  1000.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1001.                 echo "</span>
  1002.                                 </div>
  1003.                             ";
  1004.             } else {
  1005.                 // line 559
  1006.                 echo "                                <div class=\"ec-price\">
  1007.                                     <span class=\"ec-price__price price02-default\">";
  1008.                 // line 560
  1009.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 560, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 560)), "html", null, true);
  1010.                 echo " ～ ";
  1011.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 560, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 560)), "html", null, true);
  1012.                 echo "</span>
  1013.                                     <span class=\"ec-price__tax\">";
  1014.                 // line 561
  1015.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1016.                 echo "</span>
  1017.                                 </div>
  1018.                             ";
  1019.             }
  1020.             // line 564
  1021.             echo "                        ";
  1022.         } else {
  1023.             // line 565
  1024.             echo "                            <div class=\"ec-price\">
  1025.                                 <span class=\"ec-price__price\">";
  1026.             // line 566
  1027.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(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.', 566, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 566)), "html", null, true);
  1028.             echo "</span>
  1029.                                 <span class=\"ec-price__tax\">";
  1030.             // line 567
  1031.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  1032.             echo "</span>
  1033.                             </div>
  1034.                         ";
  1035.         }
  1036.         // line 570
  1037.         echo "                    </div>
  1038.                     ";
  1039.         // line 572
  1040.         echo "                    ";
  1041.         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.', 572, $this->source); })()), "code_min", [], "any", false, false, false, 572))) {
  1042.             // line 573
  1043.             echo "                        <div class=\"ec-productRole__code\">
  1044.                             ";
  1045.             // line 574
  1046.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  1047.             echo "： <span
  1048.                                     class=\"product-code-default\">";
  1049.             // line 575
  1050.             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.', 575, $this->source); })()), "code_min", [], "any", false, false, false, 575), "html", null, true);
  1051.             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.', 575, $this->source); })()), "code_min", [], "any", false, false, false, 575) != 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.', 575, $this->source); })()), "code_max", [], "any", false, false, false, 575))) {
  1052.                 echo " ～ ";
  1053.                 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.', 575, $this->source); })()), "code_max", [], "any", false, false, false, 575), "html", null, true);
  1054.             }
  1055.             echo "</span>
  1056.                         </div>
  1057.                     ";
  1058.         }
  1059.         // line 578
  1060.         echo "                    ";
  1061.         // line 579
  1062.         echo "                    ";
  1063.         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.', 579, $this->source); })()), "ProductCategories", [], "any", false, false, false, 579))) {
  1064.             // line 580
  1065.             echo "                        <div class=\"ec-productRole__category\">
  1066.                             <div>";
  1067.             // line 581
  1068.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("関連カテゴリ"), "html", null, true);
  1069.             echo "</div>
  1070.                             ";
  1071.             // line 582
  1072.             $context['_parent'] = $context;
  1073.             $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.', 582, $this->source); })()), "ProductCategories", [], "any", false, false, false, 582));
  1074.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  1075.                 // line 583
  1076.                 echo "                                <ul>
  1077.                                     <li>
  1078.                                         ";
  1079.                 // line 585
  1080.                 $context['_parent'] = $context;
  1081.                 $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 585), "path", [], "any", false, false, false, 585));
  1082.                 $context['loop'] = [
  1083.                   'parent' => $context['_parent'],
  1084.                   'index0' => 0,
  1085.                   'index'  => 1,
  1086.                   'first'  => true,
  1087.                 ];
  1088.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1089.                     $length = count($context['_seq']);
  1090.                     $context['loop']['revindex0'] = $length - 1;
  1091.                     $context['loop']['revindex'] = $length;
  1092.                     $context['loop']['length'] = $length;
  1093.                     $context['loop']['last'] = 1 === $length;
  1094.                 }
  1095.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  1096.                     // line 586
  1097.                     echo "                                            <a href=\"";
  1098.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1099.                     echo "?category_id=";
  1100.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 586), "html", null, true);
  1101.                     echo "\">";
  1102.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 586), "html", null, true);
  1103.                     echo "</a>";
  1104.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 586) == false)) {
  1105.                         // line 587
  1106.                         echo "                                            <span>＞</span>";
  1107.                     }
  1108.                     ++$context['loop']['index0'];
  1109.                     ++$context['loop']['index'];
  1110.                     $context['loop']['first'] = false;
  1111.                     if (isset($context['loop']['length'])) {
  1112.                         --$context['loop']['revindex0'];
  1113.                         --$context['loop']['revindex'];
  1114.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1115.                     }
  1116.                 }
  1117.                 $_parent = $context['_parent'];
  1118.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  1119.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1120.                 // line 589
  1121.                 echo "                                    </li>
  1122.                                 </ul>
  1123.                             ";
  1124.             }
  1125.             $_parent = $context['_parent'];
  1126.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  1127.             $context = array_intersect_key($context, $_parent) + $_parent;
  1128.             // line 592
  1129.             echo "                        </div>
  1130.                     ";
  1131.         }
  1132.         // line 594
  1133.         echo "                    <form action=\"";
  1134.         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.', 594, $this->source); })()), "id", [], "any", false, false, false, 594)]), "html", null, true);
  1135.         echo "\" method=\"post\" id=\"form1\" name=\"form1\"
  1136.                           enctype=\"multipart/form-data\">
  1137.                         ";
  1138.         // line 596
  1139.         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.', 596, $this->source); })()), "stock_find", [], "any", false, false, false, 596)) {
  1140.             // line 597
  1141.             echo "                            <div class=\"ec-productRole__actions\">
  1142.                                 ";
  1143.             // line 598
  1144.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 598)) {
  1145.                 // line 599
  1146.                 echo "                                    <div class=\"ec-select\">
  1147.                                         ";
  1148.                 // line 600
  1149.                 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.', 600, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 600), 'row');
  1150.                 echo "
  1151.                                         ";
  1152.                 // line 601
  1153.                 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.', 601, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 601), 'errors');
  1154.                 echo "
  1155.                                     </div>
  1156.                                     ";
  1157.                 // line 603
  1158.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 603)) {
  1159.                     // line 604
  1160.                     echo "                                        <div class=\"ec-select\">
  1161.                                             ";
  1162.                     // line 605
  1163.                     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.', 605, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 605), 'row');
  1164.                     echo "
  1165.                                             ";
  1166.                     // line 606
  1167.                     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.', 606, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 606), 'errors');
  1168.                     echo "
  1169.                                         </div>
  1170.                                     ";
  1171.                 }
  1172.                 // line 609
  1173.                 echo "                                ";
  1174.             }
  1175.             // line 610
  1176.             echo "
  1178.                             </div>
  1180. ";
  1181.             // line 617
  1182.             echo "
  1183.                             ";
  1184.             // line 618
  1185.             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.', 618, $this->source); })()), 'rest');
  1186.             echo "
  1188.                             <div class=\"ec-productRole__btn\">
  1189.                                 <button id=\"add-cart-button\" type=\"submit\" class=\"ec-blockBtn--action add-cart\"
  1190.                                         disabled>
  1191.                                     ";
  1192.             // line 623
  1193.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに入れる"), "html", null, true);
  1194.             echo "
  1195.                                 </button>
  1196.                             </div>
  1197.                         ";
  1198.         } else {
  1199.             // line 627
  1200.             echo "                            <div class=\"ec-productRole__btn\">
  1201.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  1202.                                     ";
  1203.             // line 629
  1204.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  1205.             echo "
  1206.                                 </button>
  1207.                             </div>
  1208.                         ";
  1209.         }
  1210.         // line 633
  1211.         echo "                        ";
  1212.         // line 634
  1213.         echo "                    </form>
  1214.                     <div class=\"ec-modal\">
  1215.                         <div class=\"ec-modal-overlay\">
  1216.                             <div class=\"ec-modal-wrap\">
  1217.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img
  1218.                                                 src=\"";
  1219.         // line 639
  1220.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  1221.         echo "\" alt=\"\"/></span></span>
  1222.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  1223.         // line 640
  1224.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  1225.         echo "</div>
  1226.                                 <div class=\"ec-modal-box\">
  1227.                                     <div class=\"ec-role\">
  1228.                                         <span class=\"ec-inlineBtn--cancel\">";
  1229.         // line 643
  1230.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お買い物を続ける"), "html", null, true);
  1231.         echo "</span>
  1232.                                         <a href=\"";
  1233.         // line 644
  1234.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  1235.         echo "\"
  1236.                                            class=\"ec-inlineBtn--action\">";
  1237.         // line 645
  1238.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへ進む"), "html", null, true);
  1239.         echo "</a>
  1240.                                     </div>
  1241.                                 </div>
  1242.                             </div>
  1243.                         </div>
  1244.                     </div>
  1245.                     ";
  1246.         // line 651
  1247.         if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 651, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 651)) {
  1248.             // line 652
  1249.             echo "                        <form action=\"";
  1250.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["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.', 652, $this->source); })()), "id", [], "any", false, false, false, 652)]), "html", null, true);
  1251.             echo "\" method=\"post\">
  1252.                             <div class=\"ec-productRole__btn\">
  1253.                                 ";
  1254.             // line 654
  1255.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 654, $this->source); })()) == false)) {
  1256.                 // line 655
  1257.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--action\">
  1258.                                         ";
  1259.                 // line 656
  1260.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加"), "html", null, true);
  1261.                 echo "
  1262.                                     </button>
  1263.                                 ";
  1264.             } else {
  1265.                 // line 659
  1266.                 echo "                                    <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--action\"
  1267.                                             disabled=\"disabled\">";
  1268.                 // line 660
  1269.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("お気に入りに追加済です。"), "html", null, true);
  1270.                 echo "
  1271.                                     </button>
  1272.                                 ";
  1273.             }
  1274.             // line 663
  1275.             echo "                            </div>
  1276.                         </form>
  1277.                     ";
  1278.         }
  1279.         // line 666
  1280.         echo "                    <div class=\"ec-productRole__description\">";
  1281.         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.', 666, $this->source); })()), "description_detail", [], "any", false, false, false, 666));
  1282.         echo "
  1283.                     </div>
  1284.                 </div>
  1285.             </div>
  1286.         </div>
  1287.         ";
  1288.         // line 671
  1289.         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.', 671, $this->source); })()), "freearea", [], "any", false, false, false, 671)) {
  1290.             // line 672
  1291.             echo "            <div class=\"ec-productRole__description\">
  1292.                 ";
  1293.             // line 673
  1294.             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.', 673, $this->source); })()), "freearea", [], "any", false, false, false, 673)));
  1295.             echo "
  1296.             </div>
  1297.         ";
  1298.         }
  1299.         // line 676
  1300.         echo "    </div>
  1303.     ";
  1304.         // line 679
  1305.         if (((isset($context["hasCategory"]) || array_key_exists("hasCategory", $context) ? $context["hasCategory"] : (function () { throw new RuntimeError('Variable "hasCategory" does not exist.', 679, $this->source); })()) == true)) {
  1306.             // line 680
  1307.             echo "        <script>
  1308.                 const sheetSize = \"";
  1309.             // line 681
  1310.             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.', 681, $this->source); })()), "sheet_size", [], "any", false, false, false, 681), "html", null, true);
  1311.             echo "\";
  1312.             ";
  1313.             // line 683
  1314.             echo "            // https://mirai-kanban.com/ecshop/html/user_data/assets/js/test2.html
  1315.             const product_color_type1 = '";
  1316.             // line 684
  1317.             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.', 684, $this->source); })()), "product_color_type1", [], "any", false, false, false, 684), "html", null, true);
  1318.             echo "'
  1319.             const product_color_type2 = '";
  1320.             // line 685
  1321.             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.', 685, $this->source); })()), "product_color_type2", [], "any", false, false, false, 685), "html", null, true);
  1322.             echo "'
  1323.             if (\$('select#classcategory_id2').length > 0) {
  1324.                 console.log('cat 2', \$('select#classcategory_id2'))
  1325.                 \$('select#classcategory_id1 option:nth-child(2)').prop('selected', true);
  1326.             }
  1329.             // \$('select#classcategory_id1').trigger('change');
  1330.             // subChange();
  1332.             // function subChange() {
  1333.             //     const myData = \$('select#classcategory_id1');
  1334.             //     const \$form = \$('form#form1');
  1335.             //     // var \$form = myData.parents('form');
  1336.             //     var product_id = \$form.find('input[name=product_id]').val();
  1337.             //     var \$sele1 = myData;
  1338.             //     var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1339.             //
  1340.             //     // 規格1のみの場合
  1341.             //     if (!\$sele2.length) {
  1342.             //         eccube.checkStock(\$form, product_id, \$sele1.val(), null);
  1343.             //         // 規格2ありの場合
  1344.             //     } else {
  1345.             //         eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2);
  1346.             //     }
  1347.             // }
  1350.         </script>
  1352.         <script src=\"";
  1353.             // line 715
  1354.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/mirai.js"), "html", null, true);
  1355.             echo "\"></script>
  1357.         <script type=\"module\">
  1358.             // import { createApp, defineAsyncComponent } from 'vue';
  1359.             // import { createVuetify } from 'vuetify';
  1360.             // import {loadModule} from 'vue3-sfc-loader';
  1361.             // const { loadModule } = window['vue3-sfc-loader'];
  1362. // console.log('load modules');
  1364.             // import {createVuetify} from 'vuetify'
  1365.             // import { md2 } from 'vuetify/blueprints'
  1366.             const vue3_sfc_loader_options = {
  1367.                 moduleCache: { vue: Vue, vuetify: Vuetify.vuetify },
  1368.                 getFile(url) {
  1369.                     url = /.*?.js|.mjs|.css|.less|.vue\$/.test(url)
  1370.                         ? url
  1371.                         : `\${url}.vue`;
  1372.                     const type = /.*?.js|.mjs\$/.test(url)
  1373.                         ? \".mjs\"
  1374.                         : /.*?.vue\$/.test(url)
  1375.                             ? \".vue\"
  1376.                             : /.*?.css\$/.test(url)
  1377.                                 ? \".css\"
  1378.                                 : \".vue\";
  1379.                     const getContentData = (asBinary) =>
  1380.                         fetch(url).then((res) =>
  1381.                             !res.ok
  1382.                                 ? Promise.reject(url)
  1383.                                 : asBinary
  1384.                                     ? res.arrayBuffer()
  1385.                                     : res.text()
  1386.                         );
  1387.                     return { getContentData: getContentData, type: type };
  1388.                 },
  1389.                 addStyle(textContent) {
  1390.                     let styleElement = document.createElement(\"style\");
  1391.                     document.head.insertBefore(
  1392.                         Object.assign(styleElement, { textContent }),
  1393.                         document.head.getElementsByTagName(\"style\")[0] || null
  1394.                     );
  1395.                 },
  1396.                 handleModule(type, getContentData, path, options) {
  1397.                     switch (type) {
  1398.                         case \".css\":
  1399.                             return options.addStyle(getContentData(false));
  1400.                         case \".less\":
  1401.                             console.error(\".......\");
  1402.                     }
  1403.                 },
  1404.                 log(type, ...args) {
  1405.                     console.log(type, ...args);
  1406.                 },
  1407.             };
  1408.             const { loadModule } = window[\"vue3-sfc-loader\"];
  1410.             const app = Vue.createApp(
  1411.                 Vue.defineAsyncComponent(
  1412.                     () => loadModule(\"";
  1413.             // line 772
  1414.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/vue/main.vue"), "html", null, true);
  1415.             echo "\", vue3_sfc_loader_options)
  1416.                 ),
  1417.             )
  1418. // ";
  1419.             // line 775
  1420.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/vue/main.vue"), "html", null, true);
  1421.             echo "
  1422.             console.log('start vue');
  1423.             // const vuetify = createVuetify();
  1424.             // const app = createApp({
  1425.             //     components: {
  1426.             //         'my-component': defineAsyncComponent(() =>
  1427.             //             loadModule(
  1428.             //                 \"assets/vue/main.vue\",
  1429.             //                 vue3_sfc_loader_options
  1430.             //             )
  1431.             //         ),
  1432.             //     },
  1433.             //     template: `<my-component />`,
  1434.             // });
  1436.             const { createVuetify } = Vuetify;
  1437.             const vuetify = createVuetify({
  1438.                 theme: {
  1439.                     defaultTheme: 'light'
  1440.                 },
  1441.                 // blueprint: md2,
  1442.             });
  1443.             app.use(vuetify);
  1444.             app.mount('#app');
  1445.         </script>
  1446.         <script type=\"module\">
  1447.             ";
  1448.             // line 802
  1449.             echo "            ";
  1450.             // line 803
  1451.             echo "            ";
  1452.             // line 804
  1453.             echo "
  1454.             ";
  1455.             // line 806
  1456.             echo "            ";
  1457.             // line 807
  1458.             echo "            ";
  1459.             // line 808
  1460.             echo "            ";
  1461.             // line 809
  1462.             echo "
  1463.             // var vue = new Vue({
  1464.             //     el: '#app',
  1465.             //     components: {
  1466.             //         'vc-main-1': httpVueLoader('assets/vue/main.vue')
  1467.             //     }
  1468.             // });
  1469.         </script>
  1470.     ";
  1471.         } else {
  1472.             // line 818
  1473.             echo "        <script>
  1474.             \$('#add-cart-button').prop('disabled', false)
  1475.         </script>
  1476.     ";
  1477.         }
  1478.         // line 822
  1479.         echo "
  1480.     <script>
  1481.         \$('label[for=quantity]').text('数量')
  1482.     </script>
  1483. ";
  1484.         
  1485.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1487.         
  1488.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1490.     }
  1492.     public function getTemplateName()
  1493.     {
  1494.         return "Product/detail.twig";
  1495.     }
  1497.     public function isTraitable()
  1498.     {
  1499.         return false;
  1500.     }
  1502.     public function getDebugInfo()
  1503.     {
  1504.         return array (  1479 => 822,  1473 => 818,  1462 => 809,  1460 => 808,  1458 => 807,  1456 => 806,  1453 => 804,  1451 => 803,  1449 => 802,  1420 => 775,  1414 => 772,  1354 => 715,  1321 => 685,  1317 => 684,  1314 => 683,  1310 => 681,  1307 => 680,  1305 => 679,  1300 => 676,  1294 => 673,  1291 => 672,  1289 => 671,  1280 => 666,  1275 => 663,  1269 => 660,  1266 => 659,  1260 => 656,  1257 => 655,  1255 => 654,  1249 => 652,  1247 => 651,  1238 => 645,  1234 => 644,  1230 => 643,  1224 => 640,  1220 => 639,  1213 => 634,  1211 => 633,  1204 => 629,  1200 => 627,  1193 => 623,  1185 => 618,  1182 => 617,  1176 => 610,  1173 => 609,  1167 => 606,  1163 => 605,  1160 => 604,  1158 => 603,  1153 => 601,  1149 => 600,  1146 => 599,  1144 => 598,  1141 => 597,  1139 => 596,  1133 => 594,  1129 => 592,  1121 => 589,  1106 => 587,  1097 => 586,  1080 => 585,  1076 => 583,  1072 => 582,  1068 => 581,  1065 => 580,  1062 => 579,  1060 => 578,  1050 => 575,  1046 => 574,  1043 => 573,  1040 => 572,  1037 => 570,  1031 => 567,  1027 => 566,  1024 => 565,  1021 => 564,  1015 => 561,  1009 => 560,  1006 => 559,  1000 => 556,  996 => 555,  993 => 554,  991 => 553,  989 => 552,  986 => 551,  984 => 550,  981 => 549,  976 => 547,  969 => 546,  966 => 545,  962 => 543,  957 => 541,  951 => 540,  946 => 539,  944 => 538,  940 => 537,  936 => 536,  931 => 535,  929 => 534,  926 => 533,  923 => 532,  920 => 530,  909 => 528,  905 => 527,  902 => 526,  899 => 524,  897 => 523,  895 => 522,  893 => 521,  891 => 520,  889 => 519,  887 => 518,  885 => 517,  883 => 516,  881 => 515,  879 => 514,  877 => 513,  875 => 512,  873 => 511,  871 => 510,  869 => 509,  867 => 508,  865 => 507,  863 => 506,  861 => 505,  859 => 504,  857 => 503,  855 => 502,  853 => 501,  847 => 497,  844 => 496,  839 => 492,  823 => 478,  819 => 476,  817 => 475,  813 => 473,  811 => 472,  808 => 470,  806 => 469,  802 => 467,  798 => 465,  780 => 461,  775 => 460,  758 => 459,  754 => 457,  745 => 454,  740 => 453,  722 => 450,  718 => 449,  713 => 448,  695 => 447,  692 => 446,  690 => 445,  683 => 440,  681 => 439,  679 => 438,  677 => 437,  675 => 436,  673 => 435,  643 => 407,  641 => 406,  634 => 401,  628 => 400,  625 => 399,  622 => 398,  619 => 397,  616 => 396,  613 => 395,  610 => 394,  607 => 393,  604 => 392,  599 => 391,  596 => 390,  593 => 389,  583 => 388,  568 => 381,  559 => 365,  555 => 364,  551 => 363,  547 => 362,  543 => 360,  537 => 358,  535 => 357,  530 => 356,  527 => 355,  517 => 353,  503 => 351,  495 => 350,  477 => 349,  472 => 347,  460 => 338,  456 => 337,  438 => 322,  428 => 315,  392 => 282,  387 => 279,  378 => 273,  374 => 271,  372 => 270,  369 => 269,  360 => 263,  356 => 261,  354 => 260,  267 => 175,  259 => 173,  257 => 172,  252 => 170,  249 => 169,  247 => 168,  233 => 157,  230 => 156,  220 => 155,  207 => 150,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  1505.     }
  1507.     public function getSourceContext()
  1508.     {
  1509.         return new Source("{#
  1510. This file is part of EC-CUBE
  1512. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  1514. http://www.ec-cube.co.jp/
  1516. For the full copyright and license information, please view the LICENSE
  1517. file that was distributed with this source code.
  1518. #}
  1519. {% extends 'default_frame.twig' %}
  1521. {% set body_class = 'product_page' %}
  1523. {% block stylesheet %}
  1524.     <style>
  1526.         .slick-slider {
  1527.             margin-bottom: 30px;
  1528.         }
  1530.         .slick-dots {
  1531.             position: absolute;
  1532.             bottom: -45px;
  1533.             display: block;
  1534.             width: 100%;
  1535.             padding: 0;
  1536.             list-style: none;
  1537.             text-align: center;
  1538.         }
  1540.         .slick-dots li {
  1541.             position: relative;
  1542.             display: inline-block;
  1543.             width: 20px;
  1544.             height: 20px;
  1545.             margin: 0 5px;
  1546.             padding: 0;
  1548.             cursor: pointer;
  1549.         }
  1551.         .slick-dots li button {
  1552.             font-size: 0;
  1553.             line-height: 0;
  1554.             display: block;
  1555.             width: 20px;
  1556.             height: 20px;
  1557.             padding: 5px;
  1558.             cursor: pointer;
  1559.             color: transparent;
  1560.             border: 0;
  1561.             outline: none;
  1562.             background: transparent;
  1563.         }
  1565.         .slick-dots li button:hover,
  1566.         .slick-dots li button:focus {
  1567.             outline: none;
  1568.         }
  1570.         .slick-dots li button:hover:before,
  1571.         .slick-dots li button:focus:before {
  1572.             opacity: 1;
  1573.         }
  1575.         .slick-dots li button:before {
  1576.             content: \" \";
  1577.             line-height: 20px;
  1578.             position: absolute;
  1579.             top: 0;
  1580.             left: 0;
  1581.             width: 12px;
  1582.             height: 12px;
  1583.             text-align: center;
  1584.             opacity: .25;
  1585.             background-color: black;
  1586.             border-radius: 50%;
  1588.         }
  1591.         .slick-dots li.slick-active button:before {
  1592.             opacity: .75;
  1593.             background-color: black;
  1594.         }
  1596.         .slick-dots li button.thumbnail img {
  1597.             width: 0;
  1598.             height: 0;
  1599.         }
  1601.         #form1 > .mb-3 {
  1602.             visibility: hidden;
  1603.             height:0;
  1604.         }
  1606.         form#form1 > div.mb-3:nth-child(4) {
  1607.             visibility: visible;
  1608.             height: auto;
  1609.         }
  1611.         /*#form1 > div:nth-child(14) {*/
  1612.         /*    visibility: hidden;*/
  1613.         /*}*/
  1616.         #downloadSpinners {
  1617.             display: block;
  1618.             position: absolute;
  1619.             left: 256px;
  1620.             top: 256px;
  1621.         }
  1623.         #uchiwaCanvas {
  1624.             background-color: #cccccc;
  1625.             width: 90vW;
  1626.             max-width: 512px;
  1627.             margin-left: -20px;
  1628.         }
  1630.         .text-announce {
  1631.             color: #ff0000;
  1632.             font-weight: bold;
  1633.         }
  1635.         button#add-cart-button {
  1636.             /*background-color:#ffffff;*/
  1637.             color:#ffffff;
  1638.         }
  1640.         button#favorite {
  1641.             background-color:#ffff00;
  1642.             color:#666666;
  1643.             border: 1px solid #aaaaaa;
  1644.         }
  1645.         button#favorite:hover {
  1646.             background-color:#e6e600;
  1647.             /*color:#000000;*/
  1648.         }
  1650.         @media (min-width: 768px) and (max-width: 1070px) {
  1651.             #uchiwaCanvas {
  1652.                 width: 45vW;
  1653.             }
  1654.         }
  1655.     </style>
  1656. {#    <link href=\"https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css\" rel=\"stylesheet\">#}
  1657. {#    <link href=\"https://cdn.jsdelivr.net/npm/vuetify@3.0/dist/vuetify.min.css\" rel=\"stylesheet\">#}
  1658.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/vuetify@3.7.16/dist/vuetify.min.css\" />
  1659.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css\" />
  1660.     <link rel=\"stylesheet\" href=\"https://fonts.bunny.net/css?family=roboto:400,500,700\" />
  1661. {% endblock %}
  1663. {% block javascript %}
  1664. <script>
  1665.     eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  1667.         // 規格2に選択肢を割り当てる。
  1668.         function fnSetClassCategories(form, classcat_id2_selected) {
  1669.             var \$form = \$(form);
  1670.             var product_id = \$form.find('input[name=product_id]').val();
  1671.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1672.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1673.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1674.         }
  1676.         {% if form.classcategory_id2 is defined %}
  1677.         fnSetClassCategories(
  1678.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1679.         );
  1680.         {% elseif form.classcategory_id1 is defined %}
  1681.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1682.         {% endif %}
  1683.     </script>
  1684.     <script>
  1685.         \$(function() {
  1686.             // bfcache無効化
  1687.             \$(window).bind('pageshow', function(event) {
  1688.                 if (event.originalEvent.persisted) {
  1689.                     location.reload(true);
  1690.                 }
  1691.             });
  1693.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  1694.             // img タグに width, height が付与されている.
  1695.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  1696.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  1697.             // \$('.ec-grid2__cell').hide();
  1698.             var removeSize = function () {
  1699.                 \$('.slide-item').height('');
  1700.                 \$('.slide-item img')
  1701.                     .removeAttr('width')
  1702.                     .removeAttr('height')
  1703.                     .removeAttr('style');
  1704.             };
  1705.             var slickInitial = function(slick) {
  1706.                 \$('.ec-grid2__cell').fadeIn(1500);
  1707.                 var baseHeight = \$(slick.target).height();
  1708.                 var baseWidth = \$(slick.target).width();
  1709.                 var rate = baseWidth / baseHeight;
  1711.                 \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  1712.                 // transform を使用することでCLSの影響を受けないようにする
  1713.                 \$('.slide-item img')
  1714.                     .css(
  1715.                         {
  1716.                             'transform-origin': 'top left',
  1717.                             'transform': 'scaleY(' + rate + ')',
  1718.                             'transition': 'transform .1s'
  1719.                         }
  1720.                     );
  1721.                 // 正しいサイズに近くなったら属性を解除する
  1722.                 setTimeout(removeSize, 500);
  1723.             };
  1724.             \$('.item_visual').on('init', slickInitial);
  1725.             // リサイズ時は CLS の影響を受けないため属性を解除する
  1726.             \$(window).resize(removeSize);
  1727.             \$('.item_visual').slick({
  1728.                 dots: false,
  1729.                 arrows: false,
  1730.                 responsive: [{
  1731.                     breakpoint: 768,
  1732.                     settings: {
  1733.                         dots: true
  1734.                     }
  1735.                 }]
  1736.             });
  1738.             \$('.slideThumb').on('click', function() {
  1739.                 var index = \$(this).attr('data-index');
  1740.                 \$('.item_visual').slick('slickGoTo', index, false);
  1741.             })
  1742.         });
  1743.     </script>
  1744.     <script>
  1745.         \$(function() {
  1746.             \$('.add-cart').on('click', function(event) {
  1747.                     // console.log('set canvas image');
  1748. //
  1749. //     const c = document.getElementById('uchiwaCanvas');
  1750. //
  1751. //     c.toBlob(function(blob) {
  1752. //     const imgFile = new File([blob], 'trimedfileupload.png', {type: \"image/png\"});
  1753. //     const dt = new DataTransfer();
  1754. //     dt.items.add(imgFile);
  1755. //     const fileInput = document.getElementById(\"file\");
  1756. //     fileInput.files = dt.files;
  1757. // });
  1759.     // console.log('data is : ', c);
  1760.     // const imgUrl = c.toDataURL();
  1761.     // console.log('image is : ', imgUrl);
  1762.     //
  1763.     // let fd = new FormData(\$('#form1').get(0))
  1764.     // fd.delete(\"file\")
  1765.     // fd.append(\"file\", imgUrl )
  1766.     // document.getElementById('file').value = imgUrl;
  1768.                 {% if form.classcategory_id1 is defined %}
  1769.                 // 規格1フォームの必須チェック
  1770.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1771.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1772.                     return true;
  1773.                 } else {
  1774.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1775.                 }
  1776.                 {% endif %}
  1778.                 {% if form.classcategory_id2 is defined %}
  1779.                 // 規格2フォームの必須チェック
  1780.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1781.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1782.                     return true;
  1783.                 } else {
  1784.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1785.                 }
  1786.                 {% endif %}
  1788.                 // 個数フォームのチェック
  1789.                 if (\$('#quantity').val() < 1) {
  1790.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  1791.                     return true;
  1792.                 } else {
  1793.                     \$('#quantity')[0].setCustomValidity('');
  1794.                 }
  1796.                 event.preventDefault();
  1797.                 const \$form = \$('#form1');
  1798.     const formData = new FormData(\$form.get(0));
  1799.                 \$.ajax({
  1800.                     url: \$form.attr('action'),
  1801.                     type: \$form.attr('method'),
  1802.                     // data: \$form.serialize(),
  1803.                     data: formData,
  1804.                     processData: false,
  1805.                     // contentType: 'multipart/form-data',
  1806.                     contentType: false,
  1807.                     dataType: 'json',
  1808.                     // async: false,
  1809.                     beforeSend: function(xhr, settings) {
  1810.                         // Buttonを無効にする
  1811.                         \$('.add-cart').prop('disabled', true);
  1812.                     }
  1813.                 }).done(function(data) {
  1814.                     // レスポンス内のメッセージをalertで表示
  1815.                     \$.each(data.messages, function() {
  1816.                         \$('#ec-modal-header').text(this);
  1817.                     });
  1819.                     \$('.ec-modal').show()
  1821.                     // カートブロックを更新する
  1822.                     \$.ajax({
  1823.                         url: \"{{ url('block_cart') }}\",
  1824.                         type: 'GET',
  1825.                         dataType: 'html'
  1826.                     }).done(function(html) {
  1827.                         \$('.ec-headerRole__cart').html(html);
  1828.                     });
  1829.                 }).fail(function(data) {
  1830.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  1831.                 }).always(function(data) {
  1832.                     // Buttonを有効にする
  1833.                     \$('.add-cart').prop('disabled', false);
  1834.                 });
  1835.             });
  1836.         });
  1838.         \$('.ec-modal-wrap').on('click', function(e) {
  1839.             // モーダル内の処理は外側にバブリングさせない
  1840.             e.stopPropagation();
  1841.         });
  1842.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1843.             \$('.ec-modal').hide()
  1844.         });
  1845.         const sheet_size = '{{ Product.sheet_size }}';
  1846.         const decoration_type = '{{ Product.product_decoration_type }}'
  1847.     </script>
  1851.     <script type=\"application/ld+json\">
  1852.     {
  1853.         \"@context\": \"https://schema.org/\",
  1854.         \"@type\": \"Product\",
  1855.         \"name\": \"{{ Product.name }}\",
  1856.         \"image\": [
  1857.             {% for img in Product.ProductImage %}
  1858.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  1860.             {% else %}
  1861.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  1862.             {% endfor %}
  1863.         ],
  1864.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  1865.         {% if Product.code_min %}
  1866.         \"sku\": \"{{ Product.code_min }}\",
  1867.         {% endif %}
  1868.         \"offers\": {
  1869.             \"@type\": \"Offer\",
  1870.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  1871.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  1872.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  1873.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  1874.         }
  1875.     }
  1876.     </script>
  1877.     <script async src=\"https://ga.jspm.io/npm:es-module-shims@1.6.2/dist/es-module-shims.js\"></script>
  1879. {#<script type=\"importmap\">#}
  1880. {#  {#}
  1881. {#    \"imports\": {#}
  1882. {#      \"vue\": \"https://cdn.jsdelivr.net/npm/vue@3.5.13/dist/vue.esm-browser.js\",#}
  1883. {#\t  \"vuetify\": \"https://cdn.jsdelivr.net/npm/vuetify@3.7.12/dist/vuetify.esm.js\"#}
  1884. {#    }#}
  1885. {#  }#}
  1886. {#</script>#}
  1887. {#<script src=\"https://unpkg.com/http-vue-loader\"></script>#}
  1888. {#<script src=\"https://cdn.jsdelivr.net/npm/vue3-sfc-loader@0.9.5/dist/vue3-sfc-loader.min.js\"></script>#}
  1890.     <script src=\"https://cdn.jsdelivr.net/npm/vue@3.5.13/dist/vue.global.min.js\"></script>
  1891.     <script src=\"https://cdn.jsdelivr.net/npm/vue3-sfc-loader/dist/vue3-sfc-loader.js\"></script>
  1892. <script src=\"https://cdn.jsdelivr.net/npm/vuetify@3.7.16/dist/vuetify.min.js\"></script>
  1894. {% endblock %}
  1896. {% block main %}
  1897.     {% set hasCategory = false %}
  1898.     {% set hasFile = false %}
  1899.     {% for ProductCategory in Product.ProductCategories %}
  1900.         {% if ProductCategory.Category.id == 8 or ProductCategory.Category.id == 20 %}
  1901.             {% if Product.product_input_type == 'on' %}
  1902.                 {% set hasCategory = true %}
  1903.             {% endif %}
  1904.         {% endif %}
  1905.         {%  if ProductCategory.Category.id == 23 %}
  1906.         {% set hasFile = true %}
  1907.         {% endif %}
  1908.     {% endfor %}
  1909.     <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300..400,0..1,0&display=swap\" media=\"print\" onload=\"this.media='all'\">
  1910.     <div class=\"ec-productRole\">
  1911.         <div class=\"ec-grid2\">
  1912.             <div class=\"ec-grid2__cell\">
  1913.                 <div class=\"product-image\">
  1914.                     {% if hasCategory == true %}
  1915.                         <div id=\"app\"></div>
  1916.                         <div class=\"uchiwa_img_wrapper\" style=\"width:50%;margin: 20px\">
  1917.                             <canvas id=\"uchiwaCanvas\" class=\"img_canvas\" height=\"512\" width=\"512\"></canvas>
  1918.                         </div>
  1919.                         <div id=\"downloadSpinners\">
  1920.                             <svg class=\"q-spinner text-primary\" width=\"4em\" height=\"4em\" viewBox=\"0 0 38 38\"
  1921.                                  xmlns=\"http://www.w3.org/2000/svg\">
  1922.                                 <defs>
  1923.                                     <linearGradient x1=\"8.042%\" y1=\"0%\" x2=\"65.682%\" y2=\"23.865%\" id=\"a\">
  1924.                                         <stop stop-color=\"currentColor\" stop-opacity=\"0\" offset=\"0%\"></stop>
  1925.                                         <stop stop-color=\"currentColor\" stop-opacity=\".631\" offset=\"63.146%\"></stop>
  1926.                                         <stop stop-color=\"currentColor\" offset=\"100%\"></stop>
  1927.                                     </linearGradient>
  1928.                                 </defs>
  1929.                                 <g transform=\"translate(1 1)\" fill=\"none\" fill-rule=\"evenodd\">
  1930.                                     <path d=\"M36 18c0-9.94-8.06-18-18-18\" stroke=\"url(#a)\" stroke-width=\"2\">
  1931.                                         <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\"
  1932.                                                           to=\"360 18 18\" dur=\"0.9s\"
  1933.                                                           repeatCount=\"indefinite\"></animateTransform>
  1934.                                     </path>
  1935.                                     <circle fill=\"currentColor\" cx=\"36\" cy=\"18\" r=\"1\">
  1936.                                         <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 18 18\"
  1937.                                                           to=\"360 18 18\" dur=\"0.9s\"
  1938.                                                           repeatCount=\"indefinite\"></animateTransform>
  1939.                                     </circle>
  1940.                                 </g>
  1941.                             </svg><!----></div>
  1942.                     {% endif %}
  1943.                     {#                    {{ dump(Product) }} #}
  1944.                     {#                    {{ dump(form) }} #}
  1945.                     {#                    {% for choice in form.order_color1.choices %} #}
  1946.                     {#                    {{ dump(choice) }} #}
  1947.                     {#                    {% endfor %} #}
  1949.                 </div>
  1951.                 <div class=\"ec-sliderItemRole\">
  1953.                     {% if hasCategory == false %}
  1954.                         <div class=\"item_visual\">
  1955.                             {% for ProductImage in Product.ProductImage %}
  1956.                                 <div class=\"slide-item\"><img src=\"{{ asset(ProductImage, 'save_image') }}\"
  1957.                                                              alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\"
  1958.                                                              height=\"550\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}>
  1959.                                 </div>
  1960.                             {% else %}
  1961.                                 <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\"
  1962.                                                              alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\"
  1963.                                                              height=\"550\"></div>
  1964.                             {% endfor %}
  1965.                         </div>
  1966.                         <div class=\"item_nav\">
  1967.                             {% for ProductImage in Product.ProductImage %}
  1968.                                 <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img
  1969.                                             src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"133\"
  1970.                                             height=\"133\"
  1971.                                             loading=\"lazy\"></div>
  1972.                             {% endfor %}
  1973.                         </div>
  1974.                     {% endif %}
  1975.                 </div>
  1977.                 {% if hasCategory == true or hasFile == true %}
  1978.                     <div style=\"margin-top: 120px;\">
  1979. {#                        <p class=\"text-announce\">右側の項目でうちわのシミュレーションが確認できます。</p>#}
  1980.                         {#                        <p>上の文字と下の文字は空白で左右の位置を調整できます<br>（スペースで左右の位置を調整できます）</p> #}
  1981.                         <h4>ご注意</h4>
  1982.                         <p class=\"text-announce\">実際の商品は、仕上がりイメージと若干異なる場合があります</p>
  1983.                     {% if hasCategory == true  %}
  1984.                         <p class=\"text-announce\">ひらがななどで全体が一枚でつながらない場合には、背景でつながるげることがあります</p>
  1985.                     {% endif %}
  1986.                     </div>
  1987.                     <div>
  1988.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic1.jpg\"
  1989.                              alt=\"カラー一覧\"><br>
  1990.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic2.jpg\"
  1991.                              alt=\"カラー一覧\"><br>
  1992.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_basic3.jpg\"
  1993.                              alt=\"カラー一覧\">
  1994.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/color_glitter1.jpg\"
  1995.                              alt=\"グリッターカラー一覧\"><br>
  1996.                         <img class=\"material__img\" src=\"/ecshop/html/user_data/assets/img/material/use_font.jpg\"
  1997.                              alt=\"書体見本\">
  1998.                     </div>
  1999.                 {% endif %}
  2000.             </div>
  2001.             <div class=\"ec-grid2__cell\">
  2002.                 <div class=\"ec-productRole__profile\">
  2003.                     {# 商品名 #}
  2004.                     <div class=\"ec-productRole__title\">
  2005.                         <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  2006.                     </div>
  2008.                     {#                    <div style=\"width: 50%;margin: 20px;display:none;\"> #}
  2009.                     {#                        <input type=\"text\" id=\"uchiwa_up_text\" name=\"uchiwa_up_text\" value=\"未来\"/><br/> #}
  2010.                     {#                        <input type=\"text\" id=\"uchiwa_main_text\" name=\"uchiwa_main_text\" value=\"看\" #}
  2011.                     {#                               style=\"width:100%;\"/><br> #}
  2012.                     {#                        <input type=\"text\" id=\"uchiwa_low_text\" name=\"uchiwa_lo_text\" value=\"板\"/><br/> #}
  2013.                     {#                        <button id=\"uchiwa_set\" type=\"button\">再作画</button> #}
  2014.                     {#                        <br/> #}
  2015.                     {#                        一番外側の色： #}
  2016.                     {#                        <select id=\"uchiwa_back_color1\" name=\"back_color1\"> #}
  2017.                     {#                        </select> #}
  2018.                     {#                        <br/> #}
  2019.                     {#                        フチの外枠： #}
  2020.                     {#                        <select id=\"uchiwa_back_color2\" name=\"back_color2\"> #}
  2021.                     {#                        </select> #}
  2022.                     {#                        <br/> #}
  2023.                     {#                        フチの中： #}
  2024.                     {#                        <select id=\"uchiwa_back_color3\" name=\"back_color3\"> #}
  2025.                     {#                        </select> #}
  2026.                     {#                        <br/> #}
  2027.                     {#                        文字の色： #}
  2028.                     {#                        <select id=\"uchiwa_back_color4\" name=\"back_color4\"> #}
  2029.                     {#                        </select> #}
  2030.                     {#                        <br/> #}
  2031.                     {#                    </div> #}
  2033.                     {# タグ #}
  2034.                     <ul class=\"ec-productRole__tags\">
  2035.                         {% for Tag in Product.Tags %}
  2036.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  2037.                         {% endfor %}
  2038.                     </ul>
  2039.                     {# 通常価格 #}
  2040.                     {% if Product.hasProductClass -%}
  2041.                         <div class=\"ec-productRole__priceRegular\">
  2042.                             {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  2043.                                 <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：<span
  2044.                                             class=\"price01-default\">{{ Product.getPrice01IncTaxMin|price }}</span></span>
  2045.                                 <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2046.                             {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  2047.                                 <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：<span
  2048.                                             class=\"price01-default\">{{ Product.getPrice01IncTaxMin|price }}～ {{ Product.getPrice01IncTaxMax|price }}</span></span>
  2049.                                 <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2050.                             {% endif %}
  2051.                         </div>
  2052.                     {% else %}
  2053.                         {% if Product.getPrice01Max is not null %}
  2054.                             <span class=\"ec-productRole__priceRegularPrice\">{{ '通常価格'|trans }}：{{ Product.getPrice01IncTaxMin|price }}</span>
  2055.                             <span class=\"ec-productRole__priceRegularTax\">{{ '税込'|trans }}</span>
  2056.                         {% endif %}
  2057.                     {% endif %}
  2058.                     {# 販売価格 #}
  2059.                     <div class=\"ec-productRole__price\">
  2060.                         {% if Product.hasProductClass -%}
  2061.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  2062.                                 <div class=\"ec-price\">
  2063.                                     <span class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  2064.                                     <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2065.                                 </div>
  2066.                             {% else %}
  2067.                                 <div class=\"ec-price\">
  2068.                                     <span class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  2069.                                     <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2070.                                 </div>
  2071.                             {% endif %}
  2072.                         {% else %}
  2073.                             <div class=\"ec-price\">
  2074.                                 <span class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  2075.                                 <span class=\"ec-price__tax\">{{ '税込'|trans }}</span>
  2076.                             </div>
  2077.                         {% endif %}
  2078.                     </div>
  2079.                     {# 商品コード #}
  2080.                     {% if Product.code_min is not empty %}
  2081.                         <div class=\"ec-productRole__code\">
  2082.                             {{ '商品コード'|trans }}： <span
  2083.                                     class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  2084.                         </div>
  2085.                     {% endif %}
  2086.                     {# 関連カテゴリ #}
  2087.                     {% if Product.ProductCategories is not empty %}
  2088.                         <div class=\"ec-productRole__category\">
  2089.                             <div>{{ '関連カテゴリ'|trans }}</div>
  2090.                             {% for ProductCategory in Product.ProductCategories %}
  2091.                                 <ul>
  2092.                                     <li>
  2093.                                         {% for Category in ProductCategory.Category.path %}
  2094.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  2095.                                             <span>＞</span>{% endif -%}
  2096.                                         {% endfor %}
  2097.                                     </li>
  2098.                                 </ul>
  2099.                             {% endfor %}
  2100.                         </div>
  2101.                     {% endif %}
  2102.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\"
  2103.                           enctype=\"multipart/form-data\">
  2104.                         {% if Product.stock_find %}
  2105.                             <div class=\"ec-productRole__actions\">
  2106.                                 {% if form.classcategory_id1 is defined %}
  2107.                                     <div class=\"ec-select\">
  2108.                                         {{ form_row(form.classcategory_id1) }}
  2109.                                         {{ form_errors(form.classcategory_id1) }}
  2110.                                     </div>
  2111.                                     {% if form.classcategory_id2 is defined %}
  2112.                                         <div class=\"ec-select\">
  2113.                                             {{ form_row(form.classcategory_id2) }}
  2114.                                             {{ form_errors(form.classcategory_id2) }}
  2115.                                         </div>
  2116.                                     {% endif %}
  2117.                                 {% endif %}
  2120.                             </div>
  2122. {#                            {% if hasFile %}#}
  2123. {#                                <input type=\"file\" id=\"file\" name=\"file\" class=\"form-control\">#}
  2124. {#                                {% endif %}#}
  2126.                             {{ form_rest(form) }}
  2128.                             <div class=\"ec-productRole__btn\">
  2129.                                 <button id=\"add-cart-button\" type=\"submit\" class=\"ec-blockBtn--action add-cart\"
  2130.                                         disabled>
  2131.                                     {{ 'カートに入れる'|trans }}
  2132.                                 </button>
  2133.                             </div>
  2134.                         {% else %}
  2135.                             <div class=\"ec-productRole__btn\">
  2136.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  2137.                                     {{ 'ただいま品切れ中です。'|trans }}
  2138.                                 </button>
  2139.                             </div>
  2140.                         {% endif %}
  2141.                         {#                        <div style=\"display: none\"><input type=\"text\" name=\"file\" id=\"image_file\"></div> #}
  2142.                     </form>
  2143.                     <div class=\"ec-modal\">
  2144.                         <div class=\"ec-modal-overlay\">
  2145.                             <div class=\"ec-modal-wrap\">
  2146.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img
  2147.                                                 src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  2148.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ 'カートに追加しました。'|trans }}</div>
  2149.                                 <div class=\"ec-modal-box\">
  2150.                                     <div class=\"ec-role\">
  2151.                                         <span class=\"ec-inlineBtn--cancel\">{{ 'お買い物を続ける'|trans }}</span>
  2152.                                         <a href=\"{{ url('cart') }}\"
  2153.                                            class=\"ec-inlineBtn--action\">{{ 'カートへ進む'|trans }}</a>
  2154.                                     </div>
  2155.                                 </div>
  2156.                             </div>
  2157.                         </div>
  2158.                     </div>
  2159.                     {% if BaseInfo.option_favorite_product %}
  2160.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  2161.                             <div class=\"ec-productRole__btn\">
  2162.                                 {% if is_favorite == false %}
  2163.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--action\">
  2164.                                         {{ 'お気に入りに追加'|trans }}
  2165.                                     </button>
  2166.                                 {% else %}
  2167.                                     <button type=\"submit\" id=\"favorite\" class=\"ec-blockBtn--action\"
  2168.                                             disabled=\"disabled\">{{ 'お気に入りに追加済です。'|trans }}
  2169.                                     </button>
  2170.                                 {% endif %}
  2171.                             </div>
  2172.                         </form>
  2173.                     {% endif %}
  2174.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  2175.                     </div>
  2176.                 </div>
  2177.             </div>
  2178.         </div>
  2179.         {% if Product.freearea %}
  2180.             <div class=\"ec-productRole__description\">
  2181.                 {{ include(template_from_string(Product.freearea)) }}
  2182.             </div>
  2183.         {% endif %}
  2184.     </div>
  2187.     {% if hasCategory == true %}
  2188.         <script>
  2189.                 const sheetSize = \"{{ Product.sheet_size }}\";
  2190.             {#console.log('product test', \"{{ Product.sheet_size }}\" )#}
  2191.             // https://mirai-kanban.com/ecshop/html/user_data/assets/js/test2.html
  2192.             const product_color_type1 = '{{ Product.product_color_type1 }}'
  2193.             const product_color_type2 = '{{ Product.product_color_type2 }}'
  2194.             if (\$('select#classcategory_id2').length > 0) {
  2195.                 console.log('cat 2', \$('select#classcategory_id2'))
  2196.                 \$('select#classcategory_id1 option:nth-child(2)').prop('selected', true);
  2197.             }
  2200.             // \$('select#classcategory_id1').trigger('change');
  2201.             // subChange();
  2203.             // function subChange() {
  2204.             //     const myData = \$('select#classcategory_id1');
  2205.             //     const \$form = \$('form#form1');
  2206.             //     // var \$form = myData.parents('form');
  2207.             //     var product_id = \$form.find('input[name=product_id]').val();
  2208.             //     var \$sele1 = myData;
  2209.             //     var \$sele2 = \$form.find('select[name=classcategory_id2]');
  2210.             //
  2211.             //     // 規格1のみの場合
  2212.             //     if (!\$sele2.length) {
  2213.             //         eccube.checkStock(\$form, product_id, \$sele1.val(), null);
  2214.             //         // 規格2ありの場合
  2215.             //     } else {
  2216.             //         eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2);
  2217.             //     }
  2218.             // }
  2221.         </script>
  2223.         <script src=\"{{ asset('assets/js/mirai.js') }}\"></script>
  2225.         <script type=\"module\">
  2226.             // import { createApp, defineAsyncComponent } from 'vue';
  2227.             // import { createVuetify } from 'vuetify';
  2228.             // import {loadModule} from 'vue3-sfc-loader';
  2229.             // const { loadModule } = window['vue3-sfc-loader'];
  2230. // console.log('load modules');
  2232.             // import {createVuetify} from 'vuetify'
  2233.             // import { md2 } from 'vuetify/blueprints'
  2234.             const vue3_sfc_loader_options = {
  2235.                 moduleCache: { vue: Vue, vuetify: Vuetify.vuetify },
  2236.                 getFile(url) {
  2237.                     url = /.*?.js|.mjs|.css|.less|.vue\$/.test(url)
  2238.                         ? url
  2239.                         : `\${url}.vue`;
  2240.                     const type = /.*?.js|.mjs\$/.test(url)
  2241.                         ? \".mjs\"
  2242.                         : /.*?.vue\$/.test(url)
  2243.                             ? \".vue\"
  2244.                             : /.*?.css\$/.test(url)
  2245.                                 ? \".css\"
  2246.                                 : \".vue\";
  2247.                     const getContentData = (asBinary) =>
  2248.                         fetch(url).then((res) =>
  2249.                             !res.ok
  2250.                                 ? Promise.reject(url)
  2251.                                 : asBinary
  2252.                                     ? res.arrayBuffer()
  2253.                                     : res.text()
  2254.                         );
  2255.                     return { getContentData: getContentData, type: type };
  2256.                 },
  2257.                 addStyle(textContent) {
  2258.                     let styleElement = document.createElement(\"style\");
  2259.                     document.head.insertBefore(
  2260.                         Object.assign(styleElement, { textContent }),
  2261.                         document.head.getElementsByTagName(\"style\")[0] || null
  2262.                     );
  2263.                 },
  2264.                 handleModule(type, getContentData, path, options) {
  2265.                     switch (type) {
  2266.                         case \".css\":
  2267.                             return options.addStyle(getContentData(false));
  2268.                         case \".less\":
  2269.                             console.error(\".......\");
  2270.                     }
  2271.                 },
  2272.                 log(type, ...args) {
  2273.                     console.log(type, ...args);
  2274.                 },
  2275.             };
  2276.             const { loadModule } = window[\"vue3-sfc-loader\"];
  2278.             const app = Vue.createApp(
  2279.                 Vue.defineAsyncComponent(
  2280.                     () => loadModule(\"{{ asset('assets/vue/main.vue') }}\", vue3_sfc_loader_options)
  2281.                 ),
  2282.             )
  2283. // {{ asset('assets/vue/main.vue') }}
  2284.             console.log('start vue');
  2285.             // const vuetify = createVuetify();
  2286.             // const app = createApp({
  2287.             //     components: {
  2288.             //         'my-component': defineAsyncComponent(() =>
  2289.             //             loadModule(
  2290.             //                 \"assets/vue/main.vue\",
  2291.             //                 vue3_sfc_loader_options
  2292.             //             )
  2293.             //         ),
  2294.             //     },
  2295.             //     template: `<my-component />`,
  2296.             // });
  2298.             const { createVuetify } = Vuetify;
  2299.             const vuetify = createVuetify({
  2300.                 theme: {
  2301.                     defaultTheme: 'light'
  2302.                 },
  2303.                 // blueprint: md2,
  2304.             });
  2305.             app.use(vuetify);
  2306.             app.mount('#app');
  2307.         </script>
  2308.         <script type=\"module\">
  2309.             {#import { createApp, ref } from 'vue';#}
  2310.             {#import { createVuetify } from 'vuetify';#}
  2311.             {#import App from \"{{ asset('assets/vue/app.js') }}\";#}
  2313.             {#const vuetify = createVuetify();#}
  2314.             {#const app = createApp({App});#}
  2315.             {#app.use(vuetify);#}
  2316.             {#app.mount('#app');#}
  2318.             // var vue = new Vue({
  2319.             //     el: '#app',
  2320.             //     components: {
  2321.             //         'vc-main-1': httpVueLoader('assets/vue/main.vue')
  2322.             //     }
  2323.             // });
  2324.         </script>
  2325.     {% else %}
  2326.         <script>
  2327.             \$('#add-cart-button').prop('disabled', false)
  2328.         </script>
  2329.     {% endif %}
  2331.     <script>
  2332.         \$('label[for=quantity]').text('数量')
  2333.     </script>
  2334. {% endblock %}
  2335. ", "Product/detail.twig", "/home/atplus4/mirai-kanban.com/public_html/ecshop/app/template/default/Product/detail.twig");
  2336.     }
  2337. }