var/cache/dev/twig/9c/9c13f324b038ca603a3457810376eb97.php line 697

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. /* Drive/detail.twig */
  16. class __TwigTemplate_668607686dd0e2aa06e593ac62ba9ea8 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 72
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Drive/detail.twig"));
  46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Drive/detail.twig"));
  49.         // line 61
  50.         $context["visual_options"] = ["loupe" => 0, "popup" => 1];
  51.         // line 68
  52.         $context["clone_cartin"] = true;
  53.         // line 74
  54.         $context["body_class"] = "product_page";
  55.         // line 72
  56.         $this->parent = $this->loadTemplate("default_frame.twig", "Drive/detail.twig", 72);
  57.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  58.         
  59.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  61.         
  62.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  64.     }
  66.     // line 76
  67.     public function block_stylesheet($context, array $blocks = [])
  68.     {
  69.         $macros = $this->macros;
  70.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  73.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  76.         // line 77
  77.         echo "\t<link rel=\"stylesheet\" href=\"//unpkg.com/flatpickr/dist/flatpickr.min.css\">
  78. \t<!-- カスタムテーマ -->
  79. \t<link rel=\"stylesheet\" href=\"//unpkg.com/flatpick/dist/themes/airbnb.css\">
  80. \t<link rel=\"stylesheet\" href=\"";
  81.         // line 80
  82.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/drive_detail.css"), "html", null, true);
  83.         echo "?";
  84.         echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getEnv("CSS_PARAM"), "html", null, true);
  85.         echo "\">
  86. ";
  87.         
  88.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  90.         
  91.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  93.     }
  95.     // line 84
  96.     public function block_javascript($context, array $blocks = [])
  97.     {
  98.         $macros = $this->macros;
  99.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  100.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  102.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  103.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  105.         // line 85
  106.         echo "    <script>
  107.         eccube.classCategories = ";
  108.         // line 86
  109.         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.', 86, $this->source); })()));
  110.         echo ";
  112.         // 規格2に選択肢を割り当てる。
  113.         function fnSetClassCategories(form, classcat_id2_selected) {
  114.             var \$form = \$(form);
  115.             var product_id = \$form.find('input[name=product_id]').val();
  116.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  117.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  118.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  119.         }
  121.         ";
  122.         // line 97
  123.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 97)) {
  124.             // line 98
  125.             echo "        fnSetClassCategories(
  126.             \$('#form1'), ";
  127.             // line 99
  128.             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.', 99, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 99), "vars", [], "any", false, false, false, 99), "value", [], "any", false, false, false, 99));
  129.             echo "
  130.         );
  131.         ";
  132.         } elseif (twig_get_attribute($this->env, $this->source,         // line 101
  133. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 101)) {
  134.             // line 102
  135.             echo "        eccube.checkStock(\$('#form1'), ";
  136.             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.', 102, $this->source); })()), "id", [], "any", false, false, false, 102), "html", null, true);
  137.             echo ", ";
  138.             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.', 102, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 102), "vars", [], "any", false, false, false, 102), "value", [], "any", false, false, false, 102));
  139.             echo ", null);
  140.         ";
  141.         }
  142.         // line 104
  143.         echo "    </script>
  144.     <script>
  145.         \$(function() {
  146.             // bfcache無効化
  147.             \$(window).bind('pageshow', function(event) {
  148.                 if (event.originalEvent.persisted) {
  149.                     location.reload(true);
  150.                 }
  151.             });
  152.         });
  153.     </script>
  154.     <script>
  155.         \$(function() {
  156.             \$('.add-cart').on('click', function(event) {
  157.                 ";
  158.         // line 118
  159.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 118)) {
  160.             // line 119
  161.             echo "                // 規格1フォームの必須チェック
  162.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  163.                     \$('#classcategory_id1')[0].setCustomValidity('";
  164.             // line 121
  165.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  166.             echo "');
  167.                     return true;
  168.                 } else {
  169.                     \$('#classcategory_id1')[0].setCustomValidity('');
  170.                 }
  171.                 ";
  172.         }
  173.         // line 127
  174.         echo "
  175.                 ";
  176.         // line 128
  177.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 128)) {
  178.             // line 129
  179.             echo "                // 規格2フォームの必須チェック
  180.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  181.                     \$('#classcategory_id2')[0].setCustomValidity('";
  182.             // line 131
  183.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  184.             echo "');
  185.                     return true;
  186.                 } else {
  187.                     \$('#classcategory_id2')[0].setCustomValidity('');
  188.                 }
  189.                 ";
  190.         }
  191.         // line 137
  192.         echo "
  193.                 // 個数フォームのチェック
  194.                 if (\$('#quantity').val() < 1) {
  195.                     \$('#quantity')[0].setCustomValidity('";
  196.         // line 140
  197.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  198.         echo "');
  199.                     return true;
  200.                 } else {
  201.                     \$('#quantity')[0].setCustomValidity('');
  202.                 }
  204.                 event.preventDefault();
  205.                 \$form = \$('#form1');
  206.                 \$.ajax({
  207.                     url: \$form.attr('action'),
  208.                     type: \$form.attr('method'),
  209.                     data: \$form.serialize(),
  210.                     dataType: 'json',
  211.                     beforeSend: function(xhr, settings) {
  212.                         // Buttonを無効にする
  213.                         \$('.add-cart').prop('disabled', true);
  214.                     }
  215.                 }).done(function(data) {
  216.                     // レスポンス内のメッセージをalertで表示
  217.                     \$.each(data.messages, function() {
  218.                         \$('#ec-modal-header').text(this);
  219.                     });
  221.                     \$('.ec-modal').show()
  223.                     // カートブロックを更新する
  224.                     \$.ajax({
  225.                         url: \"";
  226.         // line 167
  227.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  228.         echo "\",
  229.                         type: 'GET',
  230.                         dataType: 'html'
  231.                     }).done(function(html) {
  232.                         //\$('.ec-headerRole__cart').html(html);
  233.                         \$('.ec-cartNavi__detail').html(html);
  234.                     });
  235.                 }).fail(function(data) {
  236.                     alert('";
  237.         // line 175
  238.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  239.         echo "');
  240.                 }).always(function(data) {
  241.                     // Buttonを有効にする
  242.                     \$('.add-cart').prop('disabled', false);
  243.                 });
  244.             });
  245.         });
  247.         \$('.ec-modal-wrap').on('click', function(e) {
  248.             // モーダル内の処理は外側にバブリングさせない
  249.             e.stopPropagation();
  250.         });
  251.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  252.             \$('.ec-modal').hide()
  253.         });
  254.     </script>
  255.     <script type=\"application/ld+json\">
  256.     {
  257.         \"@context\": \"https://schema.org/\",
  258.         \"@type\": \"Product\",
  259.         \"name\": \"";
  260.         // line 195
  261.         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.', 195, $this->source); })()), "name", [], "any", false, false, false, 195), "html", null, true);
  262.         echo "\",
  263.         \"image\": [
  264.             ";
  265.         // line 197
  266.         $context['_parent'] = $context;
  267.         $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.', 197, $this->source); })()), "ProductImage", [], "any", false, false, false, 197));
  268.         $context['_iterated'] = false;
  269.         $context['loop'] = [
  270.           'parent' => $context['_parent'],
  271.           'index0' => 0,
  272.           'index'  => 1,
  273.           'first'  => true,
  274.         ];
  275.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  276.             $length = count($context['_seq']);
  277.             $context['loop']['revindex0'] = $length - 1;
  278.             $context['loop']['revindex'] = $length;
  279.             $context['loop']['length'] = $length;
  280.             $context['loop']['last'] = 1 === $length;
  281.         }
  282.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  283.             // line 198
  284.             echo "                \"";
  285.             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.', 198, $this->source); })()), "request", [], "any", false, false, false, 198), "schemeAndHttpHost", [], "any", false, false, false, 198), "html", null, true);
  286.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  287.             echo "\"";
  288.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 198)) {
  289.                 echo ",";
  290.             }
  291.             // line 199
  292.             echo "
  293.             ";
  294.             $context['_iterated'] = true;
  295.             ++$context['loop']['index0'];
  296.             ++$context['loop']['index'];
  297.             $context['loop']['first'] = false;
  298.             if (isset($context['loop']['length'])) {
  299.                 --$context['loop']['revindex0'];
  300.                 --$context['loop']['revindex'];
  301.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  302.             }
  303.         }
  304.         if (!$context['_iterated']) {
  305.             // line 201
  306.             echo "                \"";
  307.             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.', 201, $this->source); })()), "request", [], "any", false, false, false, 201), "schemeAndHttpHost", [], "any", false, false, false, 201), "html", null, true);
  308.             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);
  309.             echo "\"
  310.             ";
  311.         }
  312.         $_parent = $context['_parent'];
  313.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  314.         $context = array_intersect_key($context, $_parent) + $_parent;
  315.         // line 203
  316.         echo "        ],
  317.         \"description\": \"";
  318.         // line 204
  319.         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, 204)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 204), 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.', 204, $this->source); })()), "description_detail", [], "any", false, false, false, 204))) : (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.', 204, $this->source); })()), "description_detail", [], "any", false, false, false, 204))), ["
  320. " => "", " " => ""]), 0, 300), "html", null, true);
  321.         echo "\",
  322.         ";
  323.         // line 205
  324.         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.', 205, $this->source); })()), "code_min", [], "any", false, false, false, 205)) {
  325.             // line 206
  326.             echo "        \"sku\": \"";
  327.             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.', 206, $this->source); })()), "code_min", [], "any", false, false, false, 206), "html", null, true);
  328.             echo "\",
  329.         ";
  330.         }
  331.         // line 208
  332.         echo "        \"offers\": {
  333.             \"@type\": \"Offer\",
  334.             \"url\": \"";
  335.         // line 210
  336.         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.', 210, $this->source); })()), "id", [], "any", false, false, false, 210)]), "html", null, true);
  337.         echo "\",
  338.             \"priceCurrency\": \"";
  339.         // line 211
  340.         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.', 211, $this->source); })()), "currency", [], "any", false, false, false, 211), "html", null, true);
  341.         echo "\",
  342.             \"price\": ";
  343.         // line 212
  344.         ((twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 212, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 212)) ? (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.', 212, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 212), "html", null, true))) : (print (0)));
  345.         echo ",
  346.             \"availability\": \"";
  347.         // line 213
  348.         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.', 213, $this->source); })()), "stock_find", [], "any", false, false, false, 213)) ? ("InStock") : ("OutOfStock"));
  349.         echo "\"
  350.         }
  351.     }
  352.     </script>
  354.     ";
  355.         // line 219
  356.         echo "
  357.     ";
  358.         // line 221
  359.         echo "    <script src=\"";
  360.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/drift/Drift.min.js"), "html", null, true);
  361.         echo "\"></script>
  363.     ";
  364.         // line 224
  365.         echo "    <script src=\"";
  366.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/luminous/Luminous.min.js"), "html", null, true);
  367.         echo "\"></script>
  369.     <script>
  371.         //------------------------------
  372.         // 商品ビジュアル（slick使用）
  373.         //------------------------------
  374.         // slick適用コンテナ
  375.         var \$ecSlickContainer = \$( '.ec-productVisualMain .ec-slickContainer' );
  377.         // キャプションの準備
  378.         /** 商品詳細ページのslickアイテムは動的に出力されますのでキャプションを入れられませんが、
  379.          * フリーエリア内にてキャプション要素を記述しておき、javascirptで各キャプションを各画像アイテム内に挿入させます。
  380.          * ※EC-CUBE4.2.0ではフリーエリアに記述したHTMLがサニタイズ（data属性が削除）されてしまい、この機能が動作しませんのでコメントアウトします。
  381.          */
  382.         /*
  383.         var \$visualCaption = \$( '.visual_caption' );// キャプション要素ラッパー
  384.         \$visualCaption.find( '.caption' ).each(function(){
  385.             var \$this = \$(this);
  387.             // index 1つ目の画像用キャプションは「data-caption=\"1\"」としていますので、-1してindex値にします
  388.             var _index = parseInt( \$this.data('caption'),10 ) - 1;
  390.             // 該当slickアイテム
  391.             var \$slideItem = \$ecSlickContainer.find( '.slide-item' ).eq( _index );
  393.             if ( \$slideItem.length ) {
  394.                 // 該当slickアイテムにキャプションを挿入
  395.                 \$slideItem.append(\$this);
  396.             } else {
  397.                 // 該当slickアイテムが存在しない場合はキャプションを破棄します
  398.                 \$this.remove();
  399.             }
  400.         });
  401.         */
  403.         // slick準備完了時の処理
  404.         \$ecSlickContainer.on('init', function(){
  405.             setTimeout(function(){
  406.                 //
  407.             }, 0);
  408.         });
  410.         // slick適用
  411.         \$ecSlickContainer.slick({
  412.             fade: true,
  413.             speed: 600,
  414.             dots: false,
  415.             arrows: true,
  416.             prevArrow: '<div class=\"slick-prev\"><i class=\"jeiafont jeia-arrow-left\"></i></div>',
  417.             nextArrow: '<div class=\"slick-next\"><i class=\"jeiafont jeia-arrow\"></i></div>',
  418.             asNavFor: '.ec-productVisualNav.desktop',
  419.             responsive: [
  420.                 {
  421.                     breakpoint: 768,//768px未満（スマホ時）
  422.                     settings: {
  423.                         fade: false,
  424.                         infinit: true
  425.                     }
  426.                 }
  427.             ]
  428.         });
  430.         // ビジュアルナビ（デスクトップ・タブレット用：縦スライド）
  431.         var \$visualNavDesktop = \$( '.ec-productVisualNav.desktop' );
  432.         \$visualNavDesktop.slick({
  433.             asNavFor: '.ec-productVisualMain .ec-slickContainer',
  434.             vertical: true,
  435.             verticalSwiping: true,
  436.             slidesToShow: 5,
  437.             slidesToScroll: 1,
  438.             //swipeToSlide: true,// ※verticalでは効かない様子
  439.             focusOnSelect: true,
  440.             speed: 600,
  441.             arrows: true,
  442.             prevArrow: '<div class=\"slick-prev\"><i class=\"jeiafont jeia-arrow\"></i></div>',
  443.             nextArrow: '<div class=\"slick-next\"><i class=\"jeiafont jeia-arrow\"></i></div>'
  444.         });
  446.         // ビジュアルナビの高さをメインビジュアルの高さと揃えます（デスクトップ・タブレット時）
  447.         // これは見た目の調整と、ナビ送りのnextボタンの配置を正しくする目的もあります
  448.         if ( window.innerWidth >= 768 ) {
  449.             // slick生成が完了してから実行します。イベント「slick_all_readiness」はjeia_function.jsによってslick生成完了後に発火されます。
  450.             \$(window).on('slick_all_readiness jeia_resize', function(){
  451.                 var _height = \$ecSlickContainer.height();
  452.                 // ビジュアルナビの高さを適用
  453.                 \$visualNavDesktop.height( _height );
  454.                 // ブラウザのリサイズ時に.slick-listの高さが追随しない事があるのでこちらも高さを揃えます
  455.                 \$visualNavDesktop.find( '.slick-list' ).height( _height );
  456.             });
  457.         }
  459.         // ビジュアルナビ（スマホ用）
  460.         var \$productRoleVisual =  \$( '.ec-productRole__visual' );// ※ビジュアル画像拡大機能でもこの取得要素を使います
  461.         var \$visualNavSphone =    \$( '.ec-productVisualNav.sphone' );// ビジュアルナビ（スマホ用）
  462.         var \$sideInNavToggleBtn = \$( '.sideInNavToggleBtn' );// ビジュアルナビ開閉ボタン
  464.         // ビジュアルナビ（スマホ）開閉ボタン
  465.         \$sideInNavToggleBtn.on('click', function(){
  466.             // 開状態となるclassをON/OFF
  467.             \$productRoleVisual.toggleClass( 'is-navOpen' );
  468.         });
  470.         // ビジュアルナビ（スマホ）サムネイルタップでメインビジュアル画像を切替え
  471.         \$visualNavSphone.on('click', '.slideThumb', function() {
  472.             var index = \$(this).attr( 'data-index' );
  473.             \$ecSlickContainer.slick( 'slickGoTo', index, false );// slickGoTo: indexで指定したスライドへ移動
  475.             // ページ上部にスクロールする処理を入れておきます（ページトップボタンのイベントを発火）
  476.             \$( '.ec-blockTopBtn' ).trigger( 'click' );
  478.             // ナビをCLOSE
  479.             \$productRoleVisual.removeClass( 'is-navOpen' );
  480.         });
  482.         // サムネイル以外をタップした場合はナビをCLOSE
  483.         \$visualNavSphone.on('click', function() {
  484.             // ナビをCLOSE
  485.             \$productRoleVisual.removeClass( 'is-navOpen' );
  486.         });
  488.         // スライド切り替え完了後のイベント（開閉ボタンのカレント値を更新）
  489.         \$ecSlickContainer.on('afterChange', function(e, slick, currentSlide){
  490.             \$sideInNavToggleBtn.find( '.currentNum' ).text( currentSlide + 1 );
  491.         });
  494.         //------------------------------
  495.         // ビジュアル画像 ルーペ拡大表示（Drift）＆ポップアップ拡大表示（Luminous）
  496.         //------------------------------
  497.         // ・Drift
  498.         // ルーペ拡大表示には「Drift」を使用しています（Drift was made by imgix.）
  499.         // https://github.com/imgix/drift
  500.         //------------------------------
  501.         // ・Luminous
  502.         // ポップアップ拡大表示には「Luminous」を使用しています（Luminous was made by imgix.）
  503.         // https://github.com/imgix/luminous
  504.         //------------------------------
  506.         // 商品ビジュアルの拡大機能ON/OFF
  507.         var visual_loupe = Boolean( ";
  508.         // line 364
  509.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["visual_options"]) || array_key_exists("visual_options", $context) ? $context["visual_options"] : (function () { throw new RuntimeError('Variable "visual_options" does not exist.', 364, $this->source); })()), "loupe", [], "any", false, false, false, 364), "html", null, true);
  510.         echo " );// ルーペ拡大
  511.         var visual_popup = Boolean( ";
  512.         // line 365
  513.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["visual_options"]) || array_key_exists("visual_options", $context) ? $context["visual_options"] : (function () { throw new RuntimeError('Variable "visual_options" does not exist.', 365, $this->source); })()), "popup", [], "any", false, false, false, 365), "html", null, true);
  514.         echo " );// ポップアップ拡大
  516.         // slick生成が完了してから実行します。イベント「slick_all_readiness」はjeia_function.jsによってslick生成完了後に発火されます。
  517.         \$(window).on('slick_all_readiness', function(){
  519.             // ルーペ拡大表示
  520.             // 画像ズームはデスクトップ・タブレット時のみとします（スマホではあまり実用的ではないと思われますので）
  521.             if ( visual_loupe && window.innerWidth >= 768 ) {
  523.                 // 拡大表示パネルの大きさを決めます（リサイズ時も算出し直します）
  524.                 \$(window).on('on_pane_size jeia_resize', function(){
  526.                     // パネル表示の基点（サムネイル枠の左端）
  527.                     var pane_origin = \$(' .ec-productVisualNav' ).offset().left;
  529.                     // パネル幅 →ブラウザ幅から表示基点を引いて（スクロールバー分の幅も調整）、パネル領域を広く設定
  530.                     var pane_w = window.innerWidth - pane_origin - 50;
  532.                     // パネル高さ →ビジュアル上位置からブラウザ下まで、少しだけ余白を差し引き
  533.                     var pane_h = \$(window).height() - \$productRoleVisual.offset().top - 50;
  535.                     \$( '.drift-pane' ).css({
  536.                         'width':  pane_w,
  537.                         'height': pane_h,
  538.                         'left':   \$( '.ec-productVisualMain' ).width() + 1// メインビジュアルの右端 + 余白
  539.                     });
  540.                 }).trigger('on_pane_size');
  542.                 // メインビジュアル ルーペ拡大表示（ライブラリ「Drift」）
  543.                 var pane = document.querySelector( '.drift-pane' );
  545.                 \$( '.drift-img' ).each(function(){
  546.                     new Drift(this, {
  547.                         paneContainer:  pane,
  548.                         inlinePane:     1279,//1280px以上でパネル表示、それ未満はルーペ表示
  549.                         containInline:  false,// ルーペを画像の端からはみ出させない場合はtrue
  550.                         inlineOffsetY:  -85,
  551.                         touchDelay:     300
  552.                     });
  553.                 })
  554.             }
  556.             // ポップアップ拡大表示
  557.             // 画像ポップアップはデスクトップ・タブレット時のみとします（スマホではあまり実用的ではないと思われますので）
  558.             if ( visual_popup && window.innerWidth >= 768 ) {
  559.                 new LuminousGallery(document.querySelectorAll( '.luminous-gallery' ));
  560.             } else {
  561.                 // ポップアップ拡大を使用しない →画像がクリックされてもa要素が動作しないようにイベントを組んでおきます
  562.                 \$productRoleVisual.find( '.luminous-gallery' ).on('click', function(){
  563.                     return false;
  564.                 });
  565.             }
  566.         });
  568.         // どちらの拡大機能も使用しない場合はカーソルを矢印に戻しておきます（通常はCSS側でzoom-inにしています）
  569.         if ( !visual_loupe && !visual_popup ) {
  570.             \$productRoleVisual.find( '.slide-item > a' ).css( 'cursor', 'default' );
  571.         }
  574.         //------------------------------
  575.         // お気に入り処理
  576.         //------------------------------
  577.         /* 当テンプレートではお気に入りボタンをカートボタンの横に配置するデザインとなっておりますが、
  578.             * このエリアはカートインのform要素領域の中に入っていますので、お気に入り追加用formとボタンとを分離させ、
  579.             * ボタンをカート横に配置し、ボタンクリック時に当スクリプトお気に入りフォーム送信を発生させています。
  580.             */
  581.         \$( '#favorite' ).on('click', function(e){
  582.             e.preventDefault();
  583.             \$( '#form_favorite' ).submit();
  584.         });
  587.         //------------------------------
  588.         // シェアボタン（サブウィンドウ表示）
  589.         //------------------------------
  590.         \$( '.shareBtn' ).on('click', function(){
  592.             // ウィンドウを開かないタイプはスルー
  593.             if ( \$(this).hasClass( 'no-window' ) ) {
  594.                 return true;
  595.             }
  596.             var this_url = \$(this).attr( 'href' ) + location.href;
  597.             window.open( this_url, 'sns_win', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1' );
  598.             return false;
  599.         });
  602.         //------------------------------
  603.         // フリーエリア：タブ切り替えコンテンツ
  604.         //------------------------------
  605.         /* フリーエリア内にコードを記述することでタブ切り替えコンテンツを実装します。
  606.          * タブ切り替えが不要な場合は当スクリプトを削除してください。
  607.          * ※EC-CUBE4.2.0ではフリーエリアに記述したHTMLがサニタイズ（data属性が削除）されてしまい、この機能が動作しませんのでコメントアウトします。
  608.          */
  609.         /*
  610.         var \$ecProductDetailTab =        \$( '.ec-productDetailTab' );
  611.         var \$ecProductDetailTabNav =     \$ecProductDetailTab.find( '.ec-productDetailTab__nav' )
  612.         var \$ecProductDetailTabContent = \$ecProductDetailTab.find( '.ec-productDetailTab__content' );
  614.         \$ecProductDetailTabNav.on('click', 'li', function(){
  615.             var \$this = \$(this);
  616.             var _index = '.tab-' + \$this.data('tab');
  618.             // コンテンツのアクティブ化
  619.             \$ecProductDetailTabContent.filter(_index).addClass('is-active').siblings().removeClass('is-active');
  621.             // タブのアクティブ化
  622.             \$this.addClass('is-active').siblings().removeClass('is-active');
  623.         });
  625.         // 初回は1番目のタブコンテンツを表示
  626.         \$ecProductDetailTabNav.find('li:eq(0)').trigger('click');
  627.         */
  629.     </script>
  630.     ";
  631.         // line 482
  632.         echo "    ";
  633.         if ((isset($context["clone_cartin"]) || array_key_exists("clone_cartin", $context) ? $context["clone_cartin"] : (function () { throw new RuntimeError('Variable "clone_cartin" does not exist.', 482, $this->source); })())) {
  634.             // line 483
  635.             echo "    <script src=\"";
  636.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/clone_cartin.js"), "html", null, true);
  637.             echo "\"></script>
  638.     ";
  639.         }
  640.         // line 485
  641.         echo "
  642. \t<script src=\"//unpkg.com/flatpickr\"></script>
  643. \t<!-- 日本語の言語ファイル -->
  644. \t<script src=\"//unpkg.com/flatpickr/dist/l10n/ja.js\"></script>
  645. \t<script>
  646. \t\t//Googleカレンダー予約状況
  647. \t\treservedInfo=";
  648.         // line 491
  649.         echo (isset($context["events"]) || array_key_exists("events", $context) ? $context["events"] : (function () { throw new RuntimeError('Variable "events" does not exist.', 491, $this->source); })());
  650.         echo ";
  652. /*
  653. \t\tfor (let key in reservedInfo) {
  654. \t\t  console.log('key:' + key);
  655. \t\t  console.log(reservedInfo[key].length);
  656. \t\t}
  657. */
  659. \t\tcalendar_start_date=\"";
  660.         // line 500
  661.         echo twig_escape_filter($this->env, (isset($context["calendar_start_date"]) || array_key_exists("calendar_start_date", $context) ? $context["calendar_start_date"] : (function () { throw new RuntimeError('Variable "calendar_start_date" does not exist.', 500, $this->source); })()), "html", null, true);
  662.         echo "\";
  663. \t</script>
  664. \t<script src=\"";
  665.         // line 502
  666.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/hotelinfo].js"), "html", null, true);
  667.         echo "?";
  668.         echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getEnv("CSS_PARAM"), "html", null, true);
  669.         echo "\"></script>
  670. \t<script src=\"";
  671.         // line 503
  672.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/rental_common.js"), "html", null, true);
  673.         echo "?";
  674.         echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getEnv("CSS_PARAM"), "html", null, true);
  675.         echo "\"></script>
  676. \t<script src=\"";
  677.         // line 504
  678.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/drive_detail.js"), "html", null, true);
  679.         echo "?";
  680.         echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getEnv("CSS_PARAM"), "html", null, true);
  681.         echo "\"></script>
  686. ";
  687.         
  688.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  690.         
  691.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  693.     }
  695.     // line 511
  696.     public function block_main($context, array $blocks = [])
  697.     {
  698.         $macros = $this->macros;
  699.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  700.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  702.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  703.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  705.         // line 512
  706.         echo "
  707. ";
  708.         // line 513
  709.         $context["carflg"] = false;
  710.         // line 514
  711.         echo "
  712. ";
  713.         // line 515
  714.         $context['_parent'] = $context;
  715.         $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.', 515, $this->source); })()), "ProductCategories", [], "any", false, false, false, 515));
  716.         foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  717.             // line 516
  718.             echo "     ";
  719.             if ((7 == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 516), "id", [], "any", false, false, false, 516))) {
  720.                 // line 517
  721.                 echo "\t\t";
  722.                 $context["carflg"] = true;
  723.                 // line 518
  724.                 echo "\t";
  725.             }
  726.         }
  727.         $_parent = $context['_parent'];
  728.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  729.         $context = array_intersect_key($context, $_parent) + $_parent;
  730.         // line 520
  731.         echo "
  733.     <div class=\"ec-productRole\">
  734.         <div class=\"ec-productRole__grid\">
  735.             <div class=\"ec-productRole__gridCell cellLeft\">
  737.                 ";
  738.         // line 527
  739.         echo "                <div class=\"ec-productRole__visual\">
  741.                     ";
  742.         // line 530
  743.         echo "                    <div class=\"ec-productVisualMain\">
  744.                         ";
  745.         // line 532
  746.         echo "                        <div class=\"ec-slickContainer\">
  747.     ";
  748.         // line 533
  749.         $context['_parent'] = $context;
  750.         $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.', 533, $this->source); })()), "ProductImage", [], "any", false, false, false, 533));
  751.         $context['_iterated'] = false;
  752.         $context['loop'] = [
  753.           'parent' => $context['_parent'],
  754.           'index0' => 0,
  755.           'index'  => 1,
  756.           'first'  => true,
  757.         ];
  758.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  759.             $length = count($context['_seq']);
  760.             $context['loop']['revindex0'] = $length - 1;
  761.             $context['loop']['revindex'] = $length;
  762.             $context['loop']['length'] = $length;
  763.             $context['loop']['last'] = 1 === $length;
  764.         }
  765.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  766.             // line 534
  767.             echo "                            <div class=\"slide-item\">
  768.                                 <a class=\"luminous-gallery\" data-iteration=\"<!--{\$num}-->\" href=\"";
  769.             // line 535
  770.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  771.             echo "\" target=\"_blank\">
  772.                                     <img class=\"drift-img\" src=\"";
  773.             // line 536
  774.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  775.             echo "\" data-zoom=\"";
  776.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  777.             echo "\" alt=\"";
  778.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 536)) ? (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.', 536, $this->source); })()), "name", [], "any", false, false, false, 536), "html", null, true))) : (print ("")));
  779.             echo "  ";
  780.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 536)) ? (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.', 536, $this->source); })()), "search_word", [], "any", false, false, false, 536), "html", null, true))) : (print ("")));
  781.             echo "\" ";
  782.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 536) > 1)) {
  783.                 echo " loading=\"lazy\"";
  784.             }
  785.             echo ">
  786.                                 </a>
  787.                             </div>
  788.     ";
  789.             $context['_iterated'] = true;
  790.             ++$context['loop']['index0'];
  791.             ++$context['loop']['index'];
  792.             $context['loop']['first'] = false;
  793.             if (isset($context['loop']['length'])) {
  794.                 --$context['loop']['revindex0'];
  795.                 --$context['loop']['revindex'];
  796.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  797.             }
  798.         }
  799.         if (!$context['_iterated']) {
  800.             // line 540
  801.             echo "                            <div class=\"slide-item\"><img src=\"";
  802.             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);
  803.             echo "\" alt=\"";
  804.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 540)) ? (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.', 540, $this->source); })()), "name", [], "any", false, false, false, 540), "html", null, true))) : (print ("")));
  805.             echo "  ";
  806.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 540)) ? (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.', 540, $this->source); })()), "search_word", [], "any", false, false, false, 540), "html", null, true))) : (print ("")));
  807.             echo "\"></div>
  808.     ";
  809.         }
  810.         $_parent = $context['_parent'];
  811.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  812.         $context = array_intersect_key($context, $_parent) + $_parent;
  813.         // line 542
  814.         echo "                        </div>
  815.                     </div>
  817. ";
  818.         // line 553
  819.         echo "                    ";
  820.         // line 554
  821.         echo "                    <div class=\"ec-productVisualNav desktop\">
  822.     ";
  823.         // line 555
  824.         $context['_parent'] = $context;
  825.         $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.', 555, $this->source); })()), "ProductImage", [], "any", false, false, false, 555));
  826.         $context['loop'] = [
  827.           'parent' => $context['_parent'],
  828.           'index0' => 0,
  829.           'index'  => 1,
  830.           'first'  => true,
  831.         ];
  832.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  833.             $length = count($context['_seq']);
  834.             $context['loop']['revindex0'] = $length - 1;
  835.             $context['loop']['revindex'] = $length;
  836.             $context['loop']['length'] = $length;
  837.             $context['loop']['last'] = 1 === $length;
  838.         }
  839.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  840.             // line 556
  841.             echo "                        ";
  842.             // line 559
  843.             echo "                        <div class=\"slideThumb\" data-index=\"";
  844.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 559), "html", null, true);
  845.             echo "\"><img src=\"";
  846.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  847.             echo "\" alt=\"\"></div>
  848.     ";
  849.             ++$context['loop']['index0'];
  850.             ++$context['loop']['index'];
  851.             $context['loop']['first'] = false;
  852.             if (isset($context['loop']['length'])) {
  853.                 --$context['loop']['revindex0'];
  854.                 --$context['loop']['revindex'];
  855.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  856.             }
  857.         }
  858.         $_parent = $context['_parent'];
  859.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  860.         $context = array_intersect_key($context, $_parent) + $_parent;
  861.         // line 561
  862.         echo "                    </div>
  864.                     ";
  865.         // line 564
  866.         echo "                    <div class=\"ec-productVisualNav sphone\">
  867.                         <div class=\"sideInNavShelf\">
  868.         ";
  869.         // line 566
  870.         $context['_parent'] = $context;
  871.         $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.', 566, $this->source); })()), "ProductImage", [], "any", false, false, false, 566));
  872.         $context['loop'] = [
  873.           'parent' => $context['_parent'],
  874.           'index0' => 0,
  875.           'index'  => 1,
  876.           'first'  => true,
  877.         ];
  878.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  879.             $length = count($context['_seq']);
  880.             $context['loop']['revindex0'] = $length - 1;
  881.             $context['loop']['revindex'] = $length;
  882.             $context['loop']['length'] = $length;
  883.             $context['loop']['last'] = 1 === $length;
  884.         }
  885.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  886.             // line 567
  887.             echo "                            <div class=\"slideThumb\" data-index=\"";
  888.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 567), "html", null, true);
  889.             echo "\"><img src=\"";
  890.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  891.             echo "\" alt=\"\" loading=\"lazy\"></div>
  892.         ";
  893.             ++$context['loop']['index0'];
  894.             ++$context['loop']['index'];
  895.             $context['loop']['first'] = false;
  896.             if (isset($context['loop']['length'])) {
  897.                 --$context['loop']['revindex0'];
  898.                 --$context['loop']['revindex'];
  899.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  900.             }
  901.         }
  902.         $_parent = $context['_parent'];
  903.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  904.         $context = array_intersect_key($context, $_parent) + $_parent;
  905.         // line 569
  906.         echo "                        </div>
  907.                     </div>
  909.                     ";
  910.         // line 573
  911.         echo "                    <div class=\"sideInNavToggleBtn\">
  912.                         <i class=\"jeiafont jeia-grid\"></i>
  913.                         <span class=\"currentNum\">1</span>
  914.                         <span class=\"ceparate\">/</span>
  915.                         <span class=\"totalNum\">";
  916.         // line 577
  917.         echo twig_escape_filter($this->env, twig_length_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.', 577, $this->source); })()), "ProductImage", [], "any", false, false, false, 577)), "html", null, true);
  918.         echo "</span>
  919.                     </div>
  920.                 </div>
  922.                 ";
  923.         // line 582
  924.         echo "                <div class=\"drift-pane\"></div>
  925. \t    ";
  926.         // line 583
  927.         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.', 583, $this->source); })()), "id", [], "any", false, false, false, 583) == 16)) {
  928.             // line 584
  929.             echo "\t\t\t\t<video poster=\"/awd/html/upload/save_image/poster_aquariva34.webp\" controls=\"\" muted=\"\" width=\"100%\" src=\"/awd/html/upload/save_image/IMG_5774.mp4\" style=\"margin-top: 10px;\"></video>
  930.         ";
  931.         }
  932.         // line 586
  933.         echo "\t\t\t\t<div class=\"ec-productRole__description pcOnly\">
  934.                 \t";
  935.         // line 587
  936.         echo twig_nl2br(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 587, $this->source); })()), "description_detail", [], "any", false, false, false, 587));
  937.         echo "
  938.                 </div>
  939.             </div>
  941.             <div class=\"ec-productRole__gridCell cellRight\">
  943.                 ";
  944.         // line 594
  945.         echo "                <div class=\"ec-productRole__profile\">
  947. ";
  948.         // line 602
  949.         echo "                    ";
  950.         // line 603
  951.         echo "                    <div class=\"ec-productRole__title\">
  952.                         <h1>";
  953.         // line 604
  954.         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.', 604, $this->source); })()), "name", [], "any", false, false, false, 604), "html", null, true);
  955.         echo "</h1>
  956.                     </div>
  958.                     ";
  959.         // line 627
  960.         echo "
  961.                     ";
  962.         // line 629
  963.         echo "                    <div class=\"ec-productRole__price\">
  964.                         <div class=\"ec-price\">
  965. ";
  966.         // line 631
  967.         if ((isset($context["carflg"]) || array_key_exists("carflg", $context) ? $context["carflg"] : (function () { throw new RuntimeError('Variable "carflg" does not exist.', 631, $this->source); })())) {
  968.             // line 632
  969.             $context["course"] = $this->extensions['Customize\Twig\Extension\jsonDecodeTwigExtension']->jsonDecodeFilter(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.', 632, $this->source); })()), "item14", [], "any", false, false, false, 632));
  970.         } else {
  971.             // line 634
  972.             echo "                            <span class=\"ec-price__price\">Price ASK</span>
  973. ";
  974.         }
  975.         // line 636
  976.         echo "                        </div>
  977.                     </div>
  979.                     ";
  980.         // line 640
  981.         echo "                    <div class=\"ec-productRole__description spOnly\">
  982.                         ";
  983.         // line 641
  984.         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.', 641, $this->source); })()), "description_detail", [], "any", false, false, false, 641));
  985.         echo "
  986.                     </div>
  988. ";
  989.         // line 644
  990.         if ((isset($context["carflg"]) || array_key_exists("carflg", $context) ? $context["carflg"] : (function () { throw new RuntimeError('Variable "carflg" does not exist.', 644, $this->source); })())) {
  991.             // line 645
  992.             echo "                    <div class=\"ec-productRole__description\">
  993. \t\t\t\t\t\t<details class=\"accordion-006 spec\" open>
  994. \t\t\t\t\t\t\t<summary><h3>Car Experience Price (JPN)</h3></summary>
  995. \t";
  996.             // line 648
  997.             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.', 648, $this->source); })()), "id", [], "any", false, false, false, 648) != 40) && (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.', 648, $this->source); })()), "id", [], "any", false, false, false, 648) != 57)) && (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.', 648, $this->source); })()), "id", [], "any", false, false, false, 648) != 48)) && (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.', 648, $this->source); })()), "id", [], "any", false, false, false, 648) != 49))) {
  998.                 // line 649
  999.                 echo "\t\t\t\t\t\t\t<ul class=\"spec__item\">
  1000. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1001. \t\t\t\t\t\t\t\t  <span>1hour　　</span>&yen ";
  1002.                 // line 651
  1003.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["course"]) || array_key_exists("course", $context) ? $context["course"] : (function () { throw new RuntimeError('Variable "course" does not exist.', 651, $this->source); })()), 20, [], "any", false, false, false, 651)), "html", null, true);
  1004.                 echo "</li>
  1005. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1006. \t\t\t\t\t\t\t\t  <span>2hour　　</span>&yen ";
  1007.                 // line 653
  1008.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["course"]) || array_key_exists("course", $context) ? $context["course"] : (function () { throw new RuntimeError('Variable "course" does not exist.', 653, $this->source); })()), 40, [], "any", false, false, false, 653)), "html", null, true);
  1009.                 echo "</li>
  1010. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1011. \t\t\t\t\t\t\t\t  <span>3hour　　</span>&yen ";
  1012.                 // line 655
  1013.                 echo twig_escape_filter($this->env, twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["course"]) || array_key_exists("course", $context) ? $context["course"] : (function () { throw new RuntimeError('Variable "course" does not exist.', 655, $this->source); })()), 80, [], "any", false, false, false, 655)), "html", null, true);
  1014.                 echo "</li>
  1015. \t\t\t\t\t\t\t</ul>
  1016. \t";
  1017.             } else {
  1018.                 // line 658
  1019.                 echo "\t\t\t\t\t\t\t<ul class=\"spec__item\">
  1020. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1021. \t\t\t\t\t\t\t\t  <span>1hour　　</span>ASK</li>
  1022. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1023. \t\t\t\t\t\t\t\t  <span>2hour　　</span>ASK</li>
  1024. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1025. \t\t\t\t\t\t\t\t  <span>3hour　　</span>ASK</li>
  1026. \t\t\t\t\t\t\t</ul>
  1027. \t";
  1028.             }
  1029.             // line 667
  1030.             echo "\t\t\t\t\t\t</details>
  1032. \t\t\t\t\t\t<details class=\"accordion-006\">
  1033. \t\t\t\t\t\t\t<summary>SPEC</summary>
  1034. \t\t\t\t\t\t\t<ul class=\"spec__item\">
  1035. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1036. \t\t\t\t\t\t\t\t  <span>Year　　　　</span>";
  1037.             // line 673
  1038.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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); })()), "item1", [], "any", false, false, false, 673)), "html", null, true);
  1039.             echo "</li>
  1040. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1041. \t\t\t\t\t\t\t\t  <span>HP        　</span>";
  1042.             // line 675
  1043.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 675, $this->source); })()), "item21", [], "any", false, false, false, 675)), "html", null, true);
  1044.             echo "</li>
  1045. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1046. \t\t\t\t\t\t\t\t  <span>Steering Wheel　</span>";
  1047.             // line 677
  1048.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 677, $this->source); })()), "item2", [], "any", false, false, false, 677)), "html", null, true);
  1049.             echo "</li>
  1050. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1051. \t\t\t\t\t\t\t\t  <span>Seater　　　</span>";
  1052.             // line 679
  1053.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 679, $this->source); })()), "item3", [], "any", false, false, false, 679)), "html", null, true);
  1054.             echo "</li>
  1055. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1056. \t\t\t\t\t\t\t\t  <span>Doors　　　</span>";
  1057.             // line 681
  1058.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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); })()), "item4", [], "any", false, false, false, 681)), "html", null, true);
  1059.             echo "</li>
  1060. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1061. \t\t\t\t\t\t\t\t  <span>Mission　</span>";
  1062.             // line 683
  1063.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 683, $this->source); })()), "item5", [], "any", false, false, false, 683)), "html", null, true);
  1064.             echo "</li>
  1065. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1066. \t\t\t\t\t\t\t\t  <span>Fuel　 　</span>";
  1067.             // line 685
  1068.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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); })()), "item6", [], "any", false, false, false, 685)), "html", null, true);
  1069.             echo "</li>
  1070. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1071. \t\t\t\t\t\t\t\t  <span>Drive type　</span>";
  1072.             // line 687
  1073.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 687, $this->source); })()), "item7", [], "any", false, false, false, 687)), "html", null, true);
  1074.             echo "</li>
  1075. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1076. \t\t\t\t\t\t\t\t  <span>Displacement　　</span>";
  1077.             // line 689
  1078.             echo twig_escape_filter($this->env, twig_number_format_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.', 689, $this->source); })()), "item8", [], "any", false, false, false, 689)), "html", null, true);
  1079.             echo "cc        </li>
  1080. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  1081. \t\t\t\t\t\t\t\t  <span>Equipment　　　</span>";
  1082.             // line 691
  1083.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 691, $this->source); })()), "item9", [], "any", false, false, false, 691)), "html", null, true);
  1084.             echo "</li>
  1085. \t\t\t\t\t\t\t</ul>
  1086. \t\t\t\t\t\t</details>
  1087.                     </div>
  1088. ";
  1089.         }
  1090.         // line 696
  1091.         echo "
  1093. \t\t<form name=\"reserveForm\" action=\"";
  1094.         // line 698
  1095.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("drive_reserved");
  1096.         echo "\" method=\"post\" class=\"reserveForm\">
  1097. \t\t\t<input type=\"hidden\" name=\"calendarId\" id=\"calendarId\" value=\"";
  1098.         // line 699
  1099.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(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.', 699, $this->source); })()), "item13", [], "any", false, false, false, 699)), "html", null, true);
  1100.         echo "\">
  1101. \t\t\t<input type=\"hidden\" name=\"carname\" value=\"";
  1102.         // line 700
  1103.         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.', 700, $this->source); })()), "name", [], "any", false, false, false, 700), "html", null, true);
  1104.         echo "\">
  1105. \t\t\t<input type=\"hidden\" name=\"referralhotel\" class=\"referralhotel\" value=\"\">
  1106.             <p class=\"ec-para-normal\">
  1107.             Select your date, time, and preferred prefix menu, then provide your information. After submission, your temporary reservation will be secured. We look forward to your booking.
  1108.             </p>
  1110.             <p class=\"reserevedError\" style=\"display:none;\">Reservation information is not set correctly</p>
  1112. \t\t\t<div class=\"Form-Item name\">
  1113. \t\t\t\t<p class=\"Form-Item-Label\">Date</p>
  1114. \t\t\t\t<input name=\"date\" type=\"text\" class=\"Form-Item-Input flatpickr flatpickr-input date\" placeholder=\"2024-01-01\" id=\"myCal\" value=\"\">
  1115. \t\t\t\t<span class=\"Form-Item-Error date\" style=\"display: none;\">*Please select</span>
  1116. \t\t\t</div>
  1118. \t\t\t<div class=\"Form-Item\">
  1119. \t\t\t\t<p class=\"Form-Item-Label block-line\">Start Time</p>
  1120. \t\t        <select name=\"starttime\" class=\"Form-Item-Input\">
  1121. \t\t\t\t\t<option value=\"8:00\">8:00</option>
  1122. \t\t\t\t\t<option value=\"8:30\">8:30</option>
  1123. \t\t\t\t\t<option value=\"9:00\">9:00</option>
  1124. \t\t\t\t\t<option value=\"9:30\">9:30</option>
  1125. \t\t\t\t\t<option value=\"10:00\" selected>10:00</option>
  1126. \t\t\t\t\t<option value=\"10:30\">10:30</option>
  1127. \t\t\t\t\t<option value=\"11:00\">11:00</option>
  1128. \t\t\t\t\t<option value=\"11:30\">11:30</option>
  1129. \t\t\t\t\t<option value=\"12:00\">12:00</option>
  1130. \t\t\t\t\t<option value=\"12:30\">12:30</option>
  1131. \t\t\t\t\t<option value=\"13:00\">13:00</option>
  1132. \t\t\t\t\t<option value=\"13:30\">13:30</option>
  1133. \t\t\t\t\t<option value=\"14:00\">14:00</option>
  1134. \t\t\t\t\t<option value=\"14:30\">14:30</option>
  1135. \t\t\t\t\t<option value=\"15:00\">15:00</option>
  1136. \t\t\t\t\t<option value=\"15:30\">15:30</option>
  1137. \t\t\t\t\t<option value=\"16:00\">16:00</option>
  1138. \t\t\t\t\t<option value=\"16:30\">16:30</option>
  1139. \t\t\t\t\t<option value=\"17:00\">17:00</option>
  1140. \t\t\t\t\t<option value=\"17:30\">17:30</option>
  1141. \t\t\t\t\t<option value=\"18:00\">18:00</option>
  1142. \t\t\t\t\t<option value=\"18:30\">18:30</option>
  1143. \t\t\t\t\t<option value=\"19:00\">19:00</option>
  1144. \t\t\t\t\t<option value=\"19:30\">19:30</option>
  1145. \t\t\t\t</select>
  1146. \t\t\t\t<span class=\"Form-Item-Error starttime\" style=\"display: none;\">*Please select</span>
  1147. \t\t\t</div>
  1148. ";
  1149.         // line 757
  1150.         echo "\t\t\t<div class=\"Form-Item name\">
  1151. \t\t\t\t<p class=\"Form-Item-Label\">Car Experience time</p>
  1152. \t\t\t\t<div class=\"timelist\">
  1153. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"1\" id=\"1H\" >
  1154. \t\t\t\t\t<label for=\"1H\" class=\"label\">1H</label>
  1155. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"2\" id=\"2H\" >
  1156. \t\t\t\t\t<label for=\"2H\" class=\"label\">2H</label>
  1157. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"3\" id=\"3H\">
  1158. \t\t\t\t\t<label for=\"3H\" class=\"label\">3H</label>
  1159. \t\t\t\t</div>
  1160. \t\t\t\t<span class=\"Form-Item-Error timelist\" style=\"display: none;\">*Please select</span>
  1161. \t\t\t</div>
  1162. \t\t\t<div class=\"Form-Item\">
  1163. \t\t\t\t<p class=\"Form-Item-Label block-line\">Number of Participants</p>
  1164. \t\t        <select name=\"participants\" class=\"Form-Item-Input participants\">
  1165. \t\t\t\t\t<option value=\"1\">1</option>
  1166. \t\t\t\t\t<option value=\"2\">2</option>
  1167. \t\t\t\t\t<option value=\"3\">3</option>
  1168. \t\t\t\t\t<option value=\"4\">4</option>
  1169. \t\t\t\t\t<option value=\"5\">5</option>
  1170. \t\t\t\t\t<option value=\"6\">6</option>
  1171. \t\t\t\t\t<option value=\"7\">7</option>
  1172. \t\t\t\t\t<option value=\"8\">8</option>
  1173. \t\t\t\t\t<option value=\"9\">9</option>
  1174. \t\t\t\t\t<option value=\"10\">10</option>
  1175. \t\t\t\t</select>
  1176. \t\t\t</div>
  1177. \t\t\t<div class=\"Form-Item\">
  1178. \t\t\t\t<p class=\"Form-Item-Label block-line\">Desired Prefix Menu</p>
  1179. \t\t\t\t<span class=\"note\">*Please refer to the <a class=\"\" href=\"/awd/drive#prefixmenu\" target=\"_blank\">Desired Prefix Menu.</a></span>
  1180. \t\t        <select name=\"shootinglocation\" class=\"Form-Item-Input shootinglocation\">
  1181. \t\t\t\t\t<option value=\"1.Heritage\">1.Heritage</option>
  1182. \t\t\t\t\t<option value=\"2.Metropolis\">2.Metropolis</option>
  1183. \t\t\t\t\t<option value=\"3.Nature Escape\">3.Nature Escape</option>
  1184. \t\t\t\t\t<option value=\"\">4.Other</option>
  1185. \t\t\t\t</select>
  1186. \t\t\t\t<div class=\"location-note\">
  1187. \t\t\t\t\t<input name=\"shootinglocationname\" type=\"text\" class=\"Form-Item-Input shootinglocationname\" placeholder=\"Please enter your Desired location\" value=\"\" style=\"display: none;\">
  1188. \t\t\t\t</div>
  1189. \t\t\t\t<span class=\"Form-Item-Error shootinglocationname\" style=\"display: none;\">*Please enter</span>
  1190. \t\t\t</div>
  1191. \t\t\t<div class=\"Form-Item\">
  1192. \t\t\t\t<p class=\"Form-Item-Label block-line\">Photo Shoot Option by photographer?</p>
  1193. \t\t\t\t<span class=\"note\">*option price &yen50,000～</span>
  1194. \t\t        <select name=\"option\" class=\"Form-Item-Input participants\">
  1195. \t\t\t\t\t<option value=\"No\">No</option>
  1196. \t\t\t\t\t<option value=\"Yes\">Yes</option>
  1197. \t\t\t\t</select>
  1198. \t\t\t</div>
  1199. \t\t\t<div class=\"Form-Item name\">
  1200. \t\t\t\t<p class=\"Form-Item-Label\">Name</p>
  1201. \t\t\t\t<input name=\"name\" type=\"text\" class=\"Form-Item-Input name\" placeholder=\"John Smith\" value=\"\">
  1202. \t\t\t\t<span class=\"Form-Item-Error name\" style=\"display: none;\">*Please enter</span>
  1203. \t\t\t</div>
  1204. \t\t\t<div class=\"Form-Item name\">
  1205. \t\t\t\t<p class=\"Form-Item-Label\">Country</p>
  1206. \t\t\t\t<input name=\"country\" type=\"text\" class=\"Form-Item-Input country\" placeholder=\"Australia\" value=\"\">
  1207. \t\t\t\t<span class=\"Form-Item-Error country\" style=\"display: none;\">*Please enter</span>
  1208. \t\t\t</div>
  1209. \t\t\t<div class=\"Form-Item email\">
  1210. \t\t\t\t<p class=\"Form-Item-Label\">Mail</p>
  1211. \t\t\t\t<input name=\"email\" type=\"email\" class=\"Form-Item-Input email\" placeholder=\"example@gmail.com\" value=\"\">
  1212. \t\t\t\t<span class=\"Form-Item-Error email\" style=\"display: none;\">*Please enter</span>
  1213. \t\t\t</div>
  1214. \t\t\t<div class=\"Form-Item tel\">
  1215. \t\t\t\t<p class=\"Form-Item-Label\">Tel</p>
  1216. \t\t\t\t<input name=\"tel\" type=\"tel\" class=\"Form-Item-Input tel\" placeholder=\"+810000000000\" value=\"\">
  1217. \t\t\t\t<span class=\"Form-Item-Error tel\" style=\"display: none;\">*Please enter</span>
  1218. \t\t\t</div>
  1219. \t\t\t<div class=\"Form-Item tel\">
  1220. \t\t\t\t<p class=\"Form-Item-Label\">Pickup / DropOff Location</p>
  1221. \t\t\t\t<span class=\"note\">*Pickup/DropOff to SHIBUYA \"Cerulean Tower Tokyu Hotel\", &yen;10,000 discount</span>
  1222. \t\t        <select name=\"pickup_dropoff\" class=\"Form-Item-Input pickup_dropoff\">
  1223. \t\t\t\t\t<option value=\"SHIBUYA\">SHIBUYA</option>
  1224. \t\t\t\t\t<option value=\"other\">Specify pickup and dropout locations.</option>
  1225. \t\t\t\t</select>
  1226.             </div>
  1227. \t\t\t<div class=\"Form-Item\">
  1228. \t\t\t\t<p class=\"Form-Item-Label\">PickUp Location</p>
  1229. \t\t\t\t<input name=\"pickup\" type=\"text\" class=\"Form-Item-Input pickup\" placeholder=\"hotel aman tokyo\" value=\"\">
  1230. \t\t\t\t<span class=\"Form-Item-Error pickup\" style=\"display: none;\">*Please enter</span>
  1231. \t\t\t\t<span class=\"w100 shibuya\">*Cannot enter</span>
  1232. \t\t\t</div>
  1233. \t\t\t<div class=\"Form-Item\">
  1234. \t\t\t\t<p class=\"Form-Item-Label\">DropOff Location</p>
  1235. \t\t\t\t<input name=\"dropoff\" type=\"text\" class=\"Form-Item-Input dropoff\" placeholder=\"hotel aman tokyo\" value=\"\">
  1236. \t\t\t\t<span class=\"Form-Item-Error dropoff\" style=\"display: none;\">*Please enter</span>
  1237. \t\t\t\t<span class=\"w100 shibuya\">*Cannot enter</span>
  1238. \t\t\t</div>
  1239. \t\t\t<div class=\"Form-Item\">
  1240. \t\t\t\t<p class=\"Form-Item-Label\">Comment</p>
  1241. \t\t\t\t<span class=\"note\">*If you have any requests, please enter them.</span>
  1242. \t\t\t\t<textarea rows=\"5\" class=\"Form-Item-Textarea\" name=\"message\"></textarea>
  1243. \t\t\t\t<span class=\"Form-Item-Error\" style=\"display: none;\">*Please enter</span>
  1244. \t\t\t</div>
  1245. \t\t\t<a class=\"ec-shopCollectionBtn submit\" href=\"javascript:void(0)\">Reserve</a>
  1246. \t\t</form>
  1248.                     ";
  1249.         // line 856
  1250.         echo "                    <div class=\"ec-productRole__share\">
  1251.                         <p class=\"shareLabel\">SHARE</p>
  1252.                         <ul class=\"shareBtnList\">
  1253.                         ";
  1254.         // line 859
  1255.         ob_start();
  1256.         // line 860
  1257.         echo "                            ";
  1258.         // line 861
  1259.         echo "                            <li>
  1260.                                 <a class=\"shareBtn x-twitter\" href=\"https://twitter.com/share?url=\">
  1261.                                     <i class=\"jeiafont jeia-x-twitter\"></i><span>Twitter</span>
  1262.                                 </a>
  1263.                             </li>
  1264.                             ";
  1265.         // line 867
  1266.         echo "                            <li>
  1267.                                 <a class=\"shareBtn facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\">
  1268.                                     <i class=\"jeiafont jeia-facebook\"></i><span>Facebook シェア</span>
  1269.                                 </a>
  1270.                             </li>
  1271.                             ";
  1272.         // line 873
  1273.         echo "                            <li>
  1274.                                 <a class=\"shareBtn line\" href=\"https://social-plugins.line.me/lineit/share?url=\">
  1275.                                     <i class=\"jeiafont jeia-line2\"></i><span>LINE</span>
  1276.                                 </a>
  1277.                             </li>
  1278.                             ";
  1279.         // line 879
  1280.         echo "                            <li>
  1281.                                 <a class=\"shareBtn pocket\" href=\"http://getpocket.com/edit?url=\">
  1282.                                     <i class=\"jeiafont jeia-get-pocket\"></i><span>Pocket</span>
  1283.                                 </a>
  1284.                             </li>
  1285.                             ";
  1286.         // line 885
  1287.         echo "                            <li>
  1288.                                 <a class=\"shareBtn hatena\" href=\"http://b.hatena.ne.jp/add?mode=confirm&url=\">
  1289.                                     <i class=\"jeiafont jeia-hatenabookmark\"></i><span>はてなブックマーク</span>
  1290.                                 </a>
  1291.                             </li>
  1292.                             ";
  1293.         // line 891
  1294.         echo "                            <li>
  1295.                                 <a class=\"shareBtn no-window pinterest\" data-pin-do=\"buttonBookmark\" data-pin-custom=\"true\" data-pin-lang=\"ja\" data-pin-save=\"false\" href=\"//jp.pinterest.com/pin/create/button/\">
  1296.                                     <i class=\"jeiafont jeia-pinterest\"></i><span>Pinterest</span>
  1297.                                 </a>
  1298.                                 <script async defer src=\"//assets.pinterest.com/js/pinit.js\"></script>
  1299.                             </li>
  1300.                         ";
  1301.         echo trim(preg_replace('/>\s+</', '><', ob_get_clean()));
  1302.         // line 898
  1303.         echo "                        </ul>
  1304.                     </div>
  1307.                 </div>";
  1308.         // line 903
  1309.         echo "            </div>";
  1310.         // line 904
  1311.         echo "        </div>";
  1312.         // line 905
  1313.         echo "
  1314.     ";
  1315.         // line 906
  1316.         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.', 906, $this->source); })()), "freearea", [], "any", false, false, false, 906)) {
  1317.             // line 907
  1318.             echo "        <div class=\"ec-productRole__freearea\">
  1319.             ";
  1320.             // line 908
  1321.             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.', 908, $this->source); })()), "freearea", [], "any", false, false, false, 908)));
  1322.             echo "
  1323.         </div>
  1324.     ";
  1325.         }
  1326.         // line 911
  1327.         echo "
  1328.     </div>";
  1329.         
  1330.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1332.         
  1333.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1335.     }
  1337.     public function getTemplateName()
  1338.     {
  1339.         return "Drive/detail.twig";
  1340.     }
  1342.     public function isTraitable()
  1343.     {
  1344.         return false;
  1345.     }
  1347.     public function getDebugInfo()
  1348.     {
  1349.         return array (  1327 => 911,  1321 => 908,  1318 => 907,  1316 => 906,  1313 => 905,  1311 => 904,  1309 => 903,  1303 => 898,  1294 => 891,  1287 => 885,  1280 => 879,  1273 => 873,  1266 => 867,  1259 => 861,  1257 => 860,  1255 => 859,  1250 => 856,  1150 => 757,  1103 => 700,  1099 => 699,  1095 => 698,  1091 => 696,  1083 => 691,  1078 => 689,  1073 => 687,  1068 => 685,  1063 => 683,  1058 => 681,  1053 => 679,  1048 => 677,  1043 => 675,  1038 => 673,  1030 => 667,  1019 => 658,  1013 => 655,  1008 => 653,  1003 => 651,  999 => 649,  997 => 648,  992 => 645,  990 => 644,  984 => 641,  981 => 640,  976 => 636,  972 => 634,  969 => 632,  967 => 631,  963 => 629,  960 => 627,  954 => 604,  951 => 603,  949 => 602,  945 => 594,  936 => 587,  933 => 586,  929 => 584,  927 => 583,  924 => 582,  917 => 577,  911 => 573,  906 => 569,  887 => 567,  870 => 566,  866 => 564,  862 => 561,  843 => 559,  841 => 556,  824 => 555,  821 => 554,  819 => 553,  814 => 542,  801 => 540,  774 => 536,  770 => 535,  767 => 534,  749 => 533,  746 => 532,  743 => 530,  739 => 527,  731 => 520,  724 => 518,  721 => 517,  718 => 516,  714 => 515,  711 => 514,  709 => 513,  706 => 512,  696 => 511,  678 => 504,  672 => 503,  666 => 502,  661 => 500,  649 => 491,  641 => 485,  635 => 483,  632 => 482,  513 => 365,  509 => 364,  365 => 224,  359 => 221,  356 => 219,  348 => 213,  344 => 212,  340 => 211,  336 => 210,  332 => 208,  326 => 206,  324 => 205,  319 => 204,  316 => 203,  306 => 201,  292 => 199,  284 => 198,  266 => 197,  261 => 195,  238 => 175,  227 => 167,  197 => 140,  192 => 137,  183 => 131,  179 => 129,  177 => 128,  174 => 127,  165 => 121,  161 => 119,  159 => 118,  143 => 104,  135 => 102,  133 => 101,  128 => 99,  125 => 98,  123 => 97,  109 => 86,  106 => 85,  96 => 84,  82 => 80,  77 => 77,  67 => 76,  56 => 72,  54 => 74,  52 => 68,  50 => 61,  37 => 72,);
  1350.     }
  1352.     public function getSourceContext()
  1353.     {
  1354.         return new Source("{#
  1355. ///////////////////////////////////////////////////////////////////////
  1357. This template is part of EC-CUBE Design template.
  1359. Copyright(c) JAPAN ELECTRONIC INDUSTRIAL ARTS CO.LTD.
  1361. http://www.jeia.co.jp/
  1363. For the full copyright and license information, please view the LICENSE
  1364. file that was distributed with this source code.
  1366. 本テンプレートの著作権は、「株式会社日本電子工藝社」に帰属いたします。
  1368. ※本テンプレートを譲渡・再頒布・転用・第三者へ開示することは禁止いたします。
  1369. ただし、事業者によるショップ運営者への設置代行を禁止するものではございません。
  1370. ※本テンプレートを申請されたご利用サイトへの設置以外の目的で複製することは禁止いたします。
  1371. ※本テンプレートデータ内のライセンス条項、および著作権に関する記述を削除することはできません。
  1372. ※ご利用サイトを変更することはできません。申請と異なるサイトにてご利用になる場合は、
  1373. 別途、ご利用費用をお支払いただく必要がございます。
  1374. ※本テンプレートの改変にあたり、一切のサポートはいたしかねます。
  1375. ※本テンプレートは、すべての設置環境で動作する事は保証しておりません。
  1377. ///////////////////////////////////////////////////////////////////////
  1378. #}
  1380. {#
  1381. drift
  1382. https://github.com/imgix/drift
  1384. Copyright (c) 2015-2018, Zebrafish Labs All rights reserved.
  1385. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
  1386. 1.Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
  1387. 2.Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
  1388. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  1390. luminous
  1391. https://github.com/imgix/luminous
  1393. Copyright (c) 2015-2018, Zebrafish Labs All rights reserved.
  1394. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
  1395. 1.Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
  1396. 2.Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
  1397. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  1398. #}
  1400. {#
  1401. 商品詳細ページ
  1403. ビジュアル画像にはルーペ型とポップアップ型の拡大表示機能を実装しています。
  1404. もし機能が不要な場合は下記のTwig変数「visual_options」を設定してください。
  1405. * loupe: ルーペ拡大機能（0=無効、1=有効）
  1406. * popup: ポップアップ拡大機能（0=無効、1=有効）
  1408. 常駐カートイン機能をON/OFF切り替えできます。
  1409. * clone_cartin （0,false=無効、1,true=有効）
  1410. #}
  1411. {# ----------▼ 商品詳細機能設定 ▼---------- #}
  1413. {# ビジュアル画像拡大機能のON/OFF設定 #}
  1414. {% set visual_options =
  1415.     {
  1416.         loupe: 0,
  1417.         popup: 1
  1418.     }
  1419. %}
  1420. {# 常駐カートインのON/OFF設定 #}
  1421. {% set clone_cartin = true %}
  1423. {# ----------▲ 商品詳細機能設定 ▲---------- #}
  1425. {% extends 'default_frame.twig' %}
  1427. {% set body_class = 'product_page' %}
  1429. {% block stylesheet %}
  1430. \t<link rel=\"stylesheet\" href=\"//unpkg.com/flatpickr/dist/flatpickr.min.css\">
  1431. \t<!-- カスタムテーマ -->
  1432. \t<link rel=\"stylesheet\" href=\"//unpkg.com/flatpick/dist/themes/airbnb.css\">
  1433. \t<link rel=\"stylesheet\" href=\"{{ asset('assets/css/drive_detail.css') }}?{{ env('CSS_PARAM') }}\">
  1434. {% endblock %}
  1437. {% block javascript %}
  1438.     <script>
  1439.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  1441.         // 規格2に選択肢を割り当てる。
  1442.         function fnSetClassCategories(form, classcat_id2_selected) {
  1443.             var \$form = \$(form);
  1444.             var product_id = \$form.find('input[name=product_id]').val();
  1445.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  1446.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  1447.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  1448.         }
  1450.         {% if form.classcategory_id2 is defined %}
  1451.         fnSetClassCategories(
  1452.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  1453.         );
  1454.         {% elseif form.classcategory_id1 is defined %}
  1455.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  1456.         {% endif %}
  1457.     </script>
  1458.     <script>
  1459.         \$(function() {
  1460.             // bfcache無効化
  1461.             \$(window).bind('pageshow', function(event) {
  1462.                 if (event.originalEvent.persisted) {
  1463.                     location.reload(true);
  1464.                 }
  1465.             });
  1466.         });
  1467.     </script>
  1468.     <script>
  1469.         \$(function() {
  1470.             \$('.add-cart').on('click', function(event) {
  1471.                 {% if form.classcategory_id1 is defined %}
  1472.                 // 規格1フォームの必須チェック
  1473.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1474.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1475.                     return true;
  1476.                 } else {
  1477.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1478.                 }
  1479.                 {% endif %}
  1481.                 {% if form.classcategory_id2 is defined %}
  1482.                 // 規格2フォームの必須チェック
  1483.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1484.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  1485.                     return true;
  1486.                 } else {
  1487.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1488.                 }
  1489.                 {% endif %}
  1491.                 // 個数フォームのチェック
  1492.                 if (\$('#quantity').val() < 1) {
  1493.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  1494.                     return true;
  1495.                 } else {
  1496.                     \$('#quantity')[0].setCustomValidity('');
  1497.                 }
  1499.                 event.preventDefault();
  1500.                 \$form = \$('#form1');
  1501.                 \$.ajax({
  1502.                     url: \$form.attr('action'),
  1503.                     type: \$form.attr('method'),
  1504.                     data: \$form.serialize(),
  1505.                     dataType: 'json',
  1506.                     beforeSend: function(xhr, settings) {
  1507.                         // Buttonを無効にする
  1508.                         \$('.add-cart').prop('disabled', true);
  1509.                     }
  1510.                 }).done(function(data) {
  1511.                     // レスポンス内のメッセージをalertで表示
  1512.                     \$.each(data.messages, function() {
  1513.                         \$('#ec-modal-header').text(this);
  1514.                     });
  1516.                     \$('.ec-modal').show()
  1518.                     // カートブロックを更新する
  1519.                     \$.ajax({
  1520.                         url: \"{{ url('block_cart') }}\",
  1521.                         type: 'GET',
  1522.                         dataType: 'html'
  1523.                     }).done(function(html) {
  1524.                         //\$('.ec-headerRole__cart').html(html);
  1525.                         \$('.ec-cartNavi__detail').html(html);
  1526.                     });
  1527.                 }).fail(function(data) {
  1528.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  1529.                 }).always(function(data) {
  1530.                     // Buttonを有効にする
  1531.                     \$('.add-cart').prop('disabled', false);
  1532.                 });
  1533.             });
  1534.         });
  1536.         \$('.ec-modal-wrap').on('click', function(e) {
  1537.             // モーダル内の処理は外側にバブリングさせない
  1538.             e.stopPropagation();
  1539.         });
  1540.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1541.             \$('.ec-modal').hide()
  1542.         });
  1543.     </script>
  1544.     <script type=\"application/ld+json\">
  1545.     {
  1546.         \"@context\": \"https://schema.org/\",
  1547.         \"@type\": \"Product\",
  1548.         \"name\": \"{{ Product.name }}\",
  1549.         \"image\": [
  1550.             {% for img in Product.ProductImage %}
  1551.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  1553.             {% else %}
  1554.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  1555.             {% endfor %}
  1556.         ],
  1557.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  1558.         {% if Product.code_min %}
  1559.         \"sku\": \"{{ Product.code_min }}\",
  1560.         {% endif %}
  1561.         \"offers\": {
  1562.             \"@type\": \"Offer\",
  1563.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  1564.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  1565.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  1566.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  1567.         }
  1568.     }
  1569.     </script>
  1571.     {# JEIA #}
  1573.     {# Drift（画像ルーペ拡大表示ライブラリ） Drift用CSSは「_14.4.product_zoom.scss」に含めています #}
  1574.     <script src=\"{{ asset('assets/js/drift/Drift.min.js') }}\"></script>
  1576.     {# Luminous（画像ポップアップ拡大表示ライブラリ） Luminous用CSSは「_14.4.product_zoom.scss」に含めています #}
  1577.     <script src=\"{{ asset('assets/js/luminous/Luminous.min.js') }}\"></script>
  1579.     <script>
  1581.         //------------------------------
  1582.         // 商品ビジュアル（slick使用）
  1583.         //------------------------------
  1584.         // slick適用コンテナ
  1585.         var \$ecSlickContainer = \$( '.ec-productVisualMain .ec-slickContainer' );
  1587.         // キャプションの準備
  1588.         /** 商品詳細ページのslickアイテムは動的に出力されますのでキャプションを入れられませんが、
  1589.          * フリーエリア内にてキャプション要素を記述しておき、javascirptで各キャプションを各画像アイテム内に挿入させます。
  1590.          * ※EC-CUBE4.2.0ではフリーエリアに記述したHTMLがサニタイズ（data属性が削除）されてしまい、この機能が動作しませんのでコメントアウトします。
  1591.          */
  1592.         /*
  1593.         var \$visualCaption = \$( '.visual_caption' );// キャプション要素ラッパー
  1594.         \$visualCaption.find( '.caption' ).each(function(){
  1595.             var \$this = \$(this);
  1597.             // index 1つ目の画像用キャプションは「data-caption=\"1\"」としていますので、-1してindex値にします
  1598.             var _index = parseInt( \$this.data('caption'),10 ) - 1;
  1600.             // 該当slickアイテム
  1601.             var \$slideItem = \$ecSlickContainer.find( '.slide-item' ).eq( _index );
  1603.             if ( \$slideItem.length ) {
  1604.                 // 該当slickアイテムにキャプションを挿入
  1605.                 \$slideItem.append(\$this);
  1606.             } else {
  1607.                 // 該当slickアイテムが存在しない場合はキャプションを破棄します
  1608.                 \$this.remove();
  1609.             }
  1610.         });
  1611.         */
  1613.         // slick準備完了時の処理
  1614.         \$ecSlickContainer.on('init', function(){
  1615.             setTimeout(function(){
  1616.                 //
  1617.             }, 0);
  1618.         });
  1620.         // slick適用
  1621.         \$ecSlickContainer.slick({
  1622.             fade: true,
  1623.             speed: 600,
  1624.             dots: false,
  1625.             arrows: true,
  1626.             prevArrow: '<div class=\"slick-prev\"><i class=\"jeiafont jeia-arrow-left\"></i></div>',
  1627.             nextArrow: '<div class=\"slick-next\"><i class=\"jeiafont jeia-arrow\"></i></div>',
  1628.             asNavFor: '.ec-productVisualNav.desktop',
  1629.             responsive: [
  1630.                 {
  1631.                     breakpoint: 768,//768px未満（スマホ時）
  1632.                     settings: {
  1633.                         fade: false,
  1634.                         infinit: true
  1635.                     }
  1636.                 }
  1637.             ]
  1638.         });
  1640.         // ビジュアルナビ（デスクトップ・タブレット用：縦スライド）
  1641.         var \$visualNavDesktop = \$( '.ec-productVisualNav.desktop' );
  1642.         \$visualNavDesktop.slick({
  1643.             asNavFor: '.ec-productVisualMain .ec-slickContainer',
  1644.             vertical: true,
  1645.             verticalSwiping: true,
  1646.             slidesToShow: 5,
  1647.             slidesToScroll: 1,
  1648.             //swipeToSlide: true,// ※verticalでは効かない様子
  1649.             focusOnSelect: true,
  1650.             speed: 600,
  1651.             arrows: true,
  1652.             prevArrow: '<div class=\"slick-prev\"><i class=\"jeiafont jeia-arrow\"></i></div>',
  1653.             nextArrow: '<div class=\"slick-next\"><i class=\"jeiafont jeia-arrow\"></i></div>'
  1654.         });
  1656.         // ビジュアルナビの高さをメインビジュアルの高さと揃えます（デスクトップ・タブレット時）
  1657.         // これは見た目の調整と、ナビ送りのnextボタンの配置を正しくする目的もあります
  1658.         if ( window.innerWidth >= 768 ) {
  1659.             // slick生成が完了してから実行します。イベント「slick_all_readiness」はjeia_function.jsによってslick生成完了後に発火されます。
  1660.             \$(window).on('slick_all_readiness jeia_resize', function(){
  1661.                 var _height = \$ecSlickContainer.height();
  1662.                 // ビジュアルナビの高さを適用
  1663.                 \$visualNavDesktop.height( _height );
  1664.                 // ブラウザのリサイズ時に.slick-listの高さが追随しない事があるのでこちらも高さを揃えます
  1665.                 \$visualNavDesktop.find( '.slick-list' ).height( _height );
  1666.             });
  1667.         }
  1669.         // ビジュアルナビ（スマホ用）
  1670.         var \$productRoleVisual =  \$( '.ec-productRole__visual' );// ※ビジュアル画像拡大機能でもこの取得要素を使います
  1671.         var \$visualNavSphone =    \$( '.ec-productVisualNav.sphone' );// ビジュアルナビ（スマホ用）
  1672.         var \$sideInNavToggleBtn = \$( '.sideInNavToggleBtn' );// ビジュアルナビ開閉ボタン
  1674.         // ビジュアルナビ（スマホ）開閉ボタン
  1675.         \$sideInNavToggleBtn.on('click', function(){
  1676.             // 開状態となるclassをON/OFF
  1677.             \$productRoleVisual.toggleClass( 'is-navOpen' );
  1678.         });
  1680.         // ビジュアルナビ（スマホ）サムネイルタップでメインビジュアル画像を切替え
  1681.         \$visualNavSphone.on('click', '.slideThumb', function() {
  1682.             var index = \$(this).attr( 'data-index' );
  1683.             \$ecSlickContainer.slick( 'slickGoTo', index, false );// slickGoTo: indexで指定したスライドへ移動
  1685.             // ページ上部にスクロールする処理を入れておきます（ページトップボタンのイベントを発火）
  1686.             \$( '.ec-blockTopBtn' ).trigger( 'click' );
  1688.             // ナビをCLOSE
  1689.             \$productRoleVisual.removeClass( 'is-navOpen' );
  1690.         });
  1692.         // サムネイル以外をタップした場合はナビをCLOSE
  1693.         \$visualNavSphone.on('click', function() {
  1694.             // ナビをCLOSE
  1695.             \$productRoleVisual.removeClass( 'is-navOpen' );
  1696.         });
  1698.         // スライド切り替え完了後のイベント（開閉ボタンのカレント値を更新）
  1699.         \$ecSlickContainer.on('afterChange', function(e, slick, currentSlide){
  1700.             \$sideInNavToggleBtn.find( '.currentNum' ).text( currentSlide + 1 );
  1701.         });
  1704.         //------------------------------
  1705.         // ビジュアル画像 ルーペ拡大表示（Drift）＆ポップアップ拡大表示（Luminous）
  1706.         //------------------------------
  1707.         // ・Drift
  1708.         // ルーペ拡大表示には「Drift」を使用しています（Drift was made by imgix.）
  1709.         // https://github.com/imgix/drift
  1710.         //------------------------------
  1711.         // ・Luminous
  1712.         // ポップアップ拡大表示には「Luminous」を使用しています（Luminous was made by imgix.）
  1713.         // https://github.com/imgix/luminous
  1714.         //------------------------------
  1716.         // 商品ビジュアルの拡大機能ON/OFF
  1717.         var visual_loupe = Boolean( {{ visual_options.loupe }} );// ルーペ拡大
  1718.         var visual_popup = Boolean( {{ visual_options.popup }} );// ポップアップ拡大
  1720.         // slick生成が完了してから実行します。イベント「slick_all_readiness」はjeia_function.jsによってslick生成完了後に発火されます。
  1721.         \$(window).on('slick_all_readiness', function(){
  1723.             // ルーペ拡大表示
  1724.             // 画像ズームはデスクトップ・タブレット時のみとします（スマホではあまり実用的ではないと思われますので）
  1725.             if ( visual_loupe && window.innerWidth >= 768 ) {
  1727.                 // 拡大表示パネルの大きさを決めます（リサイズ時も算出し直します）
  1728.                 \$(window).on('on_pane_size jeia_resize', function(){
  1730.                     // パネル表示の基点（サムネイル枠の左端）
  1731.                     var pane_origin = \$(' .ec-productVisualNav' ).offset().left;
  1733.                     // パネル幅 →ブラウザ幅から表示基点を引いて（スクロールバー分の幅も調整）、パネル領域を広く設定
  1734.                     var pane_w = window.innerWidth - pane_origin - 50;
  1736.                     // パネル高さ →ビジュアル上位置からブラウザ下まで、少しだけ余白を差し引き
  1737.                     var pane_h = \$(window).height() - \$productRoleVisual.offset().top - 50;
  1739.                     \$( '.drift-pane' ).css({
  1740.                         'width':  pane_w,
  1741.                         'height': pane_h,
  1742.                         'left':   \$( '.ec-productVisualMain' ).width() + 1// メインビジュアルの右端 + 余白
  1743.                     });
  1744.                 }).trigger('on_pane_size');
  1746.                 // メインビジュアル ルーペ拡大表示（ライブラリ「Drift」）
  1747.                 var pane = document.querySelector( '.drift-pane' );
  1749.                 \$( '.drift-img' ).each(function(){
  1750.                     new Drift(this, {
  1751.                         paneContainer:  pane,
  1752.                         inlinePane:     1279,//1280px以上でパネル表示、それ未満はルーペ表示
  1753.                         containInline:  false,// ルーペを画像の端からはみ出させない場合はtrue
  1754.                         inlineOffsetY:  -85,
  1755.                         touchDelay:     300
  1756.                     });
  1757.                 })
  1758.             }
  1760.             // ポップアップ拡大表示
  1761.             // 画像ポップアップはデスクトップ・タブレット時のみとします（スマホではあまり実用的ではないと思われますので）
  1762.             if ( visual_popup && window.innerWidth >= 768 ) {
  1763.                 new LuminousGallery(document.querySelectorAll( '.luminous-gallery' ));
  1764.             } else {
  1765.                 // ポップアップ拡大を使用しない →画像がクリックされてもa要素が動作しないようにイベントを組んでおきます
  1766.                 \$productRoleVisual.find( '.luminous-gallery' ).on('click', function(){
  1767.                     return false;
  1768.                 });
  1769.             }
  1770.         });
  1772.         // どちらの拡大機能も使用しない場合はカーソルを矢印に戻しておきます（通常はCSS側でzoom-inにしています）
  1773.         if ( !visual_loupe && !visual_popup ) {
  1774.             \$productRoleVisual.find( '.slide-item > a' ).css( 'cursor', 'default' );
  1775.         }
  1778.         //------------------------------
  1779.         // お気に入り処理
  1780.         //------------------------------
  1781.         /* 当テンプレートではお気に入りボタンをカートボタンの横に配置するデザインとなっておりますが、
  1782.             * このエリアはカートインのform要素領域の中に入っていますので、お気に入り追加用formとボタンとを分離させ、
  1783.             * ボタンをカート横に配置し、ボタンクリック時に当スクリプトお気に入りフォーム送信を発生させています。
  1784.             */
  1785.         \$( '#favorite' ).on('click', function(e){
  1786.             e.preventDefault();
  1787.             \$( '#form_favorite' ).submit();
  1788.         });
  1791.         //------------------------------
  1792.         // シェアボタン（サブウィンドウ表示）
  1793.         //------------------------------
  1794.         \$( '.shareBtn' ).on('click', function(){
  1796.             // ウィンドウを開かないタイプはスルー
  1797.             if ( \$(this).hasClass( 'no-window' ) ) {
  1798.                 return true;
  1799.             }
  1800.             var this_url = \$(this).attr( 'href' ) + location.href;
  1801.             window.open( this_url, 'sns_win', 'width=650, height=470, personalbar=0, toolbar=0, scrollbars=1, sizable=1' );
  1802.             return false;
  1803.         });
  1806.         //------------------------------
  1807.         // フリーエリア：タブ切り替えコンテンツ
  1808.         //------------------------------
  1809.         /* フリーエリア内にコードを記述することでタブ切り替えコンテンツを実装します。
  1810.          * タブ切り替えが不要な場合は当スクリプトを削除してください。
  1811.          * ※EC-CUBE4.2.0ではフリーエリアに記述したHTMLがサニタイズ（data属性が削除）されてしまい、この機能が動作しませんのでコメントアウトします。
  1812.          */
  1813.         /*
  1814.         var \$ecProductDetailTab =        \$( '.ec-productDetailTab' );
  1815.         var \$ecProductDetailTabNav =     \$ecProductDetailTab.find( '.ec-productDetailTab__nav' )
  1816.         var \$ecProductDetailTabContent = \$ecProductDetailTab.find( '.ec-productDetailTab__content' );
  1818.         \$ecProductDetailTabNav.on('click', 'li', function(){
  1819.             var \$this = \$(this);
  1820.             var _index = '.tab-' + \$this.data('tab');
  1822.             // コンテンツのアクティブ化
  1823.             \$ecProductDetailTabContent.filter(_index).addClass('is-active').siblings().removeClass('is-active');
  1825.             // タブのアクティブ化
  1826.             \$this.addClass('is-active').siblings().removeClass('is-active');
  1827.         });
  1829.         // 初回は1番目のタブコンテンツを表示
  1830.         \$ecProductDetailTabNav.find('li:eq(0)').trigger('click');
  1831.         */
  1833.     </script>
  1834.     {# 常駐カートイン #}
  1835.     {% if clone_cartin %}
  1836.     <script src=\"{{ asset('assets/js/clone_cartin.js') }}\"></script>
  1837.     {% endif %}
  1839. \t<script src=\"//unpkg.com/flatpickr\"></script>
  1840. \t<!-- 日本語の言語ファイル -->
  1841. \t<script src=\"//unpkg.com/flatpickr/dist/l10n/ja.js\"></script>
  1842. \t<script>
  1843. \t\t//Googleカレンダー予約状況
  1844. \t\treservedInfo={{ events|raw }};
  1846. /*
  1847. \t\tfor (let key in reservedInfo) {
  1848. \t\t  console.log('key:' + key);
  1849. \t\t  console.log(reservedInfo[key].length);
  1850. \t\t}
  1851. */
  1853. \t\tcalendar_start_date=\"{{ calendar_start_date }}\";
  1854. \t</script>
  1855. \t<script src=\"{{ asset('assets/js/hotelinfo].js') }}?{{ env('CSS_PARAM') }}\"></script>
  1856. \t<script src=\"{{ asset('assets/js/rental_common.js') }}?{{ env('CSS_PARAM') }}\"></script>
  1857. \t<script src=\"{{ asset('assets/js/drive_detail.js') }}?{{ env('CSS_PARAM') }}\"></script>
  1862. {% endblock %}
  1864. {% block main %}
  1866. {% set carflg = false %}
  1868. {% for ProductCategory in Product.ProductCategories %}
  1869.      {% if 7== ProductCategory.Category.id %}
  1870. \t\t{% set carflg = true %}
  1871. \t{% endif %}
  1872. {% endfor %}
  1875.     <div class=\"ec-productRole\">
  1876.         <div class=\"ec-productRole__grid\">
  1877.             <div class=\"ec-productRole__gridCell cellLeft\">
  1879.                 {# 商品ビジュアル表示 #}
  1880.                 <div class=\"ec-productRole__visual\">
  1882.                     {# メインビジュアル格納枠 #}
  1883.                     <div class=\"ec-productVisualMain\">
  1884.                         {# slick適用要素 #}
  1885.                         <div class=\"ec-slickContainer\">
  1886.     {% for ProductImage in Product.ProductImage %}
  1887.                             <div class=\"slide-item\">
  1888.                                 <a class=\"luminous-gallery\" data-iteration=\"<!--{\$num}-->\" href=\"{{ asset(ProductImage, 'save_image') }}\" target=\"_blank\">
  1889.                                     <img class=\"drift-img\" src=\"{{ asset(ProductImage, 'save_image') }}\" data-zoom=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}  {{ loop.first ? Product.search_word : '' }}\" {% if loop.index > 1 %} loading=\"lazy\"{% endif %}>
  1890.                                 </a>
  1891.                             </div>
  1892.     {% else %}
  1893.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}  {{ loop.first ? Product.search_word : '' }}\"></div>
  1894.     {% endfor %}
  1895.                         </div>
  1896.                     </div>
  1898. {#
  1899.                     ----------------------------------------------------------------------------------
  1900.                     デスクトップ・タブレット時はビジュアルナビをメインビジュアルの横に配置して縦スライド機能をつけています。
  1901.                     スマホ時はスライド機能は使わずに展開ボタンにより一覧ビューがサイドインする動作になります。
  1902.                     レスポンシブにおいて、スライド機能のON/OFFやレイアウト変更はロジックが煩雑になるかと思いましたので、
  1903.                     ビジュアルナビは、あらかじめデスクトップ用のナビと、モバイル用のナビをそれぞれ組み込んでおきレスポンシブで表示を切り替えています。
  1904.                     ----------------------------------------------------------------------------------
  1905. #}
  1906.                     {# ビジュアルナビ（デスクトップ・タブレット用） #}
  1907.                     <div class=\"ec-productVisualNav desktop\">
  1908.     {% for ProductImage in Product.ProductImage %}
  1909.                         {# 当テンプレートの構造上、loading=\"lazy\"は入れないほうがいいかも？
  1910.                         <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" loading=\"lazy\"></div>
  1911.                         #}
  1912.                         <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\"></div>
  1913.     {% endfor %}
  1914.                     </div>
  1916.                     {# ビジュアルナビ（スマホ用） #}
  1917.                     <div class=\"ec-productVisualNav sphone\">
  1918.                         <div class=\"sideInNavShelf\">
  1919.         {% for ProductImage in Product.ProductImage %}
  1920.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" loading=\"lazy\"></div>
  1921.         {% endfor %}
  1922.                         </div>
  1923.                     </div>
  1925.                     {# ビジュアルナビ（スマホ用）開閉ボタン #}
  1926.                     <div class=\"sideInNavToggleBtn\">
  1927.                         <i class=\"jeiafont jeia-grid\"></i>
  1928.                         <span class=\"currentNum\">1</span>
  1929.                         <span class=\"ceparate\">/</span>
  1930.                         <span class=\"totalNum\">{{ Product.ProductImage|length }}</span>
  1931.                     </div>
  1932.                 </div>
  1934.                 {# 商品画像ルーペ拡大表示用パネル（デスクトップ時のみ） #}
  1935.                 <div class=\"drift-pane\"></div>
  1936. \t    {% if Product.id==16 %}
  1937. \t\t\t\t<video poster=\"/awd/html/upload/save_image/poster_aquariva34.webp\" controls=\"\" muted=\"\" width=\"100%\" src=\"/awd/html/upload/save_image/IMG_5774.mp4\" style=\"margin-top: 10px;\"></video>
  1938.         {% endif %}
  1939. \t\t\t\t<div class=\"ec-productRole__description pcOnly\">
  1940.                 \t{{ Product.description_detail|raw|nl2br }}
  1941.                 </div>
  1942.             </div>
  1944.             <div class=\"ec-productRole__gridCell cellRight\">
  1946.                 {# 商品プロフィール #}
  1947.                 <div class=\"ec-productRole__profile\">
  1949. {#
  1950. {% set price = Product.item16 | json_decode %}
  1951. {{ dump(price) }}
  1952. {{ dump(price.price|number_format) }}
  1953. {{ dump(price.km) }}
  1954. #}
  1955.                     {# 商品タイトル #}
  1956.                     <div class=\"ec-productRole__title\">
  1957.                         <h1>{{ Product.name }}</h1>
  1958.                     </div>
  1960.                     {# 通常価格 #}
  1961. {#
  1962.                     <div class=\"ec-productRole__priceRegular\">
  1963.                         <div class=\"ec-price\">
  1964.                             <span class=\"ec-price__label\">通常価格</span>
  1965.     {% if Product.hasProductClass -%}
  1966.         {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
  1967.                             <span class=\"ec-price__price price01-default\">>&yen;{{ Product.getPrice01IncTaxMin|number_format }}～</span>
  1968.         {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
  1969.                             <span class=\"ec-price__price price01-default\">{{ Product.getPrice01IncTaxMin|number_format }} ～ {{ Product.getPrice01IncTaxMax|number_format }}円</span>
  1970.         {% endif %}
  1971.     {% else %}
  1972.         {% if Product.getPrice01Max is not null %}
  1973.                             <span class=\"ec-price__price price01-default\">&yen;{{ Product.getPrice01IncTaxMin|number_format }}～</span>
  1974.         {% endif %}
  1975.     {% endif %}
  1976.                             <span class=\"ec-price__tax\">（{{ '税込'|trans }}）</span>
  1977.                         </div>
  1978.                     </div>
  1979. #}
  1981.                     {# 販売価格 #}
  1982.                     <div class=\"ec-productRole__price\">
  1983.                         <div class=\"ec-price\">
  1984. {% if carflg %}
  1985. {% set course = Product.item14 | json_decode %}
  1986. {% else %}
  1987.                             <span class=\"ec-price__price\">Price ASK</span>
  1988. {% endif %}
  1989.                         </div>
  1990.                     </div>
  1992.                     {# 詳細コメント #}
  1993.                     <div class=\"ec-productRole__description spOnly\">
  1994.                         {{ Product.description_detail|raw|nl2br }}
  1995.                     </div>
  1997. {% if carflg %}
  1998.                     <div class=\"ec-productRole__description\">
  1999. \t\t\t\t\t\t<details class=\"accordion-006 spec\" open>
  2000. \t\t\t\t\t\t\t<summary><h3>Car Experience Price (JPN)</h3></summary>
  2001. \t{% if Product.id!=40 and Product.id!=57 and Product.id!=48 and Product.id!=49 %}
  2002. \t\t\t\t\t\t\t<ul class=\"spec__item\">
  2003. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2004. \t\t\t\t\t\t\t\t  <span>1hour　　</span>&yen {{ course.20|number_format }}</li>
  2005. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2006. \t\t\t\t\t\t\t\t  <span>2hour　　</span>&yen {{ course.40|number_format }}</li>
  2007. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2008. \t\t\t\t\t\t\t\t  <span>3hour　　</span>&yen {{ course.80|number_format }}</li>
  2009. \t\t\t\t\t\t\t</ul>
  2010. \t{% else %}
  2011. \t\t\t\t\t\t\t<ul class=\"spec__item\">
  2012. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2013. \t\t\t\t\t\t\t\t  <span>1hour　　</span>ASK</li>
  2014. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2015. \t\t\t\t\t\t\t\t  <span>2hour　　</span>ASK</li>
  2016. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2017. \t\t\t\t\t\t\t\t  <span>3hour　　</span>ASK</li>
  2018. \t\t\t\t\t\t\t</ul>
  2019. \t{% endif %}
  2020. \t\t\t\t\t\t</details>
  2022. \t\t\t\t\t\t<details class=\"accordion-006\">
  2023. \t\t\t\t\t\t\t<summary>SPEC</summary>
  2024. \t\t\t\t\t\t\t<ul class=\"spec__item\">
  2025. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2026. \t\t\t\t\t\t\t\t  <span>Year　　　　</span>{{ Product.item1|trans }}</li>
  2027. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2028. \t\t\t\t\t\t\t\t  <span>HP        　</span>{{ Product.item21|trans }}</li>
  2029. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2030. \t\t\t\t\t\t\t\t  <span>Steering Wheel　</span>{{ Product.item2|trans }}</li>
  2031. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2032. \t\t\t\t\t\t\t\t  <span>Seater　　　</span>{{ Product.item3|trans }}</li>
  2033. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2034. \t\t\t\t\t\t\t\t  <span>Doors　　　</span>{{ Product.item4|trans }}</li>
  2035. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2036. \t\t\t\t\t\t\t\t  <span>Mission　</span>{{ Product.item5|trans }}</li>
  2037. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2038. \t\t\t\t\t\t\t\t  <span>Fuel　 　</span>{{ Product.item6|trans }}</li>
  2039. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2040. \t\t\t\t\t\t\t\t  <span>Drive type　</span>{{ Product.item7|trans }}</li>
  2041. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2042. \t\t\t\t\t\t\t\t  <span>Displacement　　</span>{{ Product.item8|number_format }}cc        </li>
  2043. \t\t\t\t\t\t\t\t<li class=\"spec__row\">
  2044. \t\t\t\t\t\t\t\t  <span>Equipment　　　</span>{{ Product.item9|trans }}</li>
  2045. \t\t\t\t\t\t\t</ul>
  2046. \t\t\t\t\t\t</details>
  2047.                     </div>
  2048. {% endif %}
  2051. \t\t<form name=\"reserveForm\" action=\"{{ url('drive_reserved') }}\" method=\"post\" class=\"reserveForm\">
  2052. \t\t\t<input type=\"hidden\" name=\"calendarId\" id=\"calendarId\" value=\"{{ Product.item13|trans }}\">
  2053. \t\t\t<input type=\"hidden\" name=\"carname\" value=\"{{ Product.name }}\">
  2054. \t\t\t<input type=\"hidden\" name=\"referralhotel\" class=\"referralhotel\" value=\"\">
  2055.             <p class=\"ec-para-normal\">
  2056.             Select your date, time, and preferred prefix menu, then provide your information. After submission, your temporary reservation will be secured. We look forward to your booking.
  2057.             </p>
  2059.             <p class=\"reserevedError\" style=\"display:none;\">Reservation information is not set correctly</p>
  2061. \t\t\t<div class=\"Form-Item name\">
  2062. \t\t\t\t<p class=\"Form-Item-Label\">Date</p>
  2063. \t\t\t\t<input name=\"date\" type=\"text\" class=\"Form-Item-Input flatpickr flatpickr-input date\" placeholder=\"2024-01-01\" id=\"myCal\" value=\"\">
  2064. \t\t\t\t<span class=\"Form-Item-Error date\" style=\"display: none;\">*Please select</span>
  2065. \t\t\t</div>
  2067. \t\t\t<div class=\"Form-Item\">
  2068. \t\t\t\t<p class=\"Form-Item-Label block-line\">Start Time</p>
  2069. \t\t        <select name=\"starttime\" class=\"Form-Item-Input\">
  2070. \t\t\t\t\t<option value=\"8:00\">8:00</option>
  2071. \t\t\t\t\t<option value=\"8:30\">8:30</option>
  2072. \t\t\t\t\t<option value=\"9:00\">9:00</option>
  2073. \t\t\t\t\t<option value=\"9:30\">9:30</option>
  2074. \t\t\t\t\t<option value=\"10:00\" selected>10:00</option>
  2075. \t\t\t\t\t<option value=\"10:30\">10:30</option>
  2076. \t\t\t\t\t<option value=\"11:00\">11:00</option>
  2077. \t\t\t\t\t<option value=\"11:30\">11:30</option>
  2078. \t\t\t\t\t<option value=\"12:00\">12:00</option>
  2079. \t\t\t\t\t<option value=\"12:30\">12:30</option>
  2080. \t\t\t\t\t<option value=\"13:00\">13:00</option>
  2081. \t\t\t\t\t<option value=\"13:30\">13:30</option>
  2082. \t\t\t\t\t<option value=\"14:00\">14:00</option>
  2083. \t\t\t\t\t<option value=\"14:30\">14:30</option>
  2084. \t\t\t\t\t<option value=\"15:00\">15:00</option>
  2085. \t\t\t\t\t<option value=\"15:30\">15:30</option>
  2086. \t\t\t\t\t<option value=\"16:00\">16:00</option>
  2087. \t\t\t\t\t<option value=\"16:30\">16:30</option>
  2088. \t\t\t\t\t<option value=\"17:00\">17:00</option>
  2089. \t\t\t\t\t<option value=\"17:30\">17:30</option>
  2090. \t\t\t\t\t<option value=\"18:00\">18:00</option>
  2091. \t\t\t\t\t<option value=\"18:30\">18:30</option>
  2092. \t\t\t\t\t<option value=\"19:00\">19:00</option>
  2093. \t\t\t\t\t<option value=\"19:30\">19:30</option>
  2094. \t\t\t\t</select>
  2095. \t\t\t\t<span class=\"Form-Item-Error starttime\" style=\"display: none;\">*Please select</span>
  2096. \t\t\t</div>
  2097. {#
  2098. \t\t\t<div class=\"timelist\">
  2099. \t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"10:00\" id=\"10\" >
  2100. \t\t\t\t<label for=\"10\" class=\"label\">10:00</label>
  2101. \t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"12:00\" id=\"12\">
  2102. \t\t\t\t<label for=\"12\" class=\"label\">12:00</label>
  2103. \t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"14:00\" id=\"14\">
  2104. \t\t\t\t<label for=\"14\" class=\"label\">14:00</label>
  2105. \t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"16:00\" id=\"16\">
  2106. \t\t\t\t<label for=\"16\" class=\"label\">16:00</label>
  2107. \t\t\t\t<span class=\"Form-Item-Error timelist\" style=\"display: none;\">*Please select</span>
  2108. \t\t\t</div>
  2109. #}
  2110. \t\t\t<div class=\"Form-Item name\">
  2111. \t\t\t\t<p class=\"Form-Item-Label\">Car Experience time</p>
  2112. \t\t\t\t<div class=\"timelist\">
  2113. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"1\" id=\"1H\" >
  2114. \t\t\t\t\t<label for=\"1H\" class=\"label\">1H</label>
  2115. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"2\" id=\"2H\" >
  2116. \t\t\t\t\t<label for=\"2H\" class=\"label\">2H</label>
  2117. \t\t\t\t\t<input type=\"radio\" name=\"time\" class=\"time\" value=\"3\" id=\"3H\">
  2118. \t\t\t\t\t<label for=\"3H\" class=\"label\">3H</label>
  2119. \t\t\t\t</div>
  2120. \t\t\t\t<span class=\"Form-Item-Error timelist\" style=\"display: none;\">*Please select</span>
  2121. \t\t\t</div>
  2122. \t\t\t<div class=\"Form-Item\">
  2123. \t\t\t\t<p class=\"Form-Item-Label block-line\">Number of Participants</p>
  2124. \t\t        <select name=\"participants\" class=\"Form-Item-Input participants\">
  2125. \t\t\t\t\t<option value=\"1\">1</option>
  2126. \t\t\t\t\t<option value=\"2\">2</option>
  2127. \t\t\t\t\t<option value=\"3\">3</option>
  2128. \t\t\t\t\t<option value=\"4\">4</option>
  2129. \t\t\t\t\t<option value=\"5\">5</option>
  2130. \t\t\t\t\t<option value=\"6\">6</option>
  2131. \t\t\t\t\t<option value=\"7\">7</option>
  2132. \t\t\t\t\t<option value=\"8\">8</option>
  2133. \t\t\t\t\t<option value=\"9\">9</option>
  2134. \t\t\t\t\t<option value=\"10\">10</option>
  2135. \t\t\t\t</select>
  2136. \t\t\t</div>
  2137. \t\t\t<div class=\"Form-Item\">
  2138. \t\t\t\t<p class=\"Form-Item-Label block-line\">Desired Prefix Menu</p>
  2139. \t\t\t\t<span class=\"note\">*Please refer to the <a class=\"\" href=\"/awd/drive#prefixmenu\" target=\"_blank\">Desired Prefix Menu.</a></span>
  2140. \t\t        <select name=\"shootinglocation\" class=\"Form-Item-Input shootinglocation\">
  2141. \t\t\t\t\t<option value=\"1.Heritage\">1.Heritage</option>
  2142. \t\t\t\t\t<option value=\"2.Metropolis\">2.Metropolis</option>
  2143. \t\t\t\t\t<option value=\"3.Nature Escape\">3.Nature Escape</option>
  2144. \t\t\t\t\t<option value=\"\">4.Other</option>
  2145. \t\t\t\t</select>
  2146. \t\t\t\t<div class=\"location-note\">
  2147. \t\t\t\t\t<input name=\"shootinglocationname\" type=\"text\" class=\"Form-Item-Input shootinglocationname\" placeholder=\"Please enter your Desired location\" value=\"\" style=\"display: none;\">
  2148. \t\t\t\t</div>
  2149. \t\t\t\t<span class=\"Form-Item-Error shootinglocationname\" style=\"display: none;\">*Please enter</span>
  2150. \t\t\t</div>
  2151. \t\t\t<div class=\"Form-Item\">
  2152. \t\t\t\t<p class=\"Form-Item-Label block-line\">Photo Shoot Option by photographer?</p>
  2153. \t\t\t\t<span class=\"note\">*option price &yen50,000～</span>
  2154. \t\t        <select name=\"option\" class=\"Form-Item-Input participants\">
  2155. \t\t\t\t\t<option value=\"No\">No</option>
  2156. \t\t\t\t\t<option value=\"Yes\">Yes</option>
  2157. \t\t\t\t</select>
  2158. \t\t\t</div>
  2159. \t\t\t<div class=\"Form-Item name\">
  2160. \t\t\t\t<p class=\"Form-Item-Label\">Name</p>
  2161. \t\t\t\t<input name=\"name\" type=\"text\" class=\"Form-Item-Input name\" placeholder=\"John Smith\" value=\"\">
  2162. \t\t\t\t<span class=\"Form-Item-Error name\" style=\"display: none;\">*Please enter</span>
  2163. \t\t\t</div>
  2164. \t\t\t<div class=\"Form-Item name\">
  2165. \t\t\t\t<p class=\"Form-Item-Label\">Country</p>
  2166. \t\t\t\t<input name=\"country\" type=\"text\" class=\"Form-Item-Input country\" placeholder=\"Australia\" value=\"\">
  2167. \t\t\t\t<span class=\"Form-Item-Error country\" style=\"display: none;\">*Please enter</span>
  2168. \t\t\t</div>
  2169. \t\t\t<div class=\"Form-Item email\">
  2170. \t\t\t\t<p class=\"Form-Item-Label\">Mail</p>
  2171. \t\t\t\t<input name=\"email\" type=\"email\" class=\"Form-Item-Input email\" placeholder=\"example@gmail.com\" value=\"\">
  2172. \t\t\t\t<span class=\"Form-Item-Error email\" style=\"display: none;\">*Please enter</span>
  2173. \t\t\t</div>
  2174. \t\t\t<div class=\"Form-Item tel\">
  2175. \t\t\t\t<p class=\"Form-Item-Label\">Tel</p>
  2176. \t\t\t\t<input name=\"tel\" type=\"tel\" class=\"Form-Item-Input tel\" placeholder=\"+810000000000\" value=\"\">
  2177. \t\t\t\t<span class=\"Form-Item-Error tel\" style=\"display: none;\">*Please enter</span>
  2178. \t\t\t</div>
  2179. \t\t\t<div class=\"Form-Item tel\">
  2180. \t\t\t\t<p class=\"Form-Item-Label\">Pickup / DropOff Location</p>
  2181. \t\t\t\t<span class=\"note\">*Pickup/DropOff to SHIBUYA \"Cerulean Tower Tokyu Hotel\", &yen;10,000 discount</span>
  2182. \t\t        <select name=\"pickup_dropoff\" class=\"Form-Item-Input pickup_dropoff\">
  2183. \t\t\t\t\t<option value=\"SHIBUYA\">SHIBUYA</option>
  2184. \t\t\t\t\t<option value=\"other\">Specify pickup and dropout locations.</option>
  2185. \t\t\t\t</select>
  2186.             </div>
  2187. \t\t\t<div class=\"Form-Item\">
  2188. \t\t\t\t<p class=\"Form-Item-Label\">PickUp Location</p>
  2189. \t\t\t\t<input name=\"pickup\" type=\"text\" class=\"Form-Item-Input pickup\" placeholder=\"hotel aman tokyo\" value=\"\">
  2190. \t\t\t\t<span class=\"Form-Item-Error pickup\" style=\"display: none;\">*Please enter</span>
  2191. \t\t\t\t<span class=\"w100 shibuya\">*Cannot enter</span>
  2192. \t\t\t</div>
  2193. \t\t\t<div class=\"Form-Item\">
  2194. \t\t\t\t<p class=\"Form-Item-Label\">DropOff Location</p>
  2195. \t\t\t\t<input name=\"dropoff\" type=\"text\" class=\"Form-Item-Input dropoff\" placeholder=\"hotel aman tokyo\" value=\"\">
  2196. \t\t\t\t<span class=\"Form-Item-Error dropoff\" style=\"display: none;\">*Please enter</span>
  2197. \t\t\t\t<span class=\"w100 shibuya\">*Cannot enter</span>
  2198. \t\t\t</div>
  2199. \t\t\t<div class=\"Form-Item\">
  2200. \t\t\t\t<p class=\"Form-Item-Label\">Comment</p>
  2201. \t\t\t\t<span class=\"note\">*If you have any requests, please enter them.</span>
  2202. \t\t\t\t<textarea rows=\"5\" class=\"Form-Item-Textarea\" name=\"message\"></textarea>
  2203. \t\t\t\t<span class=\"Form-Item-Error\" style=\"display: none;\">*Please enter</span>
  2204. \t\t\t</div>
  2205. \t\t\t<a class=\"ec-shopCollectionBtn submit\" href=\"javascript:void(0)\">Reserve</a>
  2206. \t\t</form>
  2208.                     {# シェアボタン #}
  2209.                     <div class=\"ec-productRole__share\">
  2210.                         <p class=\"shareLabel\">SHARE</p>
  2211.                         <ul class=\"shareBtnList\">
  2212.                         {% spaceless %}
  2213.                             {# Twitter #}
  2214.                             <li>
  2215.                                 <a class=\"shareBtn x-twitter\" href=\"https://twitter.com/share?url=\">
  2216.                                     <i class=\"jeiafont jeia-x-twitter\"></i><span>Twitter</span>
  2217.                                 </a>
  2218.                             </li>
  2219.                             {# Facebook #}
  2220.                             <li>
  2221.                                 <a class=\"shareBtn facebook\" href=\"https://www.facebook.com/sharer/sharer.php?u=\">
  2222.                                     <i class=\"jeiafont jeia-facebook\"></i><span>Facebook シェア</span>
  2223.                                 </a>
  2224.                             </li>
  2225.                             {# LINE #}
  2226.                             <li>
  2227.                                 <a class=\"shareBtn line\" href=\"https://social-plugins.line.me/lineit/share?url=\">
  2228.                                     <i class=\"jeiafont jeia-line2\"></i><span>LINE</span>
  2229.                                 </a>
  2230.                             </li>
  2231.                             {# Pocket #}
  2232.                             <li>
  2233.                                 <a class=\"shareBtn pocket\" href=\"http://getpocket.com/edit?url=\">
  2234.                                     <i class=\"jeiafont jeia-get-pocket\"></i><span>Pocket</span>
  2235.                                 </a>
  2236.                             </li>
  2237.                             {# はてなブックマーク #}
  2238.                             <li>
  2239.                                 <a class=\"shareBtn hatena\" href=\"http://b.hatena.ne.jp/add?mode=confirm&url=\">
  2240.                                     <i class=\"jeiafont jeia-hatenabookmark\"></i><span>はてなブックマーク</span>
  2241.                                 </a>
  2242.                             </li>
  2243.                             {# Pinterest #}
  2244.                             <li>
  2245.                                 <a class=\"shareBtn no-window pinterest\" data-pin-do=\"buttonBookmark\" data-pin-custom=\"true\" data-pin-lang=\"ja\" data-pin-save=\"false\" href=\"//jp.pinterest.com/pin/create/button/\">
  2246.                                     <i class=\"jeiafont jeia-pinterest\"></i><span>Pinterest</span>
  2247.                                 </a>
  2248.                                 <script async defer src=\"//assets.pinterest.com/js/pinit.js\"></script>
  2249.                             </li>
  2250.                         {% endspaceless %}
  2251.                         </ul>
  2252.                     </div>
  2255.                 </div>{# end of .ec-productRole__profile #}
  2256.             </div>{# end of .ec-productRole__gridCell #}
  2257.         </div>{# end of .ec-productRole__grid #}
  2259.     {% if Product.freearea %}
  2260.         <div class=\"ec-productRole__freearea\">
  2261.             {{ include(template_from_string(Product.freearea)) }}
  2262.         </div>
  2263.     {% endif %}
  2265.     </div>{# end of .ec-productRole #}
  2266. {% endblock %}
  2267. ", "Drive/detail.twig", "/home/giftlife-tokyo/www/stg/awd/app/template/osechi/Drive/detail.twig");
  2268.     }
  2269. }