Twig\Error\RuntimeError {#5864
  -lineno: 598
  -name: "Product/detail.twig"
  -rawMessage: "Neither the property "price02IncTaxs" nor one of the methods "price02IncTaxs()", "getprice02IncTaxs()"/"isprice02IncTaxs()"/"hasprice02IncTaxs()" or "__call()" exist and have public access in class "Eccube\Entity\Product"."
  -sourcePath: "/home/xs360801/xs360801.xsrv.jp/public_html/app/template/default/Product/detail.twig"
  -sourceCode: """
    {#\r\n
    This file is part of EC-CUBE\r\n
    \r\n
    Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.\r\n
    \r\n
    http://www.ec-cube.co.jp/\r\n
    \r\n
    For the full copyright and license information, please view the LICENSE\r\n
    file that was distributed with this source code.\r\n
    #}\r\n
    {% extends 'default_frame.twig' %}\r\n
    \r\n
    {% set body_class = 'product_page' %}\r\n
    \r\n
    {% block stylesheet %}\r\n
        <style>\r\n
    \r\n
            .slick-slider {\r\n
                margin-bottom: 30px;\r\n
            }\r\n
    \r\n
            .slick-dots {\r\n
                position: absolute;\r\n
                bottom: -45px;\r\n
                display: block;\r\n
                width: 100%;\r\n
                padding: 0;\r\n
                list-style: none;\r\n
                text-align: center;\r\n
            }\r\n
    \r\n
            .slick-dots li {\r\n
                position: relative;\r\n
                display: inline-block;\r\n
                width: 20px;\r\n
                height: 20px;\r\n
                margin: 0 5px;\r\n
                padding: 0;\r\n
    \r\n
                cursor: pointer;\r\n
            }\r\n
    \r\n
            .slick-dots li button {\r\n
                font-size: 0;\r\n
                line-height: 0;\r\n
                display: block;\r\n
                width: 20px;\r\n
                height: 20px;\r\n
                padding: 5px;\r\n
                cursor: pointer;\r\n
                color: transparent;\r\n
                border: 0;\r\n
                outline: none;\r\n
                background: transparent;\r\n
            }\r\n
    \r\n
            .slick-dots li button:hover,\r\n
            .slick-dots li button:focus {\r\n
                outline: none;\r\n
            }\r\n
    \r\n
            .slick-dots li button:hover:before,\r\n
            .slick-dots li button:focus:before {\r\n
                opacity: 1;\r\n
            }\r\n
    \r\n
            .slick-dots li button:before {\r\n
                content: " ";\r\n
                line-height: 20px;\r\n
                position: absolute;\r\n
                top: 0;\r\n
                left: 0;\r\n
                width: 12px;\r\n
                height: 12px;\r\n
                text-align: center;\r\n
                opacity: .25;\r\n
                background-color: black;\r\n
                border-radius: 50%;\r\n
    \r\n
            }\r\n
    \r\n
            .slick-dots li.slick-active button:before {\r\n
                opacity: .75;\r\n
                background-color: black;\r\n
            }\r\n
    \r\n
            .slick-dots li button.thumbnail img {\r\n
                width: 0;\r\n
                height: 0;\r\n
            }\r\n
    \r\n
    \t.ec-productRole__number {\r\n
    \t  padding: 14px 0;\r\n
    \t  border-bottom: 1px dotted #ccc;\r\n
    \t}\r\n
    \r\n
    \t.ec-productRole__stock {\r\n
    \t  padding: 14px 0;\r\n
    \t  border-bottom: 1px dotted #ccc;\r\n
    \t}\r\n
        </style>\r\n
        {{ parent() }}\r\n
        {# レビュー用CSSファイルの読み込み #}\r\n
        <link rel="stylesheet" href="{{ asset('assets/css/review.css') }}">\r\n
        {# FontAwesome CDNの追加 #}\r\n
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">\r\n
        <style>\r\n
             /* レビュー表示用のスタイル */\r\n
            .ec-review-section {\r\n
                margin-top: 3rem;\r\n
                padding: 20px;\r\n
                background: #f8f9fa;\r\n
                border-radius: 5px;\r\n
            }\r\n
            .ec-review-heading {\r\n
                text-align: center;\r\n
                margin-bottom: 1.5rem;\r\n
                font-size: 1.5rem;\r\n
                border-bottom: 2px solid #525263;\r\n
                padding-bottom: 10px;\r\n
            }\r\n
            .ec-review-item {\r\n
                background: #fff;\r\n
                border: 1px solid #ddd;\r\n
                border-radius: 4px;\r\n
                padding: 15px;\r\n
                margin-bottom: 15px;\r\n
                box-shadow: 0 1px 3px rgba(0,0,0,0.1);\r\n
            }\r\n
            .ec-review-header {\r\n
                display: flex;\r\n
                justify-content: space-between;\r\n
                margin-bottom: 10px;\r\n
                border-bottom: 1px solid #eee;\r\n
                padding-bottom: 10px;\r\n
            }\r\n
            .ec-review-info {\r\n
                display: flex;\r\n
                flex-direction: column;\r\n
            }\r\n
            .ec-review-name {\r\n
                font-weight: bold;\r\n
                margin-bottom: 5px;\r\n
            }\r\n
            .ec-review-date {\r\n
                font-size: 0.85em;\r\n
                color: #888;\r\n
            }\r\n
            .ec-review-stars {\r\n
                color: #FFD700;\r\n
                font-size: 1.2em;\r\n
            }\r\n
            .ec-review-title {\r\n
                font-weight: bold;\r\n
                margin-bottom: 10px;\r\n
                font-size: 1.1em;\r\n
            }\r\n
            .ec-review-comment {\r\n
                line-height: 1.6;\r\n
            }\r\n
            .ec-review-product {\r\n
                margin-top: 10px;\r\n
                font-size: 0.9em;\r\n
                text-align: right;\r\n
                font-style: italic;\r\n
            }\r\n
            .ec-review-more {\r\n
                text-align: center;\r\n
                margin-top: 20px;\r\n
            }\r\n
            \r\n
            /* 件数表示のスタイル */\r\n
            .ec-review-count {\r\n
                font-size: 0.8em;\r\n
                font-weight: normal;\r\n
                color: #666;\r\n
                margin-left: 10px;\r\n
            }\r\n
            \r\n
            /* 店名(カナ)のスタイル */\r\n
            .shop-kana {\r\n
                font-size: 0.9em;\r\n
                color: #666;\r\n
                margin-left: 10px;\r\n
            }\r\n
    \r\n
            /* レビュー投稿ボタンのスタイル */\r\n
            .ec-review-write {\r\n
                text-align: center;\r\n
                margin-top: 30px;\r\n
                padding-top: 20px;\r\n
                border-top: 1px solid #eee;\r\n
            }\r\n
    \r\n
            .ec-inlineBtn--action {\r\n
                background-color: #525263;\r\n
                color: #fff;\r\n
                border-color: #525263;\r\n
                padding: 10px 25px;\r\n
                font-weight: bold;\r\n
                transition: all 0.3s;\r\n
            }\r\n
    \r\n
            .ec-inlineBtn--action:hover {\r\n
                background-color: #3e3e4a;\r\n
                border-color: #3e3e4a;\r\n
                color: #fff;\r\n
                opacity: 0.9;\r\n
            }\r\n
    \r\n
            /* レビューなしの表示 */\r\n
            .ec-review-empty {\r\n
                text-align: center;\r\n
                padding: 30px 15px;\r\n
                background-color: #fff;\r\n
                border-radius: 4px;\r\n
                border: 1px solid #ddd;\r\n
                margin-bottom: 20px;\r\n
                color: #888;\r\n
            }\r\n
        </style>\r\n
    {% endblock %}\r\n
    \r\n
    {% block javascript %}\r\n
        <script>\r\n
            eccube.classCategories = {{ class_categories_as_json(Product)|raw }};\r\n
    \r\n
            // 規格2に選択肢を割り当てる。\r\n
            function fnSetClassCategories(form, classcat_id2_selected) {\r\n
                var $form = $(form);\r\n
                var product_id = $form.find('input[name=product_id]').val();\r\n
                var $sele1 = $form.find('select[name=classcategory_id1]');\r\n
                var $sele2 = $form.find('select[name=classcategory_id2]');\r\n
                eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);\r\n
            }\r\n
    \r\n
            {% if form.classcategory_id2 is defined %}\r\n
            fnSetClassCategories(\r\n
                $('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}\r\n
            );\r\n
            {% elseif form.classcategory_id1 is defined %}\r\n
            eccube.checkStock($('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);\r\n
            {% endif %}\r\n
        </script>\r\n
        <script>\r\n
            $(function() {\r\n
                // bfcache無効化\r\n
                $(window).bind('pageshow', function(event) {\r\n
                    if (event.originalEvent.persisted) {\r\n
                        location.reload(true);\r\n
                    }\r\n
                });\r\n
    \r\n
                // Core Web Vital の Cumulative Layout Shift(CLS)対策のため\r\n
                // img タグに width, height が付与されている.\r\n
                // 630px 未満の画面サイズでは縦横比が壊れるための対策\r\n
                // see https://github.com/EC-CUBE/ec-cube/pull/5023\r\n
                $('.ec-grid2__cell').hide();\r\n
                var removeSize = function () {\r\n
                    $('.slide-item').height('');\r\n
                    $('.slide-item img')\r\n
                        .removeAttr('width')\r\n
                        .removeAttr('height')\r\n
                        .removeAttr('style');\r\n
                };\r\n
                var slickInitial = function(slick) {\r\n
                    $('.ec-grid2__cell').fadeIn(1500);\r\n
                    var baseHeight = $(slick.target).height();\r\n
                    var baseWidth = $(slick.target).width();\r\n
                    var rate = baseWidth / baseHeight;\r\n
    \r\n
                    $('.slide-item').height(baseHeight * rate); // 余白を削除する\r\n
                    // transform を使用することでCLSの影響を受けないようにする\r\n
                    $('.slide-item img')\r\n
                        .css(\r\n
                            {\r\n
                                'transform-origin': 'top left',\r\n
                                'transform': 'scaleY(' + rate + ')',\r\n
                                'transition': 'transform .1s'\r\n
                            }\r\n
                        );\r\n
                    // 正しいサイズに近くなったら属性を解除する\r\n
                    setTimeout(removeSize, 500);\r\n
                };\r\n
                $('.item_visual').on('init', slickInitial);\r\n
                // リサイズ時は CLS の影響を受けないため属性を解除する\r\n
                $(window).resize(removeSize);\r\n
                $('.item_visual').slick({\r\n
                    dots: false,\r\n
                    arrows: false,\r\n
                    responsive: [{\r\n
                        breakpoint: 768,\r\n
                        settings: {\r\n
                            dots: true\r\n
                        }\r\n
                    }]\r\n
                });\r\n
    \r\n
                $('.slideThumb').on('click', function() {\r\n
                    var index = $(this).attr('data-index');\r\n
                    $('.item_visual').slick('slickGoTo', index, false);\r\n
                })\r\n
            });\r\n
        </script>\r\n
        <script>\r\n
            $(function() {\r\n
                $('.add-cart').on('click', function(event) {\r\n
                    {% if form.classcategory_id1 is defined %}\r\n
                    // 規格1フォームの必須チェック\r\n
                    if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {\r\n
                        $('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');\r\n
                        return true;\r\n
                    } else {\r\n
                        $('#classcategory_id1')[0].setCustomValidity('');\r\n
                    }\r\n
                    {% endif %}\r\n
    \r\n
                    {% if form.classcategory_id2 is defined %}\r\n
                    // 規格2フォームの必須チェック\r\n
                    if ($('#classcategory_id2').val() == '__unselected' || $('#classcategory_id2').val() == '') {\r\n
                        $('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');\r\n
                        return true;\r\n
                    } else {\r\n
                        $('#classcategory_id2')[0].setCustomValidity('');\r\n
                    }\r\n
                    {% endif %}\r\n
    \r\n
                    // 個数フォームのチェック\r\n
                    if ($('#quantity').val() < 1) {\r\n
                        $('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');\r\n
                        return true;\r\n
                    } else {\r\n
                        $('#quantity')[0].setCustomValidity('');\r\n
                    }\r\n
    \r\n
                    event.preventDefault();\r\n
                    $form = $('#form1');\r\n
                    $.ajax({\r\n
                        url: $form.attr('action'),\r\n
                        type: $form.attr('method'),\r\n
                        data: $form.serialize(),\r\n
                        dataType: 'json',\r\n
                        beforeSend: function(xhr, settings) {\r\n
                            // Buttonを無効にする\r\n
                            $('.add-cart').prop('disabled', true);\r\n
                        }\r\n
                    }).done(function(data) {\r\n
                        // レスポンス内のメッセージをalertで表示\r\n
                        $.each(data.messages, function() {\r\n
                            $('#ec-modal-header').text(this);\r\n
                        });\r\n
    \r\n
                        $('.ec-modal').show()\r\n
    \r\n
                        // カートブロックを更新する\r\n
                        $.ajax({\r\n
                            url: "{{ url('block_cart') }}",\r\n
                            type: 'GET',\r\n
                            dataType: 'html'\r\n
                        }).done(function(html) {\r\n
                            $('.ec-headerRole__cart').html(html);\r\n
                        });\r\n
                    }).fail(function(data) {\r\n
                        alert('{{ 'カートへの追加に失敗しました。'|trans }}');\r\n
                    }).always(function(data) {\r\n
                        // Buttonを有効にする\r\n
                        $('.add-cart').prop('disabled', false);\r\n
                    });\r\n
                });\r\n
            });\r\n
    \r\n
            $('.ec-modal-wrap').on('click', function(e) {\r\n
                // モーダル内の処理は外側にバブリングさせない\r\n
                e.stopPropagation();\r\n
            });\r\n
            $('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {\r\n
                $('.ec-modal').hide()\r\n
            });\r\n
        </script>\r\n
        <script type="application/ld+json">\r\n
        {\r\n
            "@context": "https://schema.org/",\r\n
            "@type": "Product",\r\n
            "name": "{{ Product.name }}",\r\n
            "image": [\r\n
                {% for img in Product.ProductImage %}\r\n
                    "{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}"{% if not loop.last %},{% endif %}\r\n
    \r\n
                {% else %}\r\n
                    "{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}"\r\n
                {% endfor %}\r\n
            ],\r\n
            "description": "{{ Product.description_list | default(Product.description_detail) | replace({'\n': '', '\r': ''}) | slice(0,300) }}",\r\n
            {% if Product.code_min %}\r\n
            "sku": "{{ Product.code_min }}",\r\n
            {% endif %}\r\n
            "offers": {\r\n
                "@type": "Offer",\r\n
                "url": "{{ url('product_detail', {'id': Product.id}) }}",\r\n
                "priceCurrency": "{{ eccube_config.currency }}",\r\n
                "price": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},\r\n
                "availability": "{{ Product.stock_find ? "InStock" : "OutOfStock" }}"\r\n
            }\r\n
        }\r\n
        </script>\r\n
        {{ parent() }}\r\n
        <script>\r\n
            // レビュー「もっと見る」機能\r\n
            $(function() {\r\n
                // もっと見るボタンのクリックイベント\r\n
                $('#load-more-reviews').on('click', function(e) {\r\n
                    e.preventDefault();\r\n
                    var $btn = $(this);\r\n
                    var offset = parseInt($btn.data('offset'));\r\n
                    var productId = $btn.data('product-id');\r\n
                    \r\n
                    console.log('もっと見るボタンがクリックされました。オフセット:', offset);\r\n
                    \r\n
                    // 読み込み中の表示\r\n
                    $btn.prop('disabled', true).text('読み込み中...');\r\n
                    \r\n
                    // ルートが存在するかチェック\r\n
                    try {\r\n
                        var reviewApiUrl = '{{ url('review_more_api') }}';\r\n
                    } catch (e) {\r\n
                        console.error('レビューAPIのルートが見つかりません:', e);\r\n
                        $btn.prop('disabled', false).text('もっと見る');\r\n
                        alert('レビュー機能は現在利用できません。');\r\n
                        return;\r\n
                    }\r\n
                    \r\n
                    // Ajaxリクエスト\r\n
                    $.ajax({\r\n
                        url: reviewApiUrl,\r\n
                        data: { \r\n
                            offset: offset,\r\n
                            product_id: productId\r\n
                        },\r\n
                        method: 'GET',\r\n
                        dataType: 'json',\r\n
                        success: function(data) {\r\n
                            console.log('データ取得成功:', data);\r\n
                            \r\n
                            if (data.error) {\r\n
                                console.error('サーバーエラー:', data.message);\r\n
                                $btn.prop('disabled', false).text('もっと見る');\r\n
                                return;\r\n
                            }\r\n
                            \r\n
                            // 追加のレビューを表示\r\n
                            $('#review-list').append(data.html);\r\n
                            \r\n
                            // 表示件数を更新\r\n
                            var currentCount = parseInt($('#displayed-count').text());\r\n
                            var newCount = currentCount + data.count;\r\n
                            $('#displayed-count').text(newCount);\r\n
                            \r\n
                            // もっとレビューがある場合\r\n
                            if (data.hasMore) {\r\n
                                $btn.data('offset', offset + data.count)\r\n
                                   .attr('data-offset', offset + data.count) // data属性を明示的に更新\r\n
                                   .prop('disabled', false)\r\n
                                   .text('もっと見る');\r\n
                                console.log('次のオフセットに更新:', offset + data.count);\r\n
                            } else {\r\n
                                // もうレビューがない場合はボタンを非表示\r\n
                                $btn.hide();\r\n
                                console.log('すべてのレビューを表示しました');\r\n
                            }\r\n
                        },\r\n
                        error: function(xhr, status, error) {\r\n
                            console.error("エラーが発生しました:", error);\r\n
                            console.log("ステータス:", status);\r\n
                            console.log("レスポンス:", xhr.responseText);\r\n
                            $btn.prop('disabled', false).text('もっと見る');\r\n
                            alert('レビューの読み込みに失敗しました。');\r\n
                        }\r\n
                    });\r\n
                });\r\n
            });\r\n
        </script>\r\n
    {% endblock %}\r\n
    \r\n
    {% block main %}\r\n
    \r\n
    \r\n
        <div class="ec-productRole">\r\n
    \r\n
            \r\n
            <div class="ec-grid2">\r\n
    \r\n
            \r\n
                <div class="ec-grid2__cell">\r\n
                    <div class="ec-sliderItemRole">\r\n
    \r\n
                        <div class="item_visual">\r\n
                            {% for ProductImage in Product.ProductImage %}\r\n
                                <div class="slide-item"><img src="{{ asset(ProductImage, 'save_image') }}" alt="{{ loop.first ? Product.name : '' }}" width="550" height="550"{% if loop.index > 1 %} loading="lazy"{% endif %}></div>\r\n
                            {% else %}\r\n
                                <div class="slide-item"><img src="{{ asset(''|no_image_product, 'save_image') }}" alt="{{ loop.first ? Product.name : '' }}" width="550" height="550"></div>\r\n
                            {% endfor %}\r\n
                        </div>\r\n
                        <div class="item_nav">\r\n
                            {% for ProductImage in Product.ProductImage %}\r\n
                                <div class="slideThumb" data-index="{{ loop.index0 }}"><img src="{{ asset(ProductImage, 'save_image') }}" alt="" width="133" height="133" loading="lazy"></div>\r\n
                            {% endfor %}\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
                <div class="ec-grid2__cell">\r\n
                    <div class="ec-productRole__profile">\r\n
                        {# 商品名 #}\r\n
                        <div class="ec-productRole__title">\r\n
                            <h2 class="ec-headingTitle">{{ Product.name }}</h2>\r\n
                        </div>\r\n
                        {# タグ #}\r\n
                        <ul class="ec-productRole__tags">\r\n
                            {% for Tag in Product.Tags %}\r\n
                                <li class="ec-productRole__tag tag_{{ Tag.id }}">{{ Tag }}</li>\r\n
                            {% endfor %}\r\n
                        </ul>\r\n
    \r\n
                        {# 通常価格 #}\r\n
                        {% if Product.hasProductClass -%}\r\n
                        <div class="ec-productRole__priceRegular">\r\n
    \t\t\t        {% if not Product.stock_find %}\t\r\n
                                {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}\r\n
                                    <span class="ec-productRole__priceRegularPrice">{{ '通常価格'|trans }}：<span class="price01-default">{{ Product.getPrice01IncTaxMin|price }}</span></span>\r\n
                                    <span class="ec-productRole__priceRegularTax">{{ '税込'|trans }}</span>\r\n
    \r\n
                                    <span>{{ Product.getPrice01Min|price }}</span>\r\n
                                    <span>{{ '本体価格'|trans }}</span>\r\n
                                {% endif %}\r\n
    \t\t\t        {% endif %}\r\n
                        </div>\r\n
                        {% endif %}\r\n
    \r\n
                        {# 販売価格 #}\r\n
                        {% if not Product.hasProductClass %}\r\n
                        <div class="ec-productRole__price">\r\n
    \t                <div class="ec-price">\r\n
    \t                {% if Product.stock_find %}\r\n
    \t                    <span class="ec-price__price">{{ Product.getPrice02IncTaxMin|price }}</span>\r\n
    \t                {% else %}\r\n
    \t                    <span class="ec-price__price">----</span>\r\n
    \t                {% endif %}\r\n
    \t                    <span class="ec-price__tax">{{ '税込'|trans }}</span>\r\n
    \t                </div>\r\n
                        </div>\r\n
                        {% endif %}\r\n
    \r\n
                        <!-- 在庫表示 -->\r\n
                        <div>{{ '在庫情報'|trans }}</div>\r\n
                        <div class="ec-productRole__stock">\r\n
                            {% if Product.className1 is not null %}\r\n
                                <table summary="商品情報" class="table table-striped">\r\n
                                    <thead>\r\n
                                        <tr>\r\n
                                            <th>{{ Product.className1 }}</th>\r\n
                                            {% if form.classcategory_id2 is defined %}<th>{{ Product.className2 }}</th>{% endif %}\r\n
                                            <th>{{ '在庫数'|trans }}</th>\r\n
                                            <th>{{ '税込価格(本体価格)'|trans }}</th>\r\n
                                        </tr>\r\n
                                    </thead>\r\n
                                    <tbody>\r\n
                                        {% for key, classCategories1 in Product.classCategories1 %}\r\n
                                            {% if form.classcategory_id2 is defined %}\r\n
                                                {% for classCategories2 in Product.classCategories2(key) %}\r\n
                                                    <tr>\r\n
                                                        <td>{{ classCategories1 }}</td>\r\n
                                                        <td>{{ classCategories2 }}</td>\r\n
                                                        {% set stockIndex = loop.parent.loop.index0 * 2 + loop.index0 %}\r\n
                                                        {% set productClass = Product.productClasses[stockIndex] %}\r\n
                                                        {% if productClass.isStockUnlimited() %}\r\n
                                                            <td>{{ '20以上'|trans }}</td>\r\n
                                                            <td>{{ Product.price02IncTaxs[stockIndex]|price }}（{{ Product.price02[stockIndex]|price }}）</td>\r\n
                                                        {% elseif Product.stocks[stockIndex] == 0 %}\r\n
                                                            <td>{{ '売り切れ'|trans }}</td>\r\n
                                                            <td>{{ '----'|trans }}</td>\r\n
                                                        {% else %}\r\n
                                                            <td>{{ Product.stocks[stockIndex] }}</td>\r\n
                                                            <td>{{ Product.price02IncTaxs[stockIndex]|price }}（{{ Product.price02[stockIndex]|price }}）</td>\r\n
                                                        {% endif %}\r\n
                                                    </tr>\r\n
                                                {% endfor %}\r\n
                                            {% else %}\r\n
                                                <tr>\r\n
                                                    <td>{{ classCategories1 }}</td>\r\n
                                                    {% set productClass = Product.productClasses[loop.index0] %}\r\n
                                                    {% if productClass.isStockUnlimited() %}\r\n
                                                        <td>{{ '20以上'|trans }}</td>\r\n
                                                        <td>{{ Product.price02IncTaxs[loop.index0]|price }}（{{ Product.price02[loop.index0]|price }}）</td>\r\n
                                                    {% elseif Product.stocks[loop.index0] == 0 %}\r\n
                                                        <td>{{ '売り切れ'|trans }}</td>\r\n
                                                        <td>{{ '----'|trans }}</td>\r\n
                                                    {% else %}\r\n
                                                        <td>{{ Product.stocks[loop.index0] }}</td>\r\n
                                                        <td>{{ Product.price02IncTaxs[loop.index0]|price }}（{{ Product.price02[loop.index0]|price }}）</td>\r\n
                                                    {% endif %}\r\n
                                                </tr>\r\n
                                            {% endif %}\r\n
                                        {% endfor %}\r\n
                                    </tbody>\r\n
                                </table>\r\n
                            {% else %}\r\n
                                在庫数： \r\n
                                {% set productClass = Product.productClasses[0] %}\r\n
                                {% if productClass.isStockUnlimited() %}\r\n
                                    <span>{{ '無制限'|trans }}</span>\r\n
                                {% else %}\r\n
                                    <span>{{ Product.stock_min }}</span>\r\n
                                {% endif %}\r\n
                            {% endif %}\r\n
                        </div>\r\n
    \r\n
    \r\n
                        {# 商品番号 #}\r\n
                        <div class="ec-productRole__number">\r\n
                            商品番号： <span>{{ Product.id }}</span>\r\n
                        </div>\r\n
                        \r\n
                        {# 商品コード #}\r\n
                        {% if Product.code_min is not empty %}\r\n
                            <div class="ec-productRole__code">\r\n
                                {{ '商品コード'|trans }}： <span class="product-code-default">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>\r\n
                            </div>\r\n
                        {% endif %}\r\n
    \r\n
    \r\n
    \r\n
    \r\n
                        {# 関連カテゴリ #}\r\n
                        {% if Product.ProductCategories is not empty %}\r\n
                        <div class="ec-productRole__category">\r\n
                            <div>{{ '関連カテゴリ'|trans }}</div>\r\n
                            {% for ProductCategory in Product.ProductCategories %}\r\n
                            [<a href="{{ url('product_list') }}?category_id={{ ProductCategory.Category.id }}">{{ ProductCategory.Category.name }}</a>]\r\n
                            {% endfor %}\r\n
                        </div>\r\n
                        {% endif %}\r\n
                         \r\n
                   \r\n
                        <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1">\r\n
                            {% if Product.stock_find %}\r\n
                                <div class="ec-productRole__actions">\r\n
                                    {% if form.classcategory_id1 is defined %}\r\n
                                        <div class="ec-select">\r\n
                                            {{ form_row(form.classcategory_id1) }}\r\n
                                            {{ form_errors(form.classcategory_id1) }}\r\n
                                        </div>\r\n
                                        {% if form.classcategory_id2 is defined %}\r\n
                                            <div class="ec-select">\r\n
                                                {{ form_row(form.classcategory_id2) }}\r\n
                                                {{ form_errors(form.classcategory_id2) }}\r\n
                                            </div>\r\n
                                        {% endif %}\r\n
                                    {% endif %}\r\n
                                    <div class="ec-numberInput"><span>{{ '数量'|trans }}</span>\r\n
                                        {{ form_widget(form.quantity) }}\r\n
                                        {{ form_errors(form.quantity) }}\r\n
                                    </div>\r\n
                                </div>\r\n
                                <div class="ec-productRole__btn">\r\n
                                    <button type="submit" class="ec-blockBtn--action add-cart">\r\n
                                        {{ 'カートに入れる'|trans }}\r\n
                                    </button>\r\n
                                </div>\r\n
                            {% else %}\r\n
                                <div class="ec-productRole__btn">\r\n
                                    <button type="button" class="ec-blockBtn--action" disabled="disabled">\r\n
                                        {{ '売り切れ'|trans }}\r\n
                                    </button>\r\n
                                </div>\r\n
                            {% endif %}\r\n
    \r\n
                            {{ form_rest(form) }}\r\n
                        </form>\r\n
                        <div class="ec-modal">\r\n
                            <div class="ec-modal-overlay">\r\n
                                <div class="ec-modal-wrap">\r\n
                                    <span class="ec-modal-close"><span class="ec-icon"><img src="{{ asset('assets/icon/cross-dark.svg') }}" alt=""/></span></span>\r\n
                                    <div id="ec-modal-header" class="text-center">{{ 'カートに追加しました。'|trans }}</div>\r\n
                                    <div class="ec-modal-box">\r\n
                                        <div class="ec-role">\r\n
                                            <span class="ec-inlineBtn--cancel">{{ 'お買い物を続ける'|trans }}</span>\r\n
                                            <a href="{{ url('cart') }}" class="ec-inlineBtn--action">{{ 'カートへ進む'|trans }}</a>\r\n
                                        </div>\r\n
                                    </div>\r\n
                                </div>\r\n
                            </div>\r\n
                        </div>\r\n
                        {% if BaseInfo.option_favorite_product %}\r\n
                            <form action="{{ url('product_add_favorite', {id:Product.id}) }}" method="post">\r\n
                                <div class="ec-productRole__btn">\r\n
                                    {% if is_favorite == false %}\r\n
                                        <button type="submit" id="favorite" class="ec-blockBtn--cancel">\r\n
                                            {{ 'お気に入りに追加'|trans }}\r\n
                                        </button>\r\n
                                    {% else %}\r\n
                                        <button type="submit" id="favorite" class="ec-blockBtn--cancel"\r\n
                                                disabled="disabled">{{ 'お気に入りに追加済'|trans }}\r\n
                                        </button>\r\n
                                    {% endif %}\r\n
                                </div>\r\n
                            </form>\r\n
                        {% endif %}\r\n
                        \r\n
                        <!-- キャッチフレーズの表示 -->\r\n
                        {% if Product.freearea %}\r\n
                         <div class="product-catchphrase">\r\n
                             <h1>{{ include(template_from_string(Product.freearea), sandboxed = true) }}</h1>\r\n
                        </div>\r\n
                        {% endif %}\r\n
                                \r\n
                        <h2>商品情報</h2>\r\n
                        <div class="ec-productRole__description">{{ Product.description_detail|raw|nl2br }}\r\n
                        </div>\r\n
    \r\n
    \t\t\t\t    {# 商品説明(一覧) #}\r\n
                        <div class="product-description">\r\n
                            <h2>商品説明</h2>\r\n
                            <p>{{ Product.description_list|raw|nl2br }}</p>\r\n
                        </div>\r\n
                    </div>\r\n
                </div>\r\n
            </div>\r\n
    \r\n
            <!-- 関連商品の表示 -->\r\n
            <div id="RelatedProduct-product_area" class="ec-shelfRole">\r\n
            \t<div>{{ '関連商品'|trans }}</div>\r\n
                <ul class="ec-shelfGrid">\r\n
                    {% for RelatedProduct in relatedProducts %}\r\n
                        {% set ChildProduct = RelatedProduct %}\r\n
                        <li class="ec-shelfGrid__item">\r\n
                            <a href="{{ path('product_detail', {id : ChildProduct.id}) }}">\r\n
                                <p class="ec-shelfGrid__item-image">\r\n
                                    <img src="{{ asset(ChildProduct.ProductImage|first.file_name|no_image_product, 'save_image') }}" alt="{{ ChildProduct.name }}">\r\n
                                </p>\r\n
                                <p>{{ ChildProduct.name }}</p>\r\n
                            </a>\r\n
                        </li>\r\n
                    {% endfor %}\r\n
                </ul>\r\n
            </div>\r\n
        {# レビュー表示セクション #}\r\n
        {% if ProductReviews is defined and ProductReviews|length > 0 %}\r\n
        <div class="ec-productReviews">\r\n
            <h2 class="ec-heading-title">\r\n
                商品レビュー \r\n
                <span class="ec-productReviews__count" id="review-count">(全{{ reviewCount|default(0) }}件中 <span id="displayed-count">{{ ProductReviews|length }}</span>件表示)</span>\r\n
            </h2>\r\n
            \r\n
            <div class="ec-productReviews__average">\r\n
                <span class="ec-productReviews__averageScore">{{ averageScore|default(0)|number_format(1) }}</span>\r\n
                <div class="ec-productReviews__stars">\r\n
                    {% for i in 1..5 %}\r\n
                        {% if i <= (averageScore|default(0)) %}\r\n
                            <i class="fas fa-star"></i>\r\n
                        {% elseif i-1 < (averageScore|default(0)) and i > (averageScore|default(0)) %}\r\n
                            <i class="fas fa-star-half-alt"></i>\r\n
                        {% else %}\r\n
                            <i class="far fa-star"></i>\r\n
                        {% endif %}\r\n
                    {% endfor %}\r\n
                </div>\r\n
                <span>({{ reviewCount|default(0) }}件)</span>\r\n
            </div>\r\n
            \r\n
            <div class="ec-productReviews__list" id="review-list">\r\n
                {% if ProductReviews is defined %}\r\n
                    {% include 'Product/review_items.twig' with {'ProductReviews': ProductReviews} %}\r\n
                {% endif %}\r\n
            </div>\r\n
            \r\n
            <div class="ec-productReviews__more">\r\n
                {% if ProductReviews is defined and ProductReviews|length < (reviewCount|default(0)) %}\r\n
                    <button id="load-more-reviews" class="ec-inlineBtn" data-offset="{{ ProductReviews|length }}" data-product-id="{{ Product.id }}">もっと見る</button>\r\n
                {% endif %}\r\n
            </div>\r\n
            \r\n
            {# レビューを書くボタンを追加 #}\r\n
            <div class="ec-productReviews__write">\r\n
                <a href="{{ url('product_review_index', {'id': Product.id }) }}" class="ec-inlineBtn ec-inlineBtn--action">レビューを書く</a>\r\n
            </div>\r\n
        </div>\r\n
        {% else %}\r\n
        {# レビューがない場合でもレビュー投稿を促す #}\r\n
        <div class="ec-productReviews">\r\n
            <h2 class="ec-heading-title">\r\n
                お客様からのレビュー\r\n
            </h2>\r\n
            \r\n
            <div class="ec-productReviews__empty">\r\n
                <p>まだレビューはありません。ぜひ最初のレビューを投稿してください。</p>\r\n
            </div>\r\n
            \r\n
            {# レビューを書くボタンを追加 #}\r\n
            <div class="ec-productReviews__write">\r\n
                <a href="{{ url('product_review_index', {'id': Product.id }) }}" class="ec-inlineBtn ec-inlineBtn--action">レビューを書く</a>\r\n
            </div>\r\n
        </div>\r\n
        {% endif %}\r\n
        </div>\r\n
    {% endblock %}
    """
}