var/cache/dev/twig/ce/ce33f1a336b501ccf515e493a104daa7fd455b12fbf3de30504bd569466a894b.php line 53

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Product/detail.twig */
  16. class __TwigTemplate_da5ad31feda8695d41b76c2e300641cf69fccce492d7fb053b687f2a0b3adb3c extends \Eccube\Twig\Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheet' => [$this, 'block_stylesheet'],
  29.             'javascript' => [$this, 'block_javascript'],
  30.             'main' => [$this, 'block_main'],
  31.         ];
  32.     }
  34.     protected function doGetParent(array $context)
  35.     {
  36.         // line 11
  37.         return "default_frame.twig";
  38.     }
  40.     protected function doDisplay(array $context, array $blocks = [])
  41.     {
  42.         $macros = $this->macros;
  43.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  44.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  46.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  47.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Product/detail.twig"));
  49.         // line 13
  50.         $context["body_class"] = "product_page";
  51.         // line 11
  52.         $this->parent = $this->loadTemplate("default_frame.twig", "Product/detail.twig", 11);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 15
  63.     public function block_stylesheet($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheet"));
  72.         // line 16
  73.         echo "    <style>
  75.         .slick-slider {
  76.             margin-bottom: 10px;
  77. \t\t\tmargin-top: -20px;
  78.         }
  80.         .slick-dots {
  81.             position: absolute;
  82.             bottom: -45px;
  83.             display: block;
  84.             width: 100%;
  85.             padding: 0;
  86.             list-style: none;
  87.             text-align: center;
  88.         }
  90.         .slick-dots li {
  91.             position: relative;
  92.             display: inline-block;
  93.             width: 20px;
  94.             height: 20px;
  95.             margin: 0 5px;
  96.             padding: 0;
  98.             cursor: pointer;
  99.         }
  101.         .slick-dots li button {
  102.             font-size: 0;
  103.             line-height: 0;
  104.             display: block;
  105.             width: 20px;
  106.             height: 20px;
  107.             padding: 5px;
  108.             cursor: pointer;
  109.             color: transparent;
  110.             border: 0;
  111.             outline: none;
  112.             background: transparent;
  113.         }
  115.         .slick-dots li button:hover,
  116.         .slick-dots li button:focus {
  117.             outline: none;
  118.         }
  120.         .slick-dots li button:hover:before,
  121.         .slick-dots li button:focus:before {
  122.             opacity: 1;
  123.         }
  125.         .slick-dots li button:before {
  126.             content: \" \";
  127.             line-height: 20px;
  128.             position: absolute;
  129.             top: 0;
  130.             left: 0;
  131.             width: 12px;
  132.             height: 12px;
  133.             text-align: center;
  134.             opacity: .25;
  135.             background-color: black;
  136.             border-radius: 50%;
  138.         }
  140.         .slick-dots li.slick-active button:before {
  141.             opacity: .75;
  142.             background-color: black;
  143.         }
  145.         .slick-dots li button.thumbnail img {
  146.             width: 0;
  147.             height: 0;
  148.         }
  150.     </style>
  151.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  152.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  153.     <style>
  154.         /* Show zoom cursor on product images to hint click-to-expand */
  155.         .item_visual .slide-item a { display: block; cursor: zoom-in; }
  156.     </style>
  157.     <style>
  158.         /* ============================================
  159.            商品詳細グリッド: 画像50% / 内容50%（均等）
  160.         ============================================ */
  161.         @media (min-width: 768px) {
  162.             body.product_page .ec-grid2 {
  163.                 display: flex;
  164.                 align-items: flex-start;
  165.             }
  166.             body.product_page .ec-grid2 .ec-grid2__cell {
  167.                 width: 50%;
  168.                 flex: 0 0 50%;
  169.                 min-width: 0;
  170.             }
  171.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  172.                 width: 50%;
  173.                 flex: 0 0 50%;
  174.                 min-width: 0;
  175.             }
  176.         }
  178.         /* ============================================
  179.            商品説明欄内のHTMLが画面幅を突き抜けないように
  180.         ============================================ */
  181.         body.product_page .ec-productRole__description {
  182.             min-width: 0;
  183.             overflow-wrap: break-word;
  184.             word-break: break-word;
  185.         }
  186.         body.product_page .ec-productRole__description img,
  187.         body.product_page .ec-productRole__description table,
  188.         body.product_page .ec-productRole__description iframe,
  189.         body.product_page .ec-productRole__description video {
  190.             max-width: 100% !important;
  191.             height: auto;
  192.         }
  193.         body.product_page .ec-productRole__description table {
  194.             display: block;
  195.             overflow-x: auto;
  196.             -webkit-overflow-scrolling: touch;
  197.         }
  199.         /* ============================================
  200.            スマホ用 見積金額 下部固定バー
  201.         ============================================ */
  202.         #sp-mitsumori-bar {
  203.             display: none;
  204.         }
  205.         
  206.         /* ============================================
  207.            商品タイプ選択 共通スタイル
  208.         ============================================ */
  210.         /* セクションラベル */
  211.         .rp-section-label {
  212.             font-size: 14px;
  213.             font-weight: bold;
  214.             color: #333;
  215.             margin-bottom: 10px;
  216.         }
  217.         .rp-section-label span {
  218.             font-weight: normal;
  219.             color: #c00;
  220.         }
  222.         /* ---- 1. 画像付きカード ---- */
  223.         .rp-card-group {
  224.             display: flex;
  225.             flex-wrap: wrap;
  226.             gap: 8px;
  227.             margin-bottom: 4px;
  228.         }
  229.         .rp-card {
  230.             position: relative;
  231.             cursor: pointer;
  232.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  233.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  234.             width: 110px;
  235.             border: 2px solid #ddd;
  236.             border-radius: 10px;
  237.             overflow: hidden;
  238.             transition: border-color 0.2s, box-shadow 0.2s;
  239.             background: #fff;
  240.             text-decoration: none;
  241.             color: #333;
  242.             display: block;
  243.         }
  244.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  245.            :hover rule that changes appearance makes the first tap apply the
  246.            hover state and suppresses the click, so the option chip needed a
  247.            second tap to fire its onclick (is-selected + price update). */
  248.         @media (hover: hover) and (pointer: fine) {
  249.             .rp-card:hover {
  250.                 border-color: #999;
  251.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  252.             }
  253.         }
  254.         .rp-card.is-selected {
  255.             border-color: #1a6fcf;
  256.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  257.         }
  258.         /* visually-hidden instead of display:none. A label wrapping a
  259.            display:none radio fires its tap unreliably on iOS Safari (first tap
  260.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  261.            invisible makes the first tap register. */
  262.         .rp-card input[type=\"radio\"] {
  263.             position: absolute; opacity: 0; width: 1px; height: 1px;
  264.             margin: 0; pointer-events: none;
  265.         }
  266.         .rp-card__image {
  267.             width: 100%;
  268.             aspect-ratio: 1 / 1;
  269.             object-fit: cover;
  270.             display: block;
  271.             background: #f5f5f5;
  272.         }
  273.         .rp-card__placeholder {
  274.             width: 100%;
  275.             aspect-ratio: 1 / 1;
  276.             background: #f0f0f0;
  277.             display: flex;
  278.             align-items: center;
  279.             justify-content: center;
  280.             color: #bbb;
  281.             font-size: 24px;
  282.         }
  283.         .rp-card__name {
  284.             display: block;
  285.             padding: 5px 5px;
  286.             font-size: 11px;
  287.             color: #333;
  288.             text-align: center;
  289.             line-height: 1.4;
  290.             word-break: break-all;
  291.         }
  292.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  293.         .rp-card.is-selected::after {
  294.             content: \"✓\";
  295.             position: absolute;
  296.             top: 3px; right: 6px;
  297.             color: #1a6fcf;
  298.             font-size: 13px;
  299.             font-weight: bold;
  300.         }
  302.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  303.         .rp-btn-group {
  304.             display: flex;
  305.             flex-wrap: wrap;
  306.             gap: 8px;
  307.             margin-bottom: 4px;
  308.             max-width: 100%;
  309.             min-width: 0;
  310.         }
  311.         .rp-btn {
  312.             cursor: pointer;
  313.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  314.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  315.             padding: 8px 14px;
  316.             border: 2px solid #ddd;
  317.             border-radius: 10px;
  318.             font-size: 13px;
  319.             color: #333;
  320.             background: #fff;
  321.             transition: border-color 0.2s, background 0.2s;
  322.             white-space: normal;
  323.             max-width: 100%;
  324.             overflow-wrap: anywhere;
  325.             text-decoration: none;
  326.         }
  327.         @media (hover: hover) and (pointer: fine) {
  328.             .rp-btn:hover { border-color: #999; }
  329.         }
  330.         .rp-btn.is-selected {
  331.             border-color: #1a6fcf;
  332.             color: #1a6fcf;
  333.             font-weight: bold;
  334.             background: #f0f6ff;
  335.         }
  336.         .rp-btn input[type=\"radio\"] {
  337.             position: absolute; opacity: 0; width: 1px; height: 1px;
  338.             margin: 0; pointer-events: none;
  339.         }
  341.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  342.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  343.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  344.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  345.            colour on the FIRST tap — the chip text turns blue (#296292, the
  346.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  347.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  348.            are already gated behind (hover:hover), but this inherited global
  349.            rule was not. Pin the hover/active colour to the base/selected colour
  350.            so tapping produces no visual change and the first tap navigates
  351.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  352.         .rp-btn:hover,
  353.         .rp-btn:active { color: #333; text-decoration: none; }
  354.         .rp-btn.is-selected:hover,
  355.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  356.         .rp-card:hover,
  357.         .rp-card:active { color: #333; text-decoration: none; }
  358.         .rp-card:hover .rp-card__name,
  359.         .rp-card:active .rp-card__name { color: #333; }
  360.         .rp-card.is-selected:hover .rp-card__name,
  361.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  363.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  364.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  365.         .rp-btn-group.is-scroll,
  366.         .opt-btn-group.is-scroll {
  367.             display: grid;
  368.             grid-auto-flow: column;
  369.             grid-template-rows: repeat(3, auto);
  370.             grid-auto-columns: max-content;
  371.             justify-content: start;
  372.             align-items: start;
  373.             gap: 8px;
  374.             overflow-x: auto;
  375.             overflow-y: hidden;
  376.             -webkit-overflow-scrolling: touch;
  377.             scrollbar-width: thin;
  378.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  379.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  380.             padding: 2px 0 12px;
  381.         }
  382.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  383.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  384.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  385.         .rp-btn-group.is-scroll .rp-btn,
  386.         .rp-btn-group.is-scroll .opt-btn,
  387.         .opt-btn-group.is-scroll .rp-btn,
  388.         .opt-btn-group.is-scroll .opt-btn {
  389.             white-space: nowrap;
  390.             word-break: normal;
  391.             overflow-wrap: normal;
  392.         }
  393.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  394.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  395.             height: 6px;
  396.         }
  397.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  398.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  399.             background: #c0c0c0;
  400.             border-radius: 3px;
  401.         }
  403.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  404.         .rp-select-wrap {
  405.             margin-bottom: 4px;
  406.         }
  407.         .rp-select {
  408.             width: 100%;
  409.             max-width: 420px;
  410.             padding: 8px 12px;
  411.             border: 2px solid #ddd;
  412.             border-radius: 10px;
  413.             font-size: 13px;
  414.             color: #333;
  415.             background: #fff;
  416.             appearance: none;
  417.             background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");
  418.             background-repeat: no-repeat;
  419.             background-position: right 12px center;
  420.             cursor: pointer;
  421.         }
  422.         .rp-select:focus {
  423.             outline: none;
  424.             border-color: #1a6fcf;
  425.         }
  427.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  428.         .opt-btn-group {
  429.             display: flex;
  430.             flex-wrap: wrap;
  431.             gap: 8px;
  432.             padding: 6px 0;
  433.             max-width: 100%;
  434.             min-width: 0;
  435.         }
  436.         .opt-btn {
  437.             cursor: pointer;
  438.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  439.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  440.             padding: 7px 14px;
  441.             border: 2px solid #ddd;
  442.             border-radius: 10px;
  443.             font-size: 13px;
  444.             color: #333;
  445.             background: #fff;
  446.             transition: border-color 0.2s, background 0.2s;
  447.             white-space: normal;
  448.             max-width: 100%;
  449.             overflow-wrap: anywhere;
  450.             text-decoration: none;
  451.         }
  452.         @media (hover: hover) and (pointer: fine) {
  453.             .opt-btn:hover { border-color: #999; }
  454.         }
  455.         .opt-btn.is-selected {
  456.             border-color: #1a6fcf;
  457.             color: #1a6fcf;
  458.             font-weight: bold;
  459.             background: #f0f6ff;
  460.         }
  461.         .opt-btn input[type=\"radio\"] {
  462.             position: absolute; opacity: 0; width: 1px; height: 1px;
  463.             margin: 0; pointer-events: none;
  464.         }
  466.         /* opt-btn with color swatch image. The label still works as a
  467.            radio target — clicking the image checks the input. The text
  468.            label stays under the image so users can still read the name. */
  469.         .opt-btn--with-image {
  470.             padding: 4px 6px 6px;
  471.             white-space: normal;
  472.             text-align: center;
  473.             display: inline-flex;
  474.             flex-direction: column;
  475.             align-items: center;
  476.             min-width: 96px;
  477.             max-width: 140px;
  478.         }
  479.         .opt-btn--with-image .opt-btn__img {
  480.             display: block;
  481.             width: 88px;
  482.             height: 66px;
  483.             object-fit: cover;
  484.             border-radius: 6px;
  485.             margin-bottom: 4px;
  486.             background: #f5f5f5;
  487.         }
  488.         .opt-btn--with-image .opt-btn__name {
  489.             display: block;
  490.             font-size: 11px;
  491.             line-height: 1.3;
  492.             color: inherit;
  493.         }
  494.         .opt-btn--with-image.is-selected .opt-btn__img {
  495.             outline: 2px solid #1a6fcf;
  496.             outline-offset: 1px;
  497.         }
  499.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  500.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  501.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  502.         .opt-btn--subsidy {
  503.             border-color: #2e7d32;
  504.         }
  505.         .opt-btn--subsidy.is-selected {
  506.             border-color: #1a6fcf;
  507.         }
  508.         .opt-btn__subsidy-badge {
  509.             display: inline-block;
  510.             margin-left: 6px;
  511.             padding: 1px 6px;
  512.             border-radius: 6px;
  513.             background: #2e7d32;
  514.             color: #fff;
  515.             font-size: 11px;
  516.             font-weight: bold;
  517.             white-space: nowrap;
  518.         }
  520.         /* ============================================
  521.            施工エリア案内
  522.         ============================================ */
  523.         .ec-areaNotice {
  524.             margin: 16px 0;
  525.             padding: 16px 20px;
  526.             background: #f8f9fa;
  527.             border-left: 4px solid #1a6fcf;
  528.             border-radius: 0 8px 8px 0;
  529.         }
  530.         .ec-areaNotice__inner {
  531.             display: flex;
  532.             align-items: flex-start;
  533.             gap: 12px;
  534.         }
  535.         .ec-areaNotice__icon {
  536.             font-size: 22px;
  537.             line-height: 1;
  538.             flex-shrink: 0;
  539.             margin-top: 2px;
  540.         }
  541.         .ec-areaNotice__body {
  542.             flex: 1;
  543.         }
  544.         .ec-areaNotice__title {
  545.             font-size: 13px;
  546.             font-weight: bold;
  547.             color: #1a6fcf;
  548.             margin: 0 0 6px;
  549.         }
  550.         .ec-areaNotice__text {
  551.             font-size: 13px;
  552.             color: #444;
  553.             line-height: 1.7;
  554.             margin: 0;
  555.         }
  556.         .ec-areaNotice__text strong {
  557.             color: #222;
  558.         }
  559.         .ec-areaNotice__link {
  560.             display: inline-block;
  561.             margin-top: 8px;
  562.             font-size: 12px;
  563.             color: #1a6fcf;
  564.             text-decoration: underline;
  565.         }
  566.         .ec-areaNotice__link:hover {
  567.             color: #0d4fa0;
  568.         }
  570.         /* ============================================
  571.            SNSシェア + ブランド名 タイトル行
  572.         ============================================ */
  573.         .ec-productRole__titleRow {
  574.             display: flex;
  575.             align-items: center;
  576.             justify-content: space-between;
  577.             gap: 8px;
  578.             margin-bottom: 4px;
  579.         }
  580.         .ec-productRole__titleRow .ec-headingTitle {
  581.             margin: 0;
  582.             flex: 1;
  583.             font-size: 18px;
  584.         }
  585.         .ec-share-inline {
  586.             display: flex;
  587.             align-items: center;
  588.             gap: 8px;
  589.             flex-shrink: 0;
  590.         }
  591.         @media (max-width: 767px) {
  592.             /* maker_area の float を解除して独立表示 */
  593.             #maker_area {
  594.                 float: none !important;
  595.                 width: auto !important;
  596.                 height: auto !important;
  597.                 display: block;
  598.                 margin-bottom: 4px;
  599.             }
  600.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  601.             .ec-productRole__titleRow {
  602.                 flex-wrap: wrap;
  603.                 clear: both;
  604.             }
  605.             .ec-productRole__titleRow .ec-headingTitle {
  606.                 flex: 1 1 100%;
  607.                 font-size: 16px;
  608.             }
  609.             .ec-share-inline {
  610.                 flex: 0 0 auto;
  611.                 margin-left: auto;
  612.             }
  613.         }
  614.         .ec-share-inline a {
  615.             display: flex;
  616.             align-items: center;
  617.             justify-content: center;
  618.             width: 32px;
  619.             height: 32px;
  620.             border-radius: 50%;
  621.             font-size: 15px;
  622.             color: #fff;
  623.             text-decoration: none;
  624.             transition: opacity 0.2s;
  625.         }
  626.         .ec-share-inline a:hover { opacity: 0.8; }
  627.         .ec-share-inline .share-twitter  { background: #000; }
  628.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  629.         .ec-share-inline .share-line     { background: #06c755; }
  631.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  632.         .ec-productRole__share { display: none; }
  634.         /* ============================================
  635.            PC用: 現在のお見積り額カード強調
  636.         ============================================ */
  637.         @media (min-width: 768px) {
  638.             .mitsumori-card-pc {
  639.                 border: 2px solid #1a6fcf !important;
  640.                 border-radius: 10px !important;
  641.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  642.                 margin-top: 20px;
  643.                 overflow: hidden;
  644.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  645.             }
  646.             .mitsumori-card-pc .card-header {
  647.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  648.                 color: #fff !important;
  649.                 padding: 14px 16px !important;
  650.                 border-bottom: none !important;
  651.             }
  652.             .mitsumori-card-pc .card-title {
  653.                 color: #fff !important;
  654.                 font-size: 15px !important;
  655.                 font-weight: bold !important;
  656.                 margin: 0 !important;
  657.             }
  658.             .mitsumori-card-pc #mitsumori_message {
  659.                 font-size: 22px !important;
  660.                 font-weight: bold !important;
  661.                 color: #fff !important;
  662.             }
  663.             .mitsumori-card-pc .btn-tool {
  664.                 color: #fff !important;
  665.             }
  666.             /* 合計行を大きく強調 */
  667.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  668.                 font-size: 16px !important;
  669.                 font-weight: bold !important;
  670.                 color: #c00 !important;
  671.                 background: #fff8f8 !important;
  672.                 padding: 12px 16px !important;
  673.             }
  674.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  675.                 font-size: 20px !important;
  676.                 font-weight: bold !important;
  677.                 color: #c00 !important;
  678.             }
  679.             /* card-body（明細リスト）を白背景に */
  680.             .mitsumori-card-pc .card-body {
  681.                 background: #fff !important;
  682.             }
  683.             .mitsumori-card-pc .card-footer {
  684.                 background: #f8faff !important;
  685.                 border-top: 1px solid #dce8fb !important;
  686.                 padding: 12px 16px !important;
  687.             }
  688.         }
  690.         @media (max-width: 767px) {
  691.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  692.             .mitsumori-card-pc {
  693.                 border: none !important;
  694.                 border-radius: 0 !important;
  695.                 box-shadow: none !important;
  696.                 margin-top: 0 !important;
  697.                 overflow: visible !important;
  698.                 background: none !important;
  699.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  700.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  701.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  702.                 position: static !important;
  703.                 z-index: auto !important;
  704.             }
  705.             .mitsumori-card-pc .card-header {
  706.                 background: none !important;
  707.                 color: inherit !important;
  708.                 padding: inherit !important;
  709.                 border-bottom: inherit !important;
  710.             }
  711.             .mitsumori-card-pc .card-title { color: inherit !important; }
  712.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  713.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  714.             /* 折りたたみトグルボタン */
  715.             .btn-mitsumori-toggle {
  716.                 background: none !important;
  717.                 border: 1px solid #aaa !important;
  718.                 border-radius: 4px !important;
  719.                 padding: 2px 8px !important;
  720.                 font-size: 12px !important;
  721.                 color: #333 !important;
  722.                 line-height: 1.4 !important;
  723.             }
  724.             .btn-mitsumori-toggle .toggle-icon {
  725.                 display: inline-block;
  726.                 transition: transform 0.2s;
  727.             }
  728.             /* 展開状態: ▼→▲ */
  729.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  730.                 content: \"▲ 閉じる\";
  731.             }
  732.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  733.                 display: none;
  734.             }
  735.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  736.                 content: \"▲ 閉じる\";
  737.                 font-size: 12px;
  738.             }
  739.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  740.                 font-size: inherit !important;
  741.                 color: inherit !important;
  742.                 background: none !important;
  743.                 padding: inherit !important;
  744.             }
  745.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  746.                 font-size: inherit !important;
  747.                 color: inherit !important;
  748.             }
  749.             .mitsumori-card-pc .card-footer {
  750.                 background: none !important;
  751.                 border-top: inherit !important;
  752.                 padding: inherit !important;
  753.             }
  754.             /* 横スクロール禁止 */
  755.             body, html {
  756.                 overflow-x: hidden;
  757.                 max-width: 100vw;
  758.             }
  759.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  760.             .opt-btn,
  761.             .rp-btn {
  762.                 white-space: normal;
  763.                 word-break: break-all;
  764.             }
  765.             /* エリア案内: スマホでコンパクト */
  766.             .ec-areaNotice {
  767.                 margin: 8px 0;
  768.                 padding: 8px 10px;
  769.                 border-left-width: 3px;
  770.                 cursor: pointer;
  771.             }
  772.             .ec-areaNotice__inner {
  773.                 flex-direction: row;
  774.                 gap: 8px;
  775.                 align-items: flex-start;
  776.             }
  777.             .ec-areaNotice__icon { font-size: 15px; }
  778.             /* タイトル行: 展開トグル */
  779.             .ec-areaNotice__title {
  780.                 font-size: 11px;
  781.                 margin-bottom: 3px;
  782.                 display: flex;
  783.                 justify-content: space-between;
  784.                 align-items: center;
  785.             }
  786.             .ec-areaNotice__title::after {
  787.                 content: \"▼\";
  788.                 font-size: 9px;
  789.                 color: #888;
  790.                 margin-left: 6px;
  791.                 transition: transform 0.2s;
  792.             }
  793.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  794.                 transform: rotate(180deg);
  795.             }
  796.             /* 折りたたみ対象: 閉じた状態では非表示 */
  797.             .ec-areaNotice__detail {
  798.                 display: none;
  799.             }
  800.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  801.                 display: block;
  802.             }
  803.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  804.             .ec-areaNotice__text br { display: none; }
  805.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  806.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  807.             
  808.             #sp-mitsumori-bar {
  809.                 display: flex;
  810.                 position: fixed;
  811.                 bottom: 0;
  812.                 left: 0;
  813.                 right: 0;
  814.                 z-index: 1000;
  815.                 background: #fff;
  816.                 border-top: 2px solid #e0e0e0;
  817.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  818.                 align-items: center;
  819.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  820.                 gap: 8px;
  821.             }
  822.             #sp-mitsumori-bar .sp-bar__label {
  823.                 font-size: 11px;
  824.                 color: #666;
  825.                 white-space: nowrap;
  826.             }
  827.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  828.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  829.             #sp-mitsumori-bar .sp-bar__pricewrap {
  830.                 flex: 0 0 auto;
  831.                 min-width: 0;
  832.             }
  833.             #sp-mitsumori-bar .sp-bar__price {
  834.                 font-size: 18px;
  835.                 font-weight: bold;
  836.                 color: #c00;
  837.                 white-space: nowrap;
  838.             }
  839.             #sp-mitsumori-bar .sp-bar__btn {
  840.                 font-size: 12px;
  841.                 padding: 8px 12px;
  842.                 background: #333;
  843.                 color: #fff;
  844.                 border: none;
  845.                 border-radius: 6px;
  846.                 white-space: nowrap;
  847.                 cursor: pointer;
  848.                 position: relative;
  849.                 display: inline-flex;
  850.                 align-items: center;
  851.                 gap: 6px;
  852.                 flex: 1 1 auto;
  853.                 min-width: 0;
  854.                 justify-content: center;
  855.             }
  856.             #sp-mitsumori-bar .sp-bar__btn i {
  857.                 font-size: 14px;
  858.                 flex: 0 0 auto;
  859.             }
  860.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  861.             #sp-mitsumori-bar .sp-bar__btn-label {
  862.                 overflow: hidden;
  863.                 text-overflow: ellipsis;
  864.                 white-space: nowrap;
  865.             }
  866.             #sp-mitsumori-bar .sp-bar__cart-badge {
  867.                 position: absolute;
  868.                 top: -6px;
  869.                 right: -6px;
  870.                 background: #c00;
  871.                 color: #fff;
  872.                 border-radius: 50%;
  873.                 min-width: 16px;
  874.                 height: 16px;
  875.                 font-size: 10px;
  876.                 line-height: 16px;
  877.                 padding: 0 4px;
  878.                 font-weight: bold;
  879.             }
  880.             #sp-mitsumori-bar .sp-bar__home-btn {
  881.                 display: inline-flex;
  882.                 align-items: center;
  883.                 justify-content: center;
  884.                 width: 36px;
  885.                 height: 36px;
  886.                 flex: 0 0 auto;
  887.                 border: 1px solid #ccc;
  888.                 border-radius: 6px;
  889.                 background: #fff;
  890.                 color: #333;
  891.                 text-decoration: none;
  892.                 cursor: pointer;
  893.             }
  894.             #sp-mitsumori-bar .sp-bar__home-btn i {
  895.                 font-size: 16px;
  896.             }
  897.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  898.                 background: #f0f0f0;
  899.             }
  900.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  901.             body {
  902.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  903.             }
  904.         }
  906.         /* ============================================
  907.            カート追加モーダル: 縦並び中央配置
  908.         ============================================ */
  909.         .add-cart-modal__wrap {
  910.             text-align: center;
  911.         }
  912.         .add-cart-modal__header {
  913.             font-size: 16px;
  914.             margin: 20px 0 24px;
  915.             text-align: center;
  916.         }
  917.         .add-cart-modal__actions {
  918.             display: flex;
  919.             flex-direction: column;
  920.             align-items: center;
  921.             gap: 16px;
  922.             padding: 0 20px 20px;
  923.         }
  924.         .add-cart-modal__primary {
  925.             display: inline-block;
  926.             width: 80%;
  927.             max-width: 320px;
  928.             padding: 14px 20px;
  929.             font-size: 15px;
  930.             font-weight: bold;
  931.             text-align: center;
  932.             background: #d9534f;
  933.             color: #fff !important;
  934.             border-radius: 6px;
  935.             text-decoration: none;
  936.             cursor: pointer;
  937.         }
  938.         .add-cart-modal__primary:hover {
  939.             background: #c9302c;
  940.             color: #fff !important;
  941.             text-decoration: none;
  942.         }
  943.         .add-cart-modal__secondary {
  944.             display: inline-block;
  945.             padding: 6px 14px;
  946.             font-size: 12px;
  947.             color: #666;
  948.             border: 1px solid #ccc;
  949.             border-radius: 4px;
  950.             background: #fff;
  951.             cursor: pointer;
  952.         }
  953.         .add-cart-modal__secondary:hover {
  954.             background: #f0f0f0;
  955.             color: #333;
  956.         }
  957.         @media (max-width: 767px) {
  958.             .add-cart-modal__actions {
  959.                 gap: 20px;
  960.             }
  961.         }
  962.     </style>
  963. ";
  964.         
  965.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  967.         
  968.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  970.     }
  972.     // line 908
  973.     public function block_javascript($context, array $blocks = [])
  974.     {
  975.         $macros = $this->macros;
  976.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  977.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  979.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  980.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  982.         // line 909
  983.         echo "
  984.     <script>
  985.         eccube.classCategories = ";
  986.         // line 911
  987.         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.', 911, $this->source); })()));
  988.         echo ";
  990.         // 規格2に選択肢を割り当てる。
  991.         function fnSetClassCategories(form, classcat_id2_selected) {
  992.             var \$form = \$(form);
  993.             var product_id = \$form.find('input[name=product_id]').val();
  994.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  995.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  996.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  997.         }
  999.         ";
  1000.         // line 922
  1001.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 922)) {
  1002.             // line 923
  1003.             echo "        fnSetClassCategories(
  1004.             \$('#form1'), ";
  1005.             // line 924
  1006.             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.', 924, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 924), "vars", [], "any", false, false, false, 924), "value", [], "any", false, false, false, 924));
  1007.             echo "
  1008.         );
  1009.         ";
  1010.         } elseif (twig_get_attribute($this->env, $this->source,         // line 926
  1011. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 926)) {
  1012.             // line 927
  1013.             echo "        eccube.checkStock(\$('#form1'), ";
  1014.             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.', 927, $this->source); })()), "id", [], "any", false, false, false, 927), "html", null, true);
  1015.             echo ", ";
  1016.             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.', 927, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 927), "vars", [], "any", false, false, false, 927), "value", [], "any", false, false, false, 927));
  1017.             echo ", null);
  1018.         ";
  1019.         }
  1020.         // line 929
  1021.         echo "    </script>
  1022.     <script>
  1023.         \$(function() {
  1024.             // bfcache無効化
  1025.             \$(window).bind('pageshow', function(event) {
  1026.                 if (event.originalEvent.persisted) {
  1027.                     location.reload(true);
  1028.                 }
  1029.             });
  1031.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  1032.             // img タグに width, height が付与されている.
  1033.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  1034.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  1035.             \$('.ec-grid2__cell').hide();
  1036.             var removeSize = function () {
  1037.                 \$('.slide-item').height('');
  1038.                 \$('.slide-item img')
  1039.                     .removeAttr('width')
  1040.                     .removeAttr('height')
  1041.                     .removeAttr('style');
  1043.             };
  1044.             var slickInitial = function(slick) {
  1045.                 \$('.ec-grid2__cell').fadeIn(1500);
  1046.                 var baseHeight = \$(slick.target).height();
  1047.                 var baseWidth = \$(slick.target).width();
  1048.                 var rate = baseWidth / baseHeight;
  1049. \t\t\t\tif(baseHeight * rate < 400){
  1050. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  1051. \t\t\t\t}else{
  1052. \t                \$('.slide-item').height(400); // 余白を削除する
  1053. \t\t\t\t}
  1054.                 // transform を使用することでCLSの影響を受けないようにする
  1055.                 \$('.slide-item img')
  1056.                     .css(
  1057.                         {
  1058.                             'transform-origin': 'top left',
  1059.                             'transform': 'scaleY(' + rate + ')',
  1060.                             'transition': 'transform .1s'
  1061.                         }
  1062.                     );
  1063.                 // 正しいサイズに近くなったら属性を解除する
  1064.                 setTimeout(removeSize, 500);
  1065.             };
  1066.             \$('.item_visual').on('init', slickInitial);
  1067.             // リサイズ時は CLS の影響を受けないため属性を解除する
  1068.             \$(window).resize(removeSize);
  1069.             \$('.item_visual').slick({
  1070.                 dots: false,
  1071.                 arrows: true,
  1072.                 responsive: [{
  1073.                     breakpoint: 768,
  1074.                     settings: {
  1075.                         dots: true,
  1076.                 \t\tarrows: false
  1077.                     }
  1078.                 }]
  1079.             });
  1081.             \$('.slideThumb').on('click', function() {
  1082.                 var index = \$(this).attr('data-index');
  1083.                 \$('.item_visual').slick('slickGoTo', index, false);
  1084.             })
  1085.         });
  1087.     </script>
  1088.     <script>
  1089.         \$(function() {
  1090.             \$('.add-cart').on('click', function(event) {
  1091.                 ";
  1092.         // line 999
  1093.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 999)) {
  1094.             // line 1000
  1095.             echo "                // 規格1フォームの必須チェック
  1096.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  1097.                     \$('#classcategory_id1')[0].setCustomValidity('";
  1098.             // line 1002
  1099.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1100.             echo "');
  1101.                     return true;
  1102.                 } else {
  1103.                     \$('#classcategory_id1')[0].setCustomValidity('');
  1104.                 }
  1105.                 ";
  1106.         }
  1107.         // line 1008
  1108.         echo "
  1109.                 ";
  1110.         // line 1009
  1111.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 1009)) {
  1112.             // line 1010
  1113.             echo "                // 規格2フォームの必須チェック
  1114.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  1115.                     \$('#classcategory_id2')[0].setCustomValidity('";
  1116.             // line 1012
  1117.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  1118.             echo "');
  1119.                     return true;
  1120.                 } else {
  1121.                     \$('#classcategory_id2')[0].setCustomValidity('');
  1122.                 }
  1123.                 ";
  1124.         }
  1125.         // line 1018
  1126.         echo "
  1127.                 // タイプ2: カート送信直前に set_count を quantity に同期
  1128.                 if(\$('#set_count').length){
  1129.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  1130.                     \$('#quantity').val(_sc);
  1131.                     \$('input[name=\"quantity\"]').val(_sc);
  1132.                 }
  1134.                 // 個数フォームのチェック
  1135.                 if (\$('#quantity').val() < 1) {
  1136.                     \$('#quantity')[0].setCustomValidity('";
  1137.         // line 1028
  1138.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  1139.         echo "');
  1140.                     return true;
  1141.                 } else {
  1142.                     \$('#quantity')[0].setCustomValidity('');
  1143.                 }
  1145.                 event.preventDefault();
  1146.                 \$form = \$('#form1');
  1147.                 \$.ajax({
  1148.                     url: \$form.attr('action'),
  1149.                     type: \$form.attr('method'),
  1150.                     data: \$form.serialize(),
  1151.                     dataType: 'json',
  1152.                     beforeSend: function(xhr, settings) {
  1153.                         // Buttonを無効にする
  1154.                         \$('.add-cart').prop('disabled', true);
  1155.                     }
  1156.                 }).done(function(data) {
  1157.                     // レスポンス内のメッセージをalertで表示
  1158.                     \$.each(data.messages, function() {
  1159.                         \$('#ec-modal-header').text(this);
  1160.                     });
  1162.                     \$('.ec-modal').show()
  1164.                     // カートブロックを更新する
  1165.                     \$.ajax({
  1166.                         url: \"";
  1167.         // line 1055
  1168.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  1169.         echo "\",
  1170.                         type: 'GET',
  1171.                         dataType: 'html'
  1172.                     }).done(function(html) {
  1173.                         \$('.ec-headerRole__cart').html(html);
  1174.                     });
  1175.                 }).fail(function(data) {
  1176.                     alert('";
  1177.         // line 1062
  1178.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートへの追加に失敗しました。"), "html", null, true);
  1179.         echo "');
  1180.                 }).always(function(data) {
  1181.                     // Buttonを有効にする
  1182.                     \$('.add-cart').prop('disabled', false);
  1183.                 });
  1184.             });
  1185.         });
  1187.         \$('.ec-modal-wrap').on('click', function(e) {
  1188.             // モーダル内の処理は外側にバブリングさせない
  1189.             e.stopPropagation();
  1190.         });
  1191.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  1192.             \$('.ec-modal').hide()
  1193.         });
  1196. \t\tvar pw = \"";
  1197.         // line 1079
  1198.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1079, $this->source); })())) {
  1199.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1079, $this->source); })()), "pw", [], "any", false, false, false, 1079), "html", null, true);
  1200.         }
  1201.         echo "\";
  1202. \t\tvar pd = \"";
  1203.         // line 1080
  1204.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1080, $this->source); })())) {
  1205.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1080, $this->source); })()), "pd", [], "any", false, false, false, 1080), "html", null, true);
  1206.         }
  1207.         echo "\";
  1208. \t\tvar ph = \"";
  1209.         // line 1081
  1210.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1081, $this->source); })())) {
  1211.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1081, $this->source); })()), "ph", [], "any", false, false, false, 1081), "html", null, true);
  1212.         }
  1213.         echo "\";
  1214. \t\tvar pm = \"";
  1215.         // line 1082
  1216.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1082, $this->source); })())) {
  1217.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1082, $this->source); })()), "pm", [], "any", false, false, false, 1082), "html", null, true);
  1218.         }
  1219.         echo "\";
  1220. \t\tvar pc = \"";
  1221.         // line 1083
  1222.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1083, $this->source); })())) {
  1223.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1083, $this->source); })()), "pc", [], "any", false, false, false, 1083), "html", null, true);
  1224.         }
  1225.         echo "\";
  1226. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  1227. \t\tvar option1 = \"";
  1228.         // line 1085
  1229.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1085, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 1085))) {
  1230.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1085, $this->source); })()), "option1", [], "any", false, false, false, 1085), "html", null, true);
  1231.         }
  1232.         echo "\";
  1233. \t\tvar option2 = \"";
  1234.         // line 1086
  1235.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1086, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 1086))) {
  1236.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1086, $this->source); })()), "option2", [], "any", false, false, false, 1086), "html", null, true);
  1237.         }
  1238.         echo "\";
  1239. \t\tvar op0 = \"";
  1240.         // line 1087
  1241.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1087, $this->source); })())) {
  1242.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1087, $this->source); })()), "op", [], "any", false, false, false, 1087), 0, [], "array", false, false, false, 1087), "html", null, true);
  1243.         }
  1244.         echo "\";
  1245. \t\tvar op1 = \"";
  1246.         // line 1088
  1247.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1088, $this->source); })())) {
  1248.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1088, $this->source); })()), "op", [], "any", false, false, false, 1088), 1, [], "array", false, false, false, 1088), "html", null, true);
  1249.         }
  1250.         echo "\";
  1251. \t\tvar op2 = \"";
  1252.         // line 1089
  1253.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1089, $this->source); })())) {
  1254.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1089, $this->source); })()), "op", [], "any", false, false, false, 1089), 2, [], "array", false, false, false, 1089), "html", null, true);
  1255.         }
  1256.         echo "\";
  1257. \t\tvar op3 = \"";
  1258.         // line 1090
  1259.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1090, $this->source); })())) {
  1260.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1090, $this->source); })()), "op", [], "any", false, false, false, 1090), 3, [], "array", false, false, false, 1090), "html", null, true);
  1261.         }
  1262.         echo "\";
  1263. \t\tvar op4 = \"";
  1264.         // line 1091
  1265.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1091, $this->source); })())) {
  1266.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1091, $this->source); })()), "op", [], "any", false, false, false, 1091), 4, [], "array", false, false, false, 1091), "html", null, true);
  1267.         }
  1268.         echo "\";
  1269. \t\tvar op5 = \"";
  1270.         // line 1092
  1271.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1092, $this->source); })())) {
  1272.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1092, $this->source); })()), "op", [], "any", false, false, false, 1092), 5, [], "array", false, false, false, 1092), "html", null, true);
  1273.         }
  1274.         echo "\";
  1275. \t\tvar op6 = \"";
  1276.         // line 1093
  1277.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1093, $this->source); })())) {
  1278.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1093, $this->source); })()), "op", [], "any", false, false, false, 1093), 6, [], "array", false, false, false, 1093), "html", null, true);
  1279.         }
  1280.         echo "\";
  1281. \t\tvar op7 = \"";
  1282.         // line 1094
  1283.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1094, $this->source); })())) {
  1284.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1094, $this->source); })()), "op", [], "any", false, false, false, 1094), 7, [], "array", false, false, false, 1094), "html", null, true);
  1285.         }
  1286.         echo "\";
  1287. \t\tvar op8 = \"";
  1288.         // line 1095
  1289.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1095, $this->source); })())) {
  1290.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1095, $this->source); })()), "op", [], "any", false, false, false, 1095), 8, [], "array", false, false, false, 1095), "html", null, true);
  1291.         }
  1292.         echo "\";
  1293. \t\tvar op9 = \"";
  1294.         // line 1096
  1295.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1096, $this->source); })())) {
  1296.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1096, $this->source); })()), "op", [], "any", false, false, false, 1096), 9, [], "array", false, false, false, 1096), "html", null, true);
  1297.         }
  1298.         echo "\";
  1299. \t\tvar op10 = \"";
  1300.         // line 1097
  1301.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1097, $this->source); })())) {
  1302.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1097, $this->source); })()), "op", [], "any", false, false, false, 1097), 10, [], "array", false, false, false, 1097), "html", null, true);
  1303.         }
  1304.         echo "\";
  1306. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1308. \t\t// ============================================================
  1309. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  1310. \t\t// ============================================================
  1311. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  1312. \t\t//   d           : 奥行
  1313. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  1314. \t\t//   m           : 素材
  1315. \t\t//   c           : カラー
  1316. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  1317. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  1318. \t\t//   maker_price : メーカー価格 (税抜)
  1319. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  1320. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  1321. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  1322. \t\t//
  1323. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  1324. \t\t// ============================================================
  1326. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  1327. \t\tvar op_data = ";
  1328.         // line 1120
  1329.         echo ((array_key_exists("op_json", $context)) ? (_twig_default_filter((isset($context["op_json"]) || array_key_exists("op_json", $context) ? $context["op_json"] : (function () { throw new RuntimeError('Variable "op_json" does not exist.', 1120, $this->source); })()), "[]")) : ("[]"));
  1330.         echo ";
  1332. \t\t// option_item_area:
  1333. \t\t//   tg 用 — block 別オプション差額表
  1334. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  1335. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  1336. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  1337. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  1338. \t\t//                   title: '...', default_key: '...',
  1339. \t\t//                   choices: [{key,label,price}, ...] } }
  1340. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  1341. \t\tvar oi_data = ";
  1342.         // line 1131
  1343.         echo ((array_key_exists("oi_json", $context)) ? (_twig_default_filter((isset($context["oi_json"]) || array_key_exists("oi_json", $context) ? $context["oi_json"] : (function () { throw new RuntimeError('Variable "oi_json" does not exist.', 1131, $this->source); })()), "{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}")) : ("{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}"));
  1344.         echo ";
  1346. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  1347. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  1349. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  1350. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  1352. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  1353. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  1354. \t\tvar SALE_TYPE_ID = ";
  1355.         // line 1141
  1356.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 1141, $this->source); })()), "SaleType", [], "any", false, false, false, 1141), "id", [], "any", false, false, false, 1141), "html", null, true);
  1357.         echo ";
  1359. \t\t";
  1360.         // line 1144
  1361.         echo "\t\t";
  1362.         $context["option1_label"] = "オプション1";
  1363.         // line 1145
  1364.         echo "\t\t";
  1365.         $context["option2_label"] = "オプション2";
  1366.         // line 1146
  1367.         echo "\t\t";
  1368.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 1146, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1146))) {
  1369.             // line 1147
  1370.             echo "\t\t\t";
  1371.             $context['_parent'] = $context;
  1372.             $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.', 1147, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1147));
  1373.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  1374.                 // line 1148
  1375.                 echo "\t\t\t\t";
  1376.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1148) == 31)) {
  1377.                     $context["option1_label"] = "サイズプリセット";
  1378.                     $context["option2_label"] = "駆動方式";
  1379.                 }
  1380.                 // line 1149
  1381.                 echo "\t\t\t\t";
  1382.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1149) == 43)) {
  1383.                     $context["option1_label"] = "ランマ";
  1384.                     $context["option2_label"] = "タイプ";
  1385.                 }
  1386.                 // line 1150
  1387.                 echo "\t\t\t\t";
  1388.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1150) == 15)) {
  1389.                     $context["option1_label"] = "棚タイプ";
  1390.                 }
  1391.                 // line 1151
  1392.                 echo "\t\t\t\t";
  1393.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 1151) == 17)) {
  1394.                     $context["option1_label"] = "窓タイプ";
  1395.                 }
  1396.                 // line 1152
  1397.                 echo "\t\t\t";
  1398.             }
  1399.             $_parent = $context['_parent'];
  1400.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  1401.             $context = array_intersect_key($context, $_parent) + $_parent;
  1402.             // line 1153
  1403.             echo "\t\t";
  1404.         }
  1405.         // line 1154
  1406.         echo "
  1407. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  1408. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  1409. \t\tvar TAX_RATE = 0.10;
  1410. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  1412. \t\t/**
  1413. \t\t * tg 用 block 別オプション差額の集計.
  1414. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  1415. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  1416. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  1417. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  1418. \t\t */
  1419. \t\tfunction collectOptionItems(curW, curD) {
  1420. \t\t\tvar result = { total: 0, items: [] };
  1421. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  1422. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1423. \t\t\tvar block = oi_data.blocks[blockKey];
  1424. \t\t\tif (!block) return result;
  1425. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1426. \t\t\tfor (var i = 0; i < axes.length; i++) {
  1427. \t\t\t\tvar axis = axes[i];
  1428. \t\t\t\tvar choices = block[axis];
  1429. \t\t\t\tif (!choices || !choices.length) continue;
  1430. \t\t\t\tvar idx = oi_selected[axis] || 1;
  1431. \t\t\t\tvar pick = null;
  1432. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  1433. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  1434. \t\t\t\t}
  1435. \t\t\t\tif (!pick) pick = choices[0];
  1436. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  1437. \t\t\t\tresult.total += diff;
  1438. \t\t\t\tresult.items.push({
  1439. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  1440. \t\t\t\t\tlabel: pick.label,
  1441. \t\t\t\t\tdiff:  diff,
  1442. \t\t\t\t});
  1443. \t\t\t}
  1444. \t\t\treturn result;
  1445. \t\t}
  1447. \t\t/**
  1448. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  1449. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  1450. \t\t *   block が空なら #tg-options を空にする.
  1451. \t\t */
  1452. \t\tfunction renderOptionItemRadios(curW, curD) {
  1453. \t\t\tvar \$box = \$('#tg-options');
  1454. \t\t\tif (!\$box.length) return;
  1455. \t\t\t\$box.empty();
  1456. \t\t\tif (!oi_data || !oi_data.blocks) return;
  1457. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  1458. \t\t\tvar block = oi_data.blocks[blockKey];
  1459. \t\t\tif (!block) return;
  1460. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  1461. \t\t\taxes.forEach(function(axis) {
  1462. \t\t\t\tvar choices = block[axis];
  1463. \t\t\t\tif (!choices || !choices.length) return;
  1464. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  1465. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  1466. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  1467. \t\t\t\tvar \$list = \$('<div class=\"tg-choice-list\"></div>');
  1468. \t\t\t\tchoices.forEach(function(ch, i) {
  1469. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  1470. \t\t\t\t\tvar name = 'tg_' + axis;
  1471. \t\t\t\t\tvar checked = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1)) ? ' checked' : '';
  1472. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  1473. \t\t\t\t\t\$list.append(
  1474. \t\t\t\t\t\t'<label class=\"tg-choice\"><input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + checked + '> ' +
  1475. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  1476. \t\t\t\t\t);
  1477. \t\t\t\t});
  1478. \t\t\t\t\$section.append(\$list);
  1479. \t\t\t\t\$box.append(\$section);
  1480. \t\t\t});
  1481. \t\t\t// ラジオ click で oi_selected を更新 → 再計算
  1482. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  1483. \t\t\t\tvar axis = \$(this).data('axis');
  1484. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  1485. \t\t\t\tmitsumori_simulation('refresh', '');
  1486. \t\t\t});
  1487. \t\t\tupdateOptionItemSelectedLabels();
  1488. \t\t}
  1490. \t\tfunction updateOptionItemSelectedLabels() {
  1491. \t\t\t\$('#tg-options .tg-axis').each(function() {
  1492. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  1493. \t\t\t\tif (!\$sel.length) return;
  1494. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  1495. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  1496. \t\t\t});
  1497. \t\t}
  1499. \t\t// =========================================================
  1500. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  1501. \t\t// =========================================================
  1503. \t\t/**
  1504. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  1505. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  1506. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  1507. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  1508. \t\t */
  1509. \t\tfunction findFeBlockParentOpIndex() {
  1510. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  1511. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  1512. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  1513. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1514. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  1515. \t\t\t}
  1516. \t\t\treturn -1;
  1517. \t\t}
  1519. \t\t/**
  1520. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  1521. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  1522. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  1523. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  1524. \t\t */
  1525. \t\tfunction collectFeBlock() {
  1526. \t\t\tvar result = { price: 0, choice: null, active: false };
  1527. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  1528. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  1529. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  1531. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1532. \t\t\tif (parentIdx < 0) return result;
  1533. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1534. \t\t\tvar parentSel = ops[parentIdx];
  1535. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1536. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  1538. \t\t\tresult.active = true;
  1539. \t\t\tvar choices = oi_data.fe_block.choices;
  1540. \t\t\tvar pick = null;
  1541. \t\t\tfor (var j = 0; j < choices.length; j++) {
  1542. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  1543. \t\t\t}
  1544. \t\t\tif (!pick) pick = choices[0];
  1545. \t\t\tresult.choice = pick;
  1546. \t\t\tresult.price  = parseInt(pick.price) || 0;
  1547. \t\t\treturn result;
  1548. \t\t}
  1550. \t\t/**
  1551. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  1552. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  1553. \t\t */
  1554. \t\tfunction renderFeBlockRadios() {
  1555. \t\t\tvar \$box = \$('#fe-block-options');
  1556. \t\t\tif (!\$box.length) return;
  1557. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  1558. \t\t\t\t\$box.empty().hide();
  1559. \t\t\t\treturn;
  1560. \t\t\t}
  1561. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1562. \t\t\tif (parentIdx < 0) {
  1563. \t\t\t\t\$box.empty().hide();
  1564. \t\t\t\treturn;
  1565. \t\t\t}
  1566. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1567. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  1568. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  1569. \t\t\tif (!visible) {
  1570. \t\t\t\t\$box.hide();
  1571. \t\t\t\treturn;
  1572. \t\t\t}
  1574. \t\t\tvar fb = oi_data.fe_block;
  1575. \t\t\t\$box.empty();
  1576. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  1577. \t\t\t\$box.append(\$title);
  1578. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  1579. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  1580. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  1581. \t\t\tvar \$list = \$('<div class=\"opt-btn-group\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  1582. \t\t\tfb.choices.forEach(function(ch) {
  1583. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  1584. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  1585. \t\t\t\tvar checked = isSel ? ' checked' : '';
  1586. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  1587. \t\t\t\tvar priceTxt = (parseInt(ch.price) || 0) > 0
  1588. \t\t\t\t\t? ' <span class=\"fe-block-price\" style=\"margin-left:6px;color:#666;font-size:12px;white-space:nowrap;\">（+' + formatter.format(toIncTax(parseInt(ch.price))) + '円 税込）</span>'
  1589. \t\t\t\t\t: '';
  1590. \t\t\t\t\$list.append(
  1591. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  1592. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  1593. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  1594. \t\t\t\t\tpriceTxt +
  1595. \t\t\t\t\t'</label>'
  1596. \t\t\t\t);
  1597. \t\t\t});
  1598. \t\t\t\$box.append(\$list);
  1599. \t\t\t\$box.show();
  1600. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  1601. \t\t\t\tfe_block_selected = \$(this).val();
  1602. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  1603. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  1604. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  1605. \t\t\t\tmitsumori_simulation('refresh', '');
  1606. \t\t\t});
  1607. \t\t}
  1609. \t\t/**
  1610. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  1611. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  1612. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  1613. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  1614. \t\t */
  1615. \t\tfunction updateFeOpConditionalVisibility() {
  1616. \t\t\tif (SALE_TYPE_ID !== 4) return;
  1617. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  1618. \t\t\tif (parentIdx < 0) return;
  1619. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1620. \t\t\tvar parentSel = ops[parentIdx];
  1621. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  1622. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  1623. \t\t\t\$('div[data-op-name]').each(function() {
  1624. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  1625. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  1626. \t\t\t\t\tif (parentSel === triggerOffValue) {
  1627. \t\t\t\t\t\t\$(this).show();
  1628. \t\t\t\t\t} else {
  1629. \t\t\t\t\t\t\$(this).hide();
  1630. \t\t\t\t\t}
  1631. \t\t\t\t}
  1632. \t\t\t});
  1633. \t\t}
  1635. \t\t/**
  1636. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  1637. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  1638. \t\t */
  1639. \t\tfunction collectOptions() {
  1640. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1641. \t\t\tvar total = 0;
  1642. \t\t\tvar items = [];
  1643. \t\t\tfor (var i = 0; i < ops.length; i++) {
  1644. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  1645. \t\t\t\tvar sel = ops[i];
  1646. \t\t\t\tif (!sel) continue;
  1647. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  1648. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  1649. \t\t\t\tvar isOn = (sel === op_data[i].on);
  1650. \t\t\t\titems.push({
  1651. \t\t\t\t\tname:  op_data[i].name,
  1652. \t\t\t\t\tvalue: sel,
  1653. \t\t\t\t\tprice: isOn ? price : 0,
  1654. \t\t\t\t\ton:    op_data[i].on,
  1655. \t\t\t\t\toff:   op_data[i].off,
  1656. \t\t\t\t});
  1657. \t\t\t\tif (isOn) total += price;
  1658. \t\t\t}
  1659. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  1660. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  1661. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  1662. \t\t\tvar fb = collectFeBlock();
  1663. \t\t\tif (fb.active && fb.choice) {
  1664. \t\t\t\titems.push({
  1665. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  1666. \t\t\t\t\tvalue: fb.choice.label,
  1667. \t\t\t\t\tprice: fb.price,
  1668. \t\t\t\t\ton:    fb.choice.label,
  1669. \t\t\t\t\toff:   '',
  1670. \t\t\t\t});
  1671. \t\t\t\ttotal += fb.price;
  1672. \t\t\t}
  1673. \t\t\treturn { total: total, items: items };
  1674. \t\t}
  1676. \t\t/**
  1677. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  1678. \t\t * から sale_type 別に最終金額を算出する.
  1679. \t\t *
  1680. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  1681. \t\t *   1 通常        : price + ct + option_sum
  1682. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  1683. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  1684. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  1685. \t\t *                  + ct + max(0, maisu-3) × option1
  1686. \t\t *                  + option_sum   (maisu >= 3)
  1687. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  1688. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  1689. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  1690. \t\t *
  1691. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  1692. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  1693. \t\t *
  1694. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  1695. \t\t * @param {number} optionTotal  collectOptions().total
  1696. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  1697. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  1698. \t\t */
  1699. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  1700. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  1701. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  1702. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  1703. \t\t\tvar optSum     = optionTotal;
  1704. \t\t\tvar price      = basePrice;
  1705. \t\t\tvar ct         = baseCt;
  1706. \t\t\tvar qty        = 1;
  1707. \t\t\tvar goukei     = 0;
  1709. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  1710. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  1711. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  1712. \t\t\tif (purchaseOnly) {
  1713. \t\t\t\tbaseCt = 0;
  1714. \t\t\t\tct     = 0;
  1715. \t\t\t\toptSum = 0;
  1716. \t\t\t}
  1718. \t\t\tswitch (SALE_TYPE_ID) {
  1719. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  1720. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  1721. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  1722. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  1723. \t\t\t\t\tqty    = 1;
  1724. \t\t\t\t\tprice  = basePrice;
  1725. \t\t\t\t\tct     = baseCt;
  1726. \t\t\t\t\tgoukei = price + ct + optSum;
  1727. \t\t\t\t\tbreak;
  1728. \t\t\t\t}
  1730. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  1731. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  1732. \t\t\t\t\tprice = basePrice * qty;
  1733. \t\t\t\t\tct    = baseCt * qty;
  1734. \t\t\t\t\tgoukei = price + ct + optSum;
  1735. \t\t\t\t\tbreak;
  1736. \t\t\t\t}
  1738. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  1739. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  1740. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  1741. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  1742. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  1743. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  1744. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  1745. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  1746. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  1747. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  1748. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  1749. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  1750. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  1751. \t\t\t\t\tif (!purchaseOnly) {
  1752. \t\t\t\t\t\tvar fbC = collectFeBlock();
  1753. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  1754. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  1755. \t\t\t\t\t\t}
  1756. \t\t\t\t\t}
  1757. \t\t\t\t\tgoukei = price + ct + optSum;
  1758. \t\t\t\t\tbreak;
  1759. \t\t\t\t}
  1761. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  1762. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  1763. \t\t\t\t\tqty    = 1;
  1764. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  1765. \t\t\t\t\tprice  = basePrice;
  1766. \t\t\t\t\tct     = baseCt;
  1767. \t\t\t\t\tbreak;
  1768. \t\t\t\t}
  1770. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  1771. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  1772. \t\t\t\t\tvar w_m = parseLen(pp.w);
  1773. \t\t\t\t\tvar h_m = parseLen(pp.h);
  1774. \t\t\t\t\tvar rollSize = w_m * h_m;
  1775. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  1776. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  1777. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  1778. \t\t\t\t\tif (area > 0) {
  1779. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  1780. \t\t\t\t\t} else {
  1781. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  1782. \t\t\t\t\t}
  1783. \t\t\t\t\tprice  = basePrice * qty;
  1784. \t\t\t\t\tct     = baseCt;
  1785. \t\t\t\t\tgoukei = price + ct + optSum;
  1786. \t\t\t\t\tbreak;
  1787. \t\t\t\t}
  1789. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  1790. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  1791. \t\t\t\t\tprice  = basePrice * qty;
  1792. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  1793. \t\t\t\t\tgoukei = price + ct + optSum;
  1794. \t\t\t\t\tbreak;
  1795. \t\t\t\t}
  1797. \t\t\t\tcase 9: {  // 商品のみ購入
  1798. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  1799. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  1800. \t\t\t\t\tprice  = basePrice;
  1801. \t\t\t\t\tct     = 0;
  1802. \t\t\t\t\toptSum = 0;
  1803. \t\t\t\t\tgoukei = price;
  1804. \t\t\t\t\tbreak;
  1805. \t\t\t\t}
  1807. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  1808. \t\t\t\t\tqty    = 1;
  1809. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  1810. \t\t\t\t\tbreak;
  1811. \t\t\t\t}
  1812. \t\t\t}
  1814. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  1815. \t\t\treturn {
  1816. \t\t\t\tgoukei: toIncTax(goukei),
  1817. \t\t\t\tprice:  toIncTax(price),
  1818. \t\t\t\tct:     toIncTax(ct),
  1819. \t\t\t\topt:    toIncTax(optSum),
  1820. \t\t\t\tqty:    qty,
  1821. \t\t\t};
  1822. \t\t}
  1824. \t\t/**
  1825. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  1826. \t\t *
  1827. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  1828. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  1829. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  1830. \t\t *
  1831. \t\t * 例:
  1832. \t\t *   \"1m\"     → 1
  1833. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  1834. \t\t *   \"200cm\"  → 2
  1835. \t\t *   \"5.5m\"   → 5.5
  1836. \t\t *   \"1000mm\" → 1
  1837. \t\t *   \"\"       → 0
  1838. \t\t */
  1839. \t\tfunction parseLen(s) {
  1840. \t\t\tif (!s) return 0;
  1841. \t\t\tvar str = String(s);
  1842. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  1843. \t\t\tif (!m) return 0;
  1844. \t\t\tvar n = parseFloat(m[1]);
  1845. \t\t\tif (isNaN(n)) return 0;
  1846. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  1847. \t\t\tif (unit === 'cm') return n / 100;
  1848. \t\t\tif (unit === 'mm') return n / 1000;
  1849. \t\t\treturn n;  // 'm' or no unit
  1850. \t\t}
  1852. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  1853. \t\tvar pp = ";
  1854.         // line 1601
  1855.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 1601, $this->source); })());
  1856.         echo ";
  1858. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  1859. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  1860. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  1861. \t\tvar PP_W_LADDER = Object.values(";
  1862.         // line 1606
  1863.         echo json_encode(((array_key_exists("p_w", $context)) ? (_twig_default_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1606, $this->source); })()), [])) : ([])));
  1864.         echo " || {});
  1865. \t\tvar PP_H_LADDER = Object.values(";
  1866.         // line 1607
  1867.         echo json_encode(((array_key_exists("p_h", $context)) ? (_twig_default_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1607, $this->source); })()), [])) : ([])));
  1868.         echo " || {});
  1870. \t\t/* ============================================================
  1871. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  1872. \t\t   ============================================================
  1873. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  1874. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  1875. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  1876. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  1877. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  1878. \t\t   ============================================================ */
  1880. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  1881. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  1882. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  1883. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  1884. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  1885. \t\t\t},
  1886. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  1887. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  1888. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  1889. \t\t\t}
  1890. \t\t};
  1892. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  1893. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  1894. \t\tvar HOUSING_TYPE_DEFAULT = ";
  1895.         // line 1633
  1896.         echo json_encode(_twig_default_filter($this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1633, $this->source); })()), "id", [], "any", false, false, false, 1633), "住宅区分"), "戸建"));
  1897.         echo ";
  1898. \t\tfunction getCurrentHousingKey() {
  1899. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  1900. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  1901. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  1902. \t\t}
  1904. \t\t// 商品シリーズ自動判定 (Product.name から)
  1905. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  1906. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  1907. \t\tvar PRODUCT_NAME_RAW = ";
  1908.         // line 1643
  1909.         echo json_encode(((twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", true, true, false, 1643)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "name", [], "any", false, false, false, 1643), "")) : ("")));
  1910.         echo ";
  1911. \t\tfunction detectProductSeries(name) {
  1912. \t\t\tif (!name) return null;
  1913. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  1914. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  1915. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  1916. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  1917. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  1918. \t\t\treturn null;
  1919. \t\t}
  1920. \t\t// シリーズ上限グレード:
  1921. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  1922. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  1923. \t\t//   null = 単板のみ → 補助金対象外
  1924. \t\tvar SERIES_GRADE_CAP = {
  1925. \t\t\tuchirimo:    'P',
  1926. \t\t\tpramado_u:   'P',
  1927. \t\t\tinplus:      'S',
  1928. \t\t\tplamake_eii: 'S',
  1929. \t\t\tlite_u:      null
  1930. \t\t};
  1931. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  1932. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  1933. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  1934. \t\t\t: undefined;
  1936. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  1937. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  1938. \t\tvar PRODUCT_GRADE_CAP_RAW = ";
  1939.         // line 1671
  1940.         echo json_encode(_twig_default_filter($this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 1671, $this->source); })()), "id", [], "any", false, false, false, 1671), "補助金グレード上限"), ""));
  1941.         echo ";
  1942. \t\tfunction normalizeGradeCap(v) {
  1943. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  1944. \t\t\tvar s = String(v).trim().toUpperCase();
  1945. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  1946. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  1947. \t\t\tif (s === 'S') return 'S';
  1948. \t\t\treturn undefined;
  1949. \t\t}
  1950. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  1952. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  1953. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  1954. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  1955. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  1956. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  1957. \t\tfunction detectSubtypeGradeCap(subtype) {
  1958. \t\t\tif (!subtype) return undefined;
  1959. \t\t\tvar s = String(subtype);
  1960. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  1961. \t\t\treturn undefined;
  1962. \t\t}
  1964. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  1965. \t\tfunction clipGradeBy(grade, cap) {
  1966. \t\t\tif (cap === undefined) return grade;
  1967. \t\t\tif (cap === null)      return null;
  1968. \t\t\tif (grade === null)    return null;
  1969. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  1970. \t\t\treturn grade;
  1971. \t\t}
  1972. \t\tfunction finalizeGlassGrade(raw, subtype) {
  1973. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  1974. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  1975. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  1976. \t\t\treturn g;
  1977. \t\t}
  1979. \t\t/**
  1980. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  1981. \t\t * null = 補助対象外.
  1982. \t\t *
  1983. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  1984. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  1985. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  1986. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  1987. \t\t *
  1988. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  1989. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  1990. \t\t */
  1991. \t\tfunction detectGlassPerformance(glassName) {
  1992. \t\t\tif (!glassName) return null;
  1993. \t\t\tvar n = String(glassName);
  1994. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  1995. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  1996. \t\t\t// P (SS): 真空断熱ガラスのみ
  1997. \t\t\tif (/真空断熱/.test(n)) return 'P';
  1998. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  1999. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  2000. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  2001. \t\t\treturn null;
  2002. \t\t}
  2004. \t\t/**
  2005. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  2006. \t\t * null = 補助対象外 (0.2㎡ 未満).
  2007. \t\t */
  2008. \t\tfunction detectSizeClass(w_mm, h_mm) {
  2009. \t\t\tvar w = parseFloat(w_mm) || 0;
  2010. \t\t\tvar h = parseFloat(h_mm) || 0;
  2011. \t\t\tif (w <= 0 || h <= 0) return null;
  2012. \t\t\tvar area = (w * h) / 1000000.0;
  2013. \t\t\tif (area < 0.2) return null;
  2014. \t\t\tif (area < 1.6) return 'S';
  2015. \t\t\tif (area < 2.8) return 'M';
  2016. \t\t\tif (area < 4.0) return 'L';
  2017. \t\t\treturn 'G';
  2018. \t\t}
  2020. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  2021. \t\t\tif (!performance || !sizeClass) return 0;
  2022. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  2023. \t\t\tif (!t || !t[performance]) return 0;
  2024. \t\t\treturn t[performance][sizeClass] || 0;
  2025. \t\t}
  2027. \t\t/**
  2028. \t\t * mm 入力値を ladder バケット文字列に変換する.
  2029. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  2030. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  2031. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  2032. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  2033. \t\t */
  2034. \t\tfunction bucketizeMm(input, ladder) {
  2035. \t\t\tif (!input && input !== 0) return '';
  2036. \t\t\tif (!ladder || ladder.length === 0) return input;
  2037. \t\t\tvar s = String(input).trim();
  2038. \t\t\tif (s === '') return '';
  2039. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  2040. \t\t\tvar mm = parseMm(s);
  2041. \t\t\tif (mm <= 0) return s;
  2042. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  2043. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  2044. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  2045. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  2046. \t\t\t}
  2047. \t\t\treturn withMax[withMax.length - 1].label;
  2048. \t\t}
  2050. \t\t/**
  2051. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  2052. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  2053. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  2054. \t\t * を通してから既存マッチングに渡す.
  2055. \t\t */
  2056. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  2057. \t\t\tif (!pp || pp.length === 0) return null;
  2058. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  2059. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  2060. \t\t\tvar axMatch = function(input, value) {
  2061. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  2062. \t\t\t};
  2063. \t\t\tvar colMatch = function(input, value) {
  2064. \t\t\t\tif (axMatch(input, value)) return true;
  2065. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2066. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  2067. \t\t\t\t}
  2068. \t\t\t\treturn false;
  2069. \t\t\t};
  2070. \t\t\tvar candidates = pp.filter(function(el) {
  2071. \t\t\t\treturn axMatch(pw_bucket, el.w)
  2072. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  2073. \t\t\t\t\t&& axMatch(pm_val, el.m)
  2074. \t\t\t\t\t&& axMatch(subtype, el.option1);
  2075. \t\t\t});
  2076. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  2077. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  2078. \t\t\t}
  2079. \t\t\treturn candidates[0] || null;
  2080. \t\t}
  2082. \t\t/**
  2083. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  2084. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  2085. \t\t */
  2086. \t\tfunction parseMm(s) {
  2087. \t\t\tif (!s) return 0;
  2088. \t\t\tvar str = String(s);
  2089. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  2090. \t\t\tif (!m) return 0;
  2091. \t\t\tvar num = parseFloat(m[1]);
  2092. \t\t\tif (/mm/i.test(str)) return num;
  2093. \t\t\tif (/cm/i.test(str)) return num * 10;
  2094. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  2095. \t\t\treturn num;
  2096. \t\t}
  2098. \t\t/**
  2099. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  2100. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  2101. \t\t */
  2102. \t\tfunction collectWindowTypeRow(block) {
  2103. \t\t\tvar get = function(axis) {
  2104. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  2105. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  2106. \t\t\t\tif (radio) return radio.value;
  2107. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  2108. \t\t\t\tif (!any) return '';
  2109. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  2110. \t\t\t\treturn (any.value || '').trim();
  2111. \t\t\t};
  2112. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  2113. \t\t\tvar subtype = get('subtype');
  2114. \t\t\tvar pw_val  = get('pw');
  2115. \t\t\tvar ph_val  = get('ph');
  2116. \t\t\tvar pm_val  = get('pm');
  2117. \t\t\tvar pc_val  = get('pc');
  2118. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  2120. \t\t\tvar row = {
  2121. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  2122. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  2123. \t\t\t\tsize_class: null, glass_perf: null,
  2124. \t\t\t\tincomplete: false
  2125. \t\t\t};
  2127. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  2128. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  2129. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  2130. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  2131. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  2132. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  2133. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  2135. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  2136. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  2137. \t\t\t\trow.incomplete = true;
  2138. \t\t\t\treturn row;
  2139. \t\t\t}
  2141. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  2142. \t\t\tif (ppRow) {
  2143. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  2144. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  2145. \t\t\t}
  2146. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  2147. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  2148. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  2149. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype);
  2150. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  2151. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  2152. \t\t\treturn row;
  2153. \t\t}
  2155. \t\t/**
  2156. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  2157. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  2158. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  2159. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  2160. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  2161. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  2162. \t\t */
  2163. \t\tfunction recalcAllForSaleType2() {
  2164. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  2165. \t\t\tif (!pp || pp.length === 0) {
  2166. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  2167. \t\t\t\t\$('#mitsumori_btn').hide();
  2168. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  2169. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  2170. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  2171. \t\t\t\treturn;
  2172. \t\t\t}
  2173. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  2174. \t\t\tif (blocks.length === 0) return;
  2176. \t\t\tvar rows = [];
  2177. \t\t\tvar hasIncomplete = false;
  2178. \t\t\tvar baseCt = 0;
  2179. \t\t\tvar hasAnyPriced = false;
  2181. \t\t\tblocks.forEach(function(b) {
  2182. \t\t\t\tvar r = collectWindowTypeRow(b);
  2183. \t\t\t\trows.push({ block: b, row: r });
  2184. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  2185. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  2186. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  2187. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  2188. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  2189. \t\t\t});
  2191. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  2192. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  2193. \t\t\t\t\$('#mitsumori_btn').hide();
  2194. \t\t\t\treturn;
  2195. \t\t\t}
  2197. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  2198. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  2200. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  2201. \t\t\trows.forEach(function(item) {
  2202. \t\t\t\tvar r = item.row;
  2203. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  2204. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  2205. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  2206. \t\t\t});
  2208. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  2209. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  2210. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  2211. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  2212. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  2213. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  2215. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  2216. \t\t\tvar ctInc       = ctIncTarget;
  2217. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  2218. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  2220. \t\t\t// 窓リノベ2026 申請条件:
  2221. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  2222. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  2223. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  2224. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  2225. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  2226. \t\t\tvar subsidyRawSum = sumSubsidy;
  2227. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  2228. \t\t\tvar subsidyAmt = 0;
  2229. \t\t\tvar subsidyNote = '';
  2230. \t\t\tif (subsidyEligible) {
  2231. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  2232. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  2233. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  2234. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  2235. \t\t\t\t} else {
  2236. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  2237. \t\t\t\t}
  2238. \t\t\t} else if (subsidyRawSum > 0) {
  2239. \t\t\t\tsubsidyNote = '※補助金合計が 5 万円未満のため申請対象外です（'
  2240. \t\t\t\t\t+ subsidyRawSum.toLocaleString() + '円）';
  2241. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  2242. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  2243. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  2244. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  2245. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  2246. \t\t\t}
  2248. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  2249. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  2251. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  2252. \t\t\t\$('#mitsumori_btn').show();
  2253. \t\t\t\$('#mitsumori_goukei').text(goukeiInc.toLocaleString() + '円');
  2254. \t\t\t\$('#mitsumori_price').text(sumPriceInc.toLocaleString() + '円');
  2255. \t\t\t\$('#mitsumori_ct').text(ctInc.toLocaleString() + '円');
  2256. \t\t\t\$('#mitsumori_option').text(optInc.toLocaleString() + '円');
  2257. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  2258. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  2259. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  2260. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  2261. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  2263. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  2264. \t\t\tvar window_types = rows.map(function(item) {
  2265. \t\t\t\tvar r = item.row;
  2266. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  2267. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  2268. \t\t\t\tvar w_mm = parseMm(r.pw);
  2269. \t\t\t\tvar h_mm = parseMm(r.ph);
  2270. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  2271. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  2272. \t\t\t\treturn {
  2273. \t\t\t\t\tsubtype:        r.subtype,
  2274. \t\t\t\t\tw:              w_save,
  2275. \t\t\t\t\th:              h_save,
  2276. \t\t\t\t\tglass:          r.pm,
  2277. \t\t\t\t\tcolor:          r.pc,
  2278. \t\t\t\t\tsetqty:         r.setqty,
  2279. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  2280. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  2281. \t\t\t\t\tsize_class:     r.size_class,
  2282. \t\t\t\t\tglass_perf:     r.glass_perf,
  2283. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  2284. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  2285. \t\t\t\t};
  2286. \t\t\t});
  2287. \t\t\tvar opCalc2 = collectOptions();
  2288. \t\t\tvar mitsumori_json = {
  2289. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  2290. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  2291. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  2292. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  2293. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  2294. \t\t\t\t\"maker_price\":      '---円',
  2295. \t\t\t\t\"product_id\":       ";
  2296.         // line 2025
  2297.         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.', 2025, $this->source); })()), "id", [], "any", false, false, false, 2025), "html", null, true);
  2298.         echo ",
  2299. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  2300. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  2301. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  2302. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  2303. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  2304. \t\t\t\t\"window_types\":     window_types,
  2305. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  2306. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  2307. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  2308. \t\t\t\t\"subsidy_note\":     subsidyNote,
  2309. \t\t\t\t\"op_items\":         opCalc2.items
  2310. \t\t\t};
  2311. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  2312. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  2313. \t\t}
  2315. \t\t/**
  2316. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  2317. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  2318. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  2319. \t\t * - 補助金 (割引額) 行を末尾に追加
  2320. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  2321. \t\t */
  2322. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  2323. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  2324. \t\t\tif (!\$tbody.length) return;
  2325. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  2326. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  2328. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  2329. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  2331. \t\t\tif (!window_types || window_types.length === 0) {
  2332. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  2333. \t\t\t\t\$itemRow.show();
  2334. \t\t\t\treturn;
  2335. \t\t\t}
  2337. \t\t\twindow_types.forEach(function(wt, i) {
  2338. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  2339. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  2340. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  2341. \t\t\t\t\t+ (wt.glass || '') + ' / '
  2342. \t\t\t\t\t+ (wt.color || '');
  2343. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  2344. \t\t\t\t\t.append('<td>' + label + '</td>')
  2345. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  2346. \t\t\t\t\t.append('<td>セット</td>')
  2347. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  2348. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  2349. \t\t\t\t\$itemRow.before(\$tr);
  2350. \t\t\t});
  2352. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  2353. \t\t\t\$itemRow.hide();
  2355. \t\t\t// 補助金（割引額）行を末尾に追加
  2356. \t\t\tif (subsidyAmt > 0) {
  2357. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  2358. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  2359. \t\t\t\t\t.append('<td>1</td>')
  2360. \t\t\t\t\t.append('<td>式</td>')
  2361. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  2362. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  2363. \t\t\t\t\$tbody.append(\$subRow);
  2364. \t\t\t}
  2365. \t\t}
  2367. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  2368. \t\twindow.recalcAll = recalcAllForSaleType2;
  2370. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  2371. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  2372. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  2373. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  2374. \t\twindow.glassYieldsSubsidy = function(glassName) {
  2375. \t\t\tif (!glassName) return false;
  2376. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '') !== null;
  2377. \t\t};
  2379. \t\tfunction mitsumori_simulation(type , value_id){
  2380. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  2381. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  2382. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  2383. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  2384. \t\t\t\t\tvar v = \$('#'+value_id).val();
  2385. \t\t\t\t\tif (type === 'op0')  op0  = v;
  2386. \t\t\t\t\tif (type === 'op1')  op1  = v;
  2387. \t\t\t\t\tif (type === 'op2')  op2  = v;
  2388. \t\t\t\t\tif (type === 'op3')  op3  = v;
  2389. \t\t\t\t\tif (type === 'op4')  op4  = v;
  2390. \t\t\t\t\tif (type === 'op5')  op5  = v;
  2391. \t\t\t\t\tif (type === 'op6')  op6  = v;
  2392. \t\t\t\t\tif (type === 'op7')  op7  = v;
  2393. \t\t\t\t\tif (type === 'op8')  op8  = v;
  2394. \t\t\t\t\tif (type === 'op9')  op9  = v;
  2395. \t\t\t\t\tif (type === 'op10') op10 = v;
  2396. \t\t\t\t}
  2397. \t\t\t\trecalcAllForSaleType2();
  2398. \t\t\t\treturn;
  2399. \t\t\t}
  2401. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  2402. \t\t\t// 「価格データ準備中」を表示して終了する.
  2403. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  2404. \t\t\tif (!pp || pp.length === 0) {
  2405. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  2406. \t\t\t\t\$('#mitsumori_btn').hide();
  2407. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2408. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2409. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2410. \t\t\t\t\$('#maker_price').text(\"---円\");
  2411. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2412. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2413. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2414. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2415. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2416. \t\t\t\treturn;
  2417. \t\t\t}
  2418. \t\t\tif(type == \"pw\"){
  2419. \t\t\t\tpw = \$('#'+value_id).val();
  2420. \t\t\t}
  2421. \t\t\tif(type == \"pd\"){
  2422. \t\t\t\tpd = \$('#'+value_id).val();
  2423. \t\t\t}
  2424. \t\t\tif(type == \"ph\"){
  2425. \t\t\t\tph = \$('#'+value_id).val();
  2426. \t\t\t}
  2427. \t\t\tif(type == \"pm\"){
  2428. \t\t\t\tpm = \$('#'+value_id).val();
  2429. \t\t\t}
  2430. \t\t\tif(type == \"pc\"){
  2431. \t\t\t\tpc = \$('#'+value_id).val();
  2432. \t\t\t}
  2433. \t\t\tif(type == \"option1\"){
  2434. \t\t\t\toption1 = \$('#'+value_id).val();
  2435. \t\t\t}
  2436. \t\t\tif(type == \"option2\"){
  2437. \t\t\t\toption2 = \$('#'+value_id).val();
  2438. \t\t\t}
  2439. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  2440. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  2441. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  2442. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  2443. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  2444. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  2445. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  2446. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  2447. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  2448. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  2449. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  2451. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  2452. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  2453. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  2454. \t\t\t(function applyPurchaseOnlyUI() {
  2455. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  2456. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  2457. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  2458. \t\t\t\t\tif (\$inputs.length === 0) continue;
  2459. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  2460. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  2461. \t\t\t\t\t\$group.css({
  2462. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  2463. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  2464. \t\t\t\t\t});
  2465. \t\t\t\t}
  2466. \t\t\t})();
  2468. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  2469. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  2470. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  2471. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  2472. \t\t\tif (value_id) {
  2473. \t\t\t\tvar \$clicked = \$('#' + value_id);
  2474. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  2475. \t\t\t\t\t\$clicked.prop('checked', true);
  2476. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  2477. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  2478. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  2479. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  2480. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  2481. \t\t\t\t\tif (\$label.length) {
  2482. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  2483. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  2484. \t\t\t\t\t}
  2485. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  2486. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  2487. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  2488. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  2489. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  2490. \t\t\t\t\t\tif (opEntry) {
  2491. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  2492. \t\t\t\t\t\t\tif (\$note.length) {
  2493. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  2494. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  2495. \t\t\t\t\t\t\t}
  2496. \t\t\t\t\t\t}
  2497. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  2498. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  2499. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  2500. \t\t\t\t\t\tif (radioName === 'deck_step') {
  2501. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  2502. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  2503. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  2504. \t\t\t\t\t\t}
  2505. \t\t\t\t\t}
  2506. \t\t\t\t}
  2507. \t\t\t}
  2509. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  2510. \t\t\tvar requireMatrix = (SALE_TYPE_ID == 1 || SALE_TYPE_ID == 2 || SALE_TYPE_ID == 3 || SALE_TYPE_ID == 4 || SALE_TYPE_ID == 5 || SALE_TYPE_ID == 6 || SALE_TYPE_ID == 7 || SALE_TYPE_ID == 9);
  2512. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  2513. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  2514. \t\t\t//   - sl は m が空のままで matrix に行が来る
  2515. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  2516. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  2518. \t\t\tif (requireMatrix) {
  2519. \t\t\t\tif(pmRequired && pm == \"\"){
  2520. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  2521. \t\t\t\t}
  2522. \t\t\t\tif(ph == \"\"){
  2523. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  2524. \t\t\t\t}
  2525. \t\t\t\tif(pd == \"\"){
  2526. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  2527. \t\t\t\t}
  2528. \t\t\t\tif(pw == \"\"){
  2529. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  2530. \t\t\t\t}
  2531. \t\t\t\tif(pc == \"\"){
  2532. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  2533. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2534. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2535. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2536. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2537. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2538. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2539. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2540. \t\t\t\t}
  2541. \t\t\t}
  2543. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  2544. \t\t\t\t\$('#mitsumori_btn').show();
  2546. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  2547. \t\t\t\tvar ctx = {
  2548. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  2549. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  2550. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  2551. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  2552. \t\t\t\t\tarea:         (function(){
  2553. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  2554. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  2555. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  2556. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  2557. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  2558. \t\t\t\t\t})(),
  2559. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  2560. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  2561. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  2562. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  2563. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  2564. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  2565. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  2566. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  2567. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  2568. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  2569. \t\t\t\t};
  2571. \t\t\t\t// 施工オプション集計（残土処理を含む）
  2572. \t\t\t\tvar opCalc = collectOptions();
  2574. \t\t\t\tvar pp_matched = false;
  2575. \t\t\t\t// 各軸の汎用 axisMatch:
  2576. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  2577. \t\t\t\tvar axisMatch = function(input, value){
  2578. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  2579. \t\t\t\t};
  2580. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  2581. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  2582. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  2583. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  2584. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  2585. \t\t\t\tvar colorMatch = function(input, value){
  2586. \t\t\t\t    if (axisMatch(input, value)) return true;
  2587. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  2588. \t\t\t\t        var parts = value.split('/');
  2589. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  2590. \t\t\t\t            if (parts[idx].trim() === input) return true;
  2591. \t\t\t\t        }
  2592. \t\t\t\t    }
  2593. \t\t\t\t    return false;
  2594. \t\t\t\t};
  2596. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  2597. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  2598. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  2599. \t\t\t\tvar candidates = pp.filter(function(el){
  2600. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  2601. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  2602. \t\t\t\t});
  2603. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  2604. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  2605. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  2606. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  2607. \t\t\t\tif (candidates.length === 0) {
  2608. \t\t\t\t    candidates = pp.filter(function(el){
  2609. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  2610. \t\t\t\t    });
  2611. \t\t\t\t}
  2612. \t\t\t\tvar picked = null;
  2614. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  2615. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  2616. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  2617. \t\t\t\t}
  2619. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  2620. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  2621. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  2622. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  2623. \t\t\t\tif (!picked && candidates.length > 0) {
  2624. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  2625. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  2626. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  2627. \t\t\t\t    if (pcAbsent) {
  2628. \t\t\t\t        var uniqPrices = new Set();
  2629. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  2630. \t\t\t\t        if (uniqPrices.size === 1) {
  2631. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  2632. \t\t\t\t            picked = candidates[0];
  2633. \t\t\t\t        }
  2634. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  2635. \t\t\t\t    }
  2636. \t\t\t\t}
  2637. \t\t\t\tpp.forEach((el) => {
  2638. \t\t\t\t  if (el === picked) {
  2639. \t\t\t\t\tpp_matched = true;
  2641. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  2642. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  2643. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  2644. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  2645. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  2646. \t\t\t\t\trenderFeBlockRadios();
  2647. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  2648. \t\t\t\t\tupdateFeOpConditionalVisibility();
  2650. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  2651. \t\t\t\t\tvar goukei     = calc.goukei;
  2652. \t\t\t\t\tvar price      = calc.price;
  2653. \t\t\t\t\tvar ct         = calc.ct;
  2654. \t\t\t\t\tvar optionSum  = calc.opt;
  2655. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  2656. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  2657. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  2658. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  2659. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  2660. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  2661. \t\t\t\t\tgoukei += oiIncTax;
  2662. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  2663. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  2664. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);
  2666. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukei) + \"円\");
  2667. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukei) + \"円\");
  2668. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(price - makerPrice) + \"円\");
  2669. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(price) + \"円\");
  2670. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPrice) + \"円\");
  2671. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ct) + \"円\");
  2672. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionSum) + \"円\");
  2674. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  2675. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  2676. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  2677. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  2678. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  2679. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  2681. \t\t\t\t\tvar shoukei = goukei / 1.1;
  2682. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  2683. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  2684. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  2686. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  2687. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  2688. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  2689. \t\t\t\t\t})));
  2690. \t\t\t\t  }
  2691. \t\t\t\t});
  2693. \t\t\t\tif (!pp_matched) {
  2694. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  2695. \t\t\t\t\t\$('#mitsumori_btn').hide();
  2696. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  2697. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  2698. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  2699. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  2700. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  2701. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  2702. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  2703. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  2704. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  2705. \t\t\t\t}
  2707. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  2708. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  2709. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  2710. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  2711. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  2712. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  2713. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  2714. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  2715. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  2716.         // line 2442
  2717.         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.', 2442, $this->source); })()), "id", [], "any", false, false, false, 2442), "html", null, true);
  2718.         echo ",
  2719. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  2720. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  2721. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  2722. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  2723. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  2724. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  2725. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  2726. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  2727. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  2728. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  2729. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  2730. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  2731. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  2732. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  2733. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  2734. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  2735. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  2736. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  2737. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  2738. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  2739. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  2740. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  2742. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  2743. \t\t\t}
  2744. \t\t}
  2746. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  2747. \t\tfunction renderOptionDetailRows(items) {
  2748. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  2749. \t\t\tif (!\$tbody.length) return;
  2750. \t\t\t\$tbody.find('tr.opt-row').remove();
  2751. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  2752. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  2753. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  2754. \t\t\t}).last();
  2755. \t\t\titems.forEach(function(it){
  2756. \t\t\t\tif (!it.name || !it.value) return;
  2757. \t\t\t\tvar priceTxt = it.price > 0
  2758. \t\t\t\t\t? formatter.format(it.price) + '円'
  2759. \t\t\t\t\t: '0円';
  2760. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  2761. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  2762. \t\t\t\t\t.append('<td>1</td>')
  2763. \t\t\t\t\t.append('<td>式</td>')
  2764. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  2765. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  2766. \t\t\t\tif (anchorRow.length) {
  2767. \t\t\t\t\tanchorRow.after(\$tr);
  2768. \t\t\t\t\tanchorRow = \$tr;
  2769. \t\t\t\t} else {
  2770. \t\t\t\t\t\$tbody.append(\$tr);
  2771. \t\t\t\t}
  2772. \t\t\t});
  2773. \t\t}
  2775. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  2776. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  2777. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  2778. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  2779. \t\tfunction syncMitsumoriModalFromPanel() {
  2780. \t\t\tvar goukeiText = \$('#mitsumori_goukei').text();
  2781. \t\t\tvar priceText  = \$('#mitsumori_price').text();
  2782. \t\t\tvar ctText     = \$('#mitsumori_ct').text();
  2784. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  2785. \t\t\t\$('#mitsumori_price_01').text(priceText);
  2786. \t\t\t\$('#mitsumori_price_02').text(priceText);
  2787. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  2788. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  2789. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  2791. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  2792. \t\t\tvar num = parseInt(goukeiText.replace(/[^\\d-]/g, ''), 10);
  2793. \t\t\tif (!isNaN(num) && num > 0) {
  2794. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  2795. \t\t\t\tvar tax     = num - shoukei;
  2796. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  2797. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  2798. \t\t\t} else {
  2799. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  2800. \t\t\t\t\$('#mitsumori_tax').text('---円');
  2801. \t\t\t}
  2802. \t\t}
  2804. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  2805. \t\t\tsyncMitsumoriModalFromPanel();
  2806. \t\t});
  2808.         ";
  2809.         // line 2536
  2810.         echo "        ";
  2811.         if (((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2536, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2536, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2536, $this->source); })())) == "")))) {
  2812.             // line 2537
  2813.             echo "            pc = \"指定なし\";
  2814.             ";
  2815.             // line 2538
  2816.             $context['_parent'] = $context;
  2817.             $context['_seq'] = twig_ensure_traversable((isset($context["p_c"]) || array_key_exists("p_c", $context) ? $context["p_c"] : (function () { throw new RuntimeError('Variable "p_c" does not exist.', 2538, $this->source); })()));
  2818.             foreach ($context['_seq'] as $context["_key"] => $context["pc_val"]) {
  2819.                 if ($context["pc_val"]) {
  2820.                     echo " pc = \"";
  2821.                     echo twig_escape_filter($this->env, $context["pc_val"], "html", null, true);
  2822.                     echo "\"; ";
  2823.                 }
  2824.             }
  2825.             $_parent = $context['_parent'];
  2826.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_val'], $context['_parent'], $context['loop']);
  2827.             $context = array_intersect_key($context, $_parent) + $_parent;
  2828.             // line 2539
  2829.             echo "            ";
  2830.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2539, $this->source); })()) && (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2539, $this->source); })())) == 1))) {
  2831.                 // line 2540
  2832.                 echo "                ";
  2833.                 $context['_parent'] = $context;
  2834.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2540, $this->source); })()));
  2835.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2836.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2540))) {
  2837.                         echo " pc = \"";
  2838.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2540), "html", null, true);
  2839.                         echo "\"; ";
  2840.                     }
  2841.                 }
  2842.                 $_parent = $context['_parent'];
  2843.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2844.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2845.                 // line 2541
  2846.                 echo "            ";
  2847.             }
  2848.             // line 2542
  2849.             echo "        ";
  2850.         } elseif (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2542, $this->source); })()) && (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2542, $this->source); })())) == 1))) {
  2851.             // line 2543
  2852.             echo "            pc = \"指定なし\";
  2853. \t\t\t";
  2854.             // line 2544
  2855.             $context['_parent'] = $context;
  2856.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 2544, $this->source); })()));
  2857.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2858.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2544))) {
  2859.                     echo " pc = \"";
  2860.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 2544), "html", null, true);
  2861.                     echo "\"; ";
  2862.                 }
  2863.             }
  2864.             $_parent = $context['_parent'];
  2865.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2866.             $context = array_intersect_key($context, $_parent) + $_parent;
  2867.             // line 2545
  2868.             echo "\t\t";
  2869.         }
  2870.         // line 2546
  2871.         echo "
  2872.         ";
  2873.         // line 2547
  2874.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2547, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2547, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2547, $this->source); })())) == "")))) {
  2875.             // line 2548
  2876.             echo "            pw = \"指定なし\";
  2877. \t\t\t";
  2878.             // line 2549
  2879.             $context['_parent'] = $context;
  2880.             $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2549, $this->source); })()));
  2881.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  2882.                 if ($context["pw"]) {
  2883.                     echo " pw = \"";
  2884.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2885.                     echo "\"; ";
  2886.                 }
  2887.             }
  2888.             $_parent = $context['_parent'];
  2889.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  2890.             $context = array_intersect_key($context, $_parent) + $_parent;
  2891.             // line 2550
  2892.             echo "\t\t";
  2893.         }
  2894.         // line 2551
  2895.         echo "
  2896.         ";
  2897.         // line 2552
  2898.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2552, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2552, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2552, $this->source); })())) == "")))) {
  2899.             // line 2553
  2900.             echo "            pd = \"指定なし\";
  2901. \t\t\t";
  2902.             // line 2554
  2903.             $context['_parent'] = $context;
  2904.             $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 2554, $this->source); })()));
  2905.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  2906.                 if ($context["pd"]) {
  2907.                     echo " pd = \"";
  2908.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2909.                     echo "\"; ";
  2910.                 }
  2911.             }
  2912.             $_parent = $context['_parent'];
  2913.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  2914.             $context = array_intersect_key($context, $_parent) + $_parent;
  2915.             // line 2555
  2916.             echo "\t\t";
  2917.         }
  2918.         // line 2556
  2919.         echo "
  2920.         ";
  2921.         // line 2557
  2922.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2557, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2557, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2557, $this->source); })())) == "")))) {
  2923.             // line 2558
  2924.             echo "            ph = \"指定なし\";
  2925. \t\t\t";
  2926.             // line 2559
  2927.             $context['_parent'] = $context;
  2928.             $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 2559, $this->source); })()));
  2929.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  2930.                 if ($context["ph"]) {
  2931.                     echo " ph = \"";
  2932.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2933.                     echo "\"; ";
  2934.                 }
  2935.             }
  2936.             $_parent = $context['_parent'];
  2937.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  2938.             $context = array_intersect_key($context, $_parent) + $_parent;
  2939.             // line 2560
  2940.             echo "\t\t";
  2941.         }
  2942.         // line 2561
  2943.         echo "
  2944.         ";
  2945.         // line 2562
  2946.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2562, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2562, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2562, $this->source); })())) == "")))) {
  2947.             // line 2563
  2948.             echo "            pm = \"指定なし\";
  2949. \t\t\t";
  2950.             // line 2564
  2951.             $context['_parent'] = $context;
  2952.             $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2564, $this->source); })()));
  2953.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  2954.                 if ($context["pm"]) {
  2955.                     echo " pm = \"";
  2956.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  2957.                     echo "\"; ";
  2958.                 }
  2959.             }
  2960.             $_parent = $context['_parent'];
  2961.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  2962.             $context = array_intersect_key($context, $_parent) + $_parent;
  2963.             // line 2565
  2964.             echo "\t\t";
  2965.         }
  2966.         // line 2566
  2967.         echo "
  2968.         ";
  2969.         // line 2568
  2970.         echo "        ";
  2971.         if (((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2568, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2568, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2568, $this->source); })())) == "")))) {
  2972.             // line 2569
  2973.             echo "            option1 = \"\";
  2974. \t\t\t";
  2975.             // line 2570
  2976.             $context['_parent'] = $context;
  2977.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 2570, $this->source); })()));
  2978.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  2979.                 if ($context["opt1"]) {
  2980.                     echo " option1 = \"";
  2981.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  2982.                     echo "\"; ";
  2983.                 }
  2984.             }
  2985.             $_parent = $context['_parent'];
  2986.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  2987.             $context = array_intersect_key($context, $_parent) + $_parent;
  2988.             // line 2571
  2989.             echo "\t\t";
  2990.         }
  2991.         // line 2572
  2992.         echo "
  2993.         ";
  2994.         // line 2573
  2995.         if (((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2573, $this->source); })()) && ((twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2573, $this->source); })())) == 1) || (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2573, $this->source); })())) == "")))) {
  2996.             // line 2574
  2997.             echo "            option2 = \"\";
  2998. \t\t\t";
  2999.             // line 2575
  3000.             $context['_parent'] = $context;
  3001.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 2575, $this->source); })()));
  3002.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  3003.                 if ($context["opt2"]) {
  3004.                     echo " option2 = \"";
  3005.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  3006.                     echo "\"; ";
  3007.                 }
  3008.             }
  3009.             $_parent = $context['_parent'];
  3010.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  3011.             $context = array_intersect_key($context, $_parent) + $_parent;
  3012.             // line 2576
  3013.             echo "\t\t";
  3014.         }
  3015.         // line 2577
  3016.         echo "
  3017. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  3018. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  3019. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  3020. \t\t//
  3021. \t\t// 注意:
  3022. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  3023. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  3024. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  3025. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  3026. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  3027. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  3028. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  3029. \t\t(function autoSelectFirstColor(){
  3030. \t\t\tvar groups = ['color', 'color3'];
  3031. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  3032. \t\t\t\tvar name = groups[gi];
  3033. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  3034. \t\t\t\tif (nodes.length === 0) continue;
  3035. \t\t\t\tvar anyChecked = false;
  3036. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3037. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3038. \t\t\t\t}
  3039. \t\t\t\tif (anyChecked) continue;
  3041. \t\t\t\tvar target = nodes[0];
  3042. \t\t\t\ttarget.checked = true;
  3043. \t\t\t\tpc = target.value;
  3045. \t\t\t\t// opt-btn の is-selected を付け替え
  3046. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3047. \t\t\t\tif (lbl) {
  3048. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3049. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3050. \t\t\t\t\tlbl.classList.add('is-selected');
  3051. \t\t\t\t}
  3052. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  3053. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3054. \t\t\t\tif (grp) {
  3055. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3056. \t\t\t\t\tif (section) {
  3057. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3058. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3059. \t\t\t\t\t}
  3060. \t\t\t\t}
  3061. \t\t\t}
  3062. \t\t})();
  3064. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  3065. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  3066. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  3067. \t\t(function autoSelectFirstMatrixAxis(){
  3068. \t\t\tvar axes = [
  3069. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  3070. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  3071. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  3072. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  3073. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  3074. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  3075. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  3076. \t\t\t];
  3077. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  3078. \t\t\t\tvar ax = axes[ai];
  3079. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  3080. \t\t\t\tif (nodes.length === 0) continue;
  3081. \t\t\t\tvar anyChecked = false;
  3082. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  3083. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  3084. \t\t\t\t}
  3085. \t\t\t\tif (anyChecked) continue;
  3087. \t\t\t\tvar target = nodes[0];
  3088. \t\t\t\ttarget.checked = true;
  3089. \t\t\t\t// グローバル JS 変数も埋める
  3090. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  3091. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  3092. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  3093. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  3094. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  3095. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  3097. \t\t\t\tvar lbl = target.closest('.opt-btn');
  3098. \t\t\t\tif (lbl) {
  3099. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3100. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  3101. \t\t\t\t\tlbl.classList.add('is-selected');
  3102. \t\t\t\t}
  3103. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  3104. \t\t\t\tif (grp) {
  3105. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3106. \t\t\t\t\tif (section) {
  3107. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3108. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  3109. \t\t\t\t\t}
  3110. \t\t\t\t}
  3111. \t\t\t}
  3112. \t\t})();
  3114. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  3115. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  3116. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  3117. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  3118. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  3119. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  3120. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  3121. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  3122. \t\t(function autoSelectFirstInstall(){
  3123. \t\t\tfor (var i = 0; i <= 10; i++) {
  3124. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  3125. \t\t\t\tif (nodes.length === 0) continue;
  3127. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  3128. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  3129. \t\t\t\tvar hasPurchaseOnly = false;
  3130. \t\t\t\tvar onNode = null;
  3131. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  3132. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  3133. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  3134. \t\t\t\t}
  3135. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  3137. \t\t\t\tvar anyChecked = false;
  3138. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  3139. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  3140. \t\t\t\t}
  3141. \t\t\t\tif (anyChecked) continue;
  3143. \t\t\t\tonNode.checked = true;
  3144. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  3145. \t\t\t\tswitch (i) {
  3146. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  3147. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  3148. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  3149. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  3150. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  3151. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  3152. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  3153. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  3154. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  3155. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  3156. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  3157. \t\t\t\t}
  3158. \t\t\t\t// opt-btn の is-selected を付け替え
  3159. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  3160. \t\t\t\tif (lbl) {
  3161. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  3162. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  3163. \t\t\t\t\tlbl.classList.add('is-selected');
  3164. \t\t\t\t}
  3165. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  3166. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  3167. \t\t\t\tif (grp) {
  3168. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  3169. \t\t\t\t\tif (section) {
  3170. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  3171. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  3172. \t\t\t\t\t}
  3173. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  3174. \t\t\t\t\tif (note) note.style.display = '';
  3175. \t\t\t\t}
  3176. \t\t\t}
  3177. \t\t})();
  3179. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  3180. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  3181. \t\t(function initQuantityByType(){
  3182. \t\t\tvar saleType = ";
  3183.         // line 2743
  3184.         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 2743, $this->source); })()), "SaleType", [], "any", false, false, false, 2743), "id", [], "any", false, false, false, 2743), "html", null, true);
  3185.         echo ";
  3186. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  3187. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  3188. \t\t\t} else {
  3189. \t\t\t\t\$('#quantity').val(1);
  3190. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  3191. \t\t\t}
  3192. \t\t})();
  3194. \t\t// type → ラベルのプレフィックス文字列
  3195. \t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  3196. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  3197. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材',
  3198. \t\t                   option1: '";
  3199.         // line 2756
  3200.         echo twig_escape_filter($this->env, twig_escape_filter($this->env, ((array_key_exists("option1_label", $context)) ? (_twig_default_filter((isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 2756, $this->source); })()), "オプション1")) : ("オプション1")), "js"), "html", null, true);
  3201.         echo "',
  3202. \t\t                   option2: '";
  3203.         // line 2757
  3204.         echo twig_escape_filter($this->env, twig_escape_filter($this->env, ((array_key_exists("option2_label", $context)) ? (_twig_default_filter((isset($context["option2_label"]) || array_key_exists("option2_label", $context) ? $context["option2_label"] : (function () { throw new RuntimeError('Variable "option2_label" does not exist.', 2757, $this->source); })()), "オプション2")) : ("オプション2")), "js"), "html", null, true);
  3205.         echo "'};
  3206. \t\t// type → input[name]
  3207. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  3208. \t\t                   option1: 'option1', option2: 'option2'};
  3210. \t\t// opt-btn用: 値を直接受け取るラッパー
  3211. \t\tfunction mitsumori_simulation_val(type, value) {
  3212. \t\t\tif (type === 'pc') pc = value;
  3213. \t\t\tif (type === 'pw') pw = value;
  3214. \t\t\tif (type === 'pd') pd = value;
  3215. \t\t\tif (type === 'ph') ph = value;
  3216. \t\t\tif (type === 'pm') pm = value;
  3217. \t\t\tif (type === 'option1') option1 = value;
  3218. \t\t\tif (type === 'option2') option2 = value;
  3220. \t\t\t// is-selected クラスを同グループ内で付け替え
  3221. \t\t\tvar inputName = optNameMap[type];
  3222. \t\t\tif (inputName) {
  3223. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  3224. \t\t\t\t\$btns.removeClass('is-selected');
  3225. \t\t\t\t\$btns.filter(function(){
  3226. \t\t\t\t\treturn \$(this).find('input').val() === value;
  3227. \t\t\t\t}).addClass('is-selected');
  3228. \t\t\t}
  3230. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  3231. \t\t\tvar labelPrefix = optLabelMap[type];
  3232. \t\t\tif (labelPrefix) {
  3233. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  3234. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  3235. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  3236. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  3237. \t\t\t}
  3239. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  3240. \t\t\tmitsumori_simulation('', '');
  3241. \t\t}
  3243. \t\tmitsumori_simulation(\"\",\"\");
  3245. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  3246. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  3247. \t\tfunction applyBtnGroupScroll() {
  3248. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  3249. \t\t\t\tvar \$group = \$(this);
  3250. \t\t\t\t\$group.removeClass('is-scroll');
  3251. \t\t\t\tvar \$items = \$group.children();
  3252. \t\t\t\tif (\$items.length === 0) return;
  3254. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  3255. \t\t\t\tvar totalWidth = 0;
  3256. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  3257. \t\t\t\t\$items.each(function() {
  3258. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  3259. \t\t\t\t});
  3261. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  3262. \t\t\t\tvar anyTooWide = false;
  3263. \t\t\t\t\$items.each(function() {
  3264. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  3265. \t\t\t\t});
  3267. \t\t\t\t// 折り返し時の行数も計測
  3268. \t\t\t\tvar tops = {};
  3269. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  3270. \t\t\t\tvar rowCount = Object.keys(tops).length;
  3272. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  3273. \t\t\t\t\t\$group.addClass('is-scroll');
  3274. \t\t\t\t}
  3275. \t\t\t});
  3276. \t\t}
  3277. \t\tapplyBtnGroupScroll();
  3278. \t\t\$(window).on('resize', function() {
  3279. \t\t\tclearTimeout(window._btnScrollTimer);
  3280. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  3281. \t\t});
  3283. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  3284. \t\t(function syncPrice02Display() {
  3285. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  3286. \t\t\tvar displayEl = document.getElementById('price02-display');
  3287. \t\t\tif (!goukeiEl || !displayEl) return;
  3288. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  3289. \t\t\t// ---円（未確定）の場合は書き換えない
  3290. \t\t\tif (goukeiText && goukeiText !== '---円') {
  3291. \t\t\t\tdisplayEl.textContent = goukeiText;
  3292. \t\t\t}
  3293. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  3294. \t\t\tnew MutationObserver(function() {
  3295. \t\t\t\tvar text = goukeiEl.textContent.trim();
  3296. \t\t\t\tif (text && text !== '---円') {
  3297. \t\t\t\t\tdisplayEl.textContent = text;
  3298. \t\t\t\t}
  3299. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  3300. \t\t})();
  3301. \t\tfunction contact_form(product_id){
  3302. \t\t\t\$('#form1').attr('action', '";
  3303.         // line 2854
  3304.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact", ["product" => 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.', 2854, $this->source); })()), "id", [], "any", false, false, false, 2854)]), "html", null, true);
  3305.         echo "');
  3306. \t\t\t\$('#form1').submit();
  3307. \t\t}
  3309. \t\t// maisu / madoset は下部の新しい関数定義を使用
  3312. \t\tfunction heibei(bei){
  3313. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  3314. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  3315. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  3316. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  3317. \t\t\t\$('#quantity').val(1);
  3318. \t\t\tmitsumori_simulation('heibei','heibei');
  3319. \t\t}
  3320. \t\tfunction daisu(dai){
  3321. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  3322. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  3323. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  3324. \t\t\t\$('#quantity').val(1);
  3325. \t\t\tmitsumori_simulation('daisu','daisu');
  3326. \t\t}
  3327. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  3328. \t\tfunction suuryou(n){
  3329. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  3330. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  3331. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  3332. \t\t\t\$('#quantity').val(1);
  3333. \t\t\tmitsumori_simulation('suuryou','suuryou');
  3334. \t\t}
  3335. \t\tfunction maisu(mai){
  3336. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  3337. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  3338. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  3339. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  3340. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  3341. \t\t\t\$('#quantity').val(1);
  3342. \t\t\tmitsumori_simulation('maisu','maisu');
  3343. \t\t}
  3345. \t\t// タイプ2: セット数プルダウン連動
  3346. \t\tfunction madosetSelect(val){
  3347. \t\t\tvar v = parseInt(val);
  3348. \t\t\tif(v < 1) v = 1;
  3349. \t\t\tif(v > 20) v = 20;
  3350. \t\t\t\$('#set_count').val(v);
  3351. \t\t\t\$('#quantity').val(1);
  3352. \t\t\t\$('input[name=\"quantity\"]').val(1);
  3353. \t\t\tmitsumori_simulation('set','set_count');
  3354. \t\t}
  3355. \t\t// タイプ2: ±ボタン版（後方互換）
  3356. \t\tfunction madoset(mai){
  3357. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  3358. \t\t\tvar next = current + mai;
  3359. \t\t\tif(next < 1) next = 1;
  3360. \t\t\tif(next > 20) next = 20;
  3361. \t\t\t\$('#set_count').val(next);
  3362. \t\t\tmadosetSelect(next);
  3363. \t\t}
  3365. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  3366. \t\tvar deck_step = \"";
  3367.         // line 2915
  3368.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2915, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 2915))) {
  3369.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 2915)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 2915), "不要")) : ("不要")), "html", null, true);
  3370.         } else {
  3371.             echo "不要";
  3372.         }
  3373.         echo "\";
  3374. \t\tvar deck_fence = \"";
  3375.         // line 2916
  3376.         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2916, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 2916))) {
  3377.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 2916)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 2916), "不要")) : ("不要")), "html", null, true);
  3378.         } else {
  3379.             echo "不要";
  3380.         }
  3381.         echo "\";
  3383. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  3384. \t\tfunction syncPdfJson(){
  3385. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  3386. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  3387. \t\t}
  3389. \t\t// タイプ9: 商品のみ購入
  3390. \t\tfunction quantityOnly(val){
  3391. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  3392. \t\t\tvar next = current + val;
  3393. \t\t\tif(next < 1) next = 1;
  3394. \t\t\t\$('#quantity_only').val(next);
  3395. \t\t\t\$('#quantity').val(next);
  3396. \t\t}
  3398.         // ===== スマホ用下部固定バーへの金額同期 =====
  3399.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  3400.         (function() {
  3401.             var msgTarget   = document.getElementById('mitsumori_message');
  3402.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  3403.             var spPrice     = document.getElementById('sp-mitsumori-price');
  3404.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  3405.             if (!spPrice || !spBtn) return;
  3407.             function syncBar() {
  3408.                 var msg    = msgTarget ? msgTarget.textContent : '';
  3409.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  3411.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  3412.                 if (msg.indexOf('選択してください') !== -1) {
  3413.                     spPrice.textContent = msg;
  3414.                     spPrice.style.fontSize = '13px';
  3415.                     spPrice.style.color    = '#888';
  3416.                     spBtn.style.display    = 'none';
  3417.                 } else {
  3418.                     // 価格確定時はボタンを表示
  3419.                     spPrice.textContent = goukei;
  3420.                     spPrice.style.fontSize = '18px';
  3421.                     spPrice.style.color    = '#c00';
  3422.                     spBtn.style.display    = 'block';
  3423.                 }
  3424.             }
  3426.             // 初期値を同期
  3427.             syncBar();
  3429.             // mitsumori_message の変化を監視
  3430.             if (msgTarget) {
  3431.                 new MutationObserver(syncBar).observe(
  3432.                     msgTarget, { childList: true, subtree: true, characterData: true }
  3433.                 );
  3434.             }
  3435.             // mitsumori_goukei の変化も監視
  3436.             if (goukeiTarget) {
  3437.                 new MutationObserver(syncBar).observe(
  3438.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  3439.                 );
  3440.             }
  3441.         })();
  3443.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  3444.         (function() {
  3445.             var card = document.querySelector('.mitsumori-card-pc');
  3446.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  3447.             if (!card || !btn) return;
  3448.             // MutationObserverでcollapsed-cardクラスの変化を監視
  3449.             new MutationObserver(function() {
  3450.                 if (card.classList.contains('collapsed-card')) {
  3451.                     btn.textContent = '▼ 詳細';
  3452.                 } else {
  3453.                     btn.textContent = '▲ 閉じる';
  3454.                 }
  3455.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  3456.         })();
  3458.         // ===== エリア案内: スマホのみタップで展開 =====
  3459.         (function() {
  3460.             var notice = document.querySelector('.ec-areaNotice');
  3461.             if (!notice) return;
  3462.             notice.addEventListener('click', function(e) {
  3463.                 if (window.innerWidth > 767) return;
  3464.                 // リンククリック時は展開/折りたたみせずリンク遷移
  3465.                 if (e.target.tagName === 'A') return;
  3466.                 notice.classList.toggle('is-open');
  3467.             });
  3468.         })();
  3470.     </script>
  3471.     <script type=\"application/ld+json\">
  3472.     {
  3473.         \"@context\": \"https://schema.org/\",
  3474.         \"@type\": \"Product\",
  3475.         \"name\": \"";
  3476.         // line 3010
  3477.         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.', 3010, $this->source); })()), "name", [], "any", false, false, false, 3010), "html", null, true);
  3478.         echo "\",
  3479.         \"image\": [
  3480.             ";
  3481.         // line 3012
  3482.         $context['_parent'] = $context;
  3483.         $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.', 3012, $this->source); })()), "ProductImage", [], "any", false, false, false, 3012));
  3484.         $context['_iterated'] = false;
  3485.         $context['loop'] = [
  3486.           'parent' => $context['_parent'],
  3487.           'index0' => 0,
  3488.           'index'  => 1,
  3489.           'first'  => true,
  3490.         ];
  3491.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3492.             $length = count($context['_seq']);
  3493.             $context['loop']['revindex0'] = $length - 1;
  3494.             $context['loop']['revindex'] = $length;
  3495.             $context['loop']['length'] = $length;
  3496.             $context['loop']['last'] = 1 === $length;
  3497.         }
  3498.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  3499.             // line 3013
  3500.             echo "                \"";
  3501.             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.', 3013, $this->source); })()), "request", [], "any", false, false, false, 3013), "schemeAndHttpHost", [], "any", false, false, false, 3013), "html", null, true);
  3502.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  3503.             echo "\"";
  3504.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3013)) {
  3505.                 echo ",";
  3506.             }
  3507.             // line 3014
  3508.             echo "
  3509.             ";
  3510.             $context['_iterated'] = true;
  3511.             ++$context['loop']['index0'];
  3512.             ++$context['loop']['index'];
  3513.             $context['loop']['first'] = false;
  3514.             if (isset($context['loop']['length'])) {
  3515.                 --$context['loop']['revindex0'];
  3516.                 --$context['loop']['revindex'];
  3517.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3518.             }
  3519.         }
  3520.         if (!$context['_iterated']) {
  3521.             // line 3016
  3522.             echo "                \"";
  3523.             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.', 3016, $this->source); })()), "request", [], "any", false, false, false, 3016), "schemeAndHttpHost", [], "any", false, false, false, 3016), "html", null, true);
  3524.             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);
  3525.             echo "\"
  3526.             ";
  3527.         }
  3528.         $_parent = $context['_parent'];
  3529.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  3530.         $context = array_intersect_key($context, $_parent) + $_parent;
  3531.         // line 3018
  3532.         echo "        ],
  3533.         \"description\": \"";
  3534.         // line 3019
  3535.         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, 3019)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 3019), 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.', 3019, $this->source); })()), "description_detail", [], "any", false, false, false, 3019))) : (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.', 3019, $this->source); })()), "description_detail", [], "any", false, false, false, 3019))), ["
  3536. " => "", " " => ""]), 0, 300), "html", null, true);
  3537.         echo "\",
  3538.         ";
  3539.         // line 3020
  3540.         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.', 3020, $this->source); })()), "code_min", [], "any", false, false, false, 3020)) {
  3541.             // line 3021
  3542.             echo "        \"sku\": \"";
  3543.             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.', 3021, $this->source); })()), "code_min", [], "any", false, false, false, 3021), "html", null, true);
  3544.             echo "\",
  3545.         ";
  3546.         }
  3547.         // line 3023
  3548.         echo "        \"offers\": {
  3549.             \"@type\": \"Offer\",
  3550.             \"url\": \"";
  3551.         // line 3025
  3552.         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.', 3025, $this->source); })()), "id", [], "any", false, false, false, 3025)]), "html", null, true);
  3553.         echo "\",
  3554.             \"priceCurrency\": \"";
  3555.         // line 3026
  3556.         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.', 3026, $this->source); })()), "currency", [], "any", false, false, false, 3026), "html", null, true);
  3557.         echo "\",
  3558.             \"price\": ";
  3559.         // line 3027
  3560.         ((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.', 3027, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3027)) ? (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.', 3027, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3027), "html", null, true))) : (print (0)));
  3561.         echo ",
  3562.             \"availability\": \"";
  3563.         // line 3028
  3564.         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.', 3028, $this->source); })()), "stock_find", [], "any", false, false, false, 3028)) ? ("InStock") : ("OutOfStock"));
  3565.         echo "\"
  3566.         }
  3567.     }
  3568.     </script>
  3570. ";
  3571.         
  3572.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  3574.         
  3575.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  3577.     }
  3579.     // line 3035
  3580.     public function block_main($context, array $blocks = [])
  3581.     {
  3582.         $macros = $this->macros;
  3583.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  3584.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3586.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  3587.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  3589.         // line 3036
  3590.         echo "    ";
  3591.         // line 3037
  3592.         echo "    ";
  3593.         $context["option1_label"] = "オプション1";
  3594.         // line 3038
  3595.         echo "    ";
  3596.         $context["option2_label"] = "オプション2";
  3597.         // line 3039
  3598.         echo "    ";
  3599.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3039, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3039))) {
  3600.             // line 3040
  3601.             echo "        ";
  3602.             $context['_parent'] = $context;
  3603.             $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.', 3040, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3040));
  3604.             foreach ($context['_seq'] as $context["_key"] => $context["pcat"]) {
  3605.                 // line 3041
  3606.                 echo "            ";
  3607.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3041) == 31)) {
  3608.                     $context["option1_label"] = "サイズプリセット";
  3609.                     $context["option2_label"] = "駆動方式";
  3610.                 }
  3611.                 // line 3042
  3612.                 echo "            ";
  3613.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3042) == 43)) {
  3614.                     $context["option1_label"] = "ランマ";
  3615.                     $context["option2_label"] = "タイプ";
  3616.                 }
  3617.                 // line 3043
  3618.                 echo "            ";
  3619.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3043) == 15)) {
  3620.                     $context["option1_label"] = "棚タイプ";
  3621.                 }
  3622.                 // line 3044
  3623.                 echo "            ";
  3624.                 if ((twig_get_attribute($this->env, $this->source, $context["pcat"], "category_id", [], "any", false, false, false, 3044) == 17)) {
  3625.                     $context["option1_label"] = "窓タイプ";
  3626.                 }
  3627.                 // line 3045
  3628.                 echo "        ";
  3629.             }
  3630.             $_parent = $context['_parent'];
  3631.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pcat'], $context['_parent'], $context['loop']);
  3632.             $context = array_intersect_key($context, $_parent) + $_parent;
  3633.             // line 3046
  3634.             echo "    ";
  3635.         }
  3636.         // line 3047
  3637.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  3638.         <div class=\"ec-grid2\">
  3639.             <div class=\"ec-grid2__cell\">
  3640.                 <div class=\"ec-sliderItemRole\">
  3641. \t                ";
  3642.         // line 3052
  3643.         echo "\t                <div class=\"ec-productRole__title\">
  3644. \t                    <div class=\"ec-productRole__titleRow\">
  3645. \t                        <h2 class=\"ec-headingTitle\">";
  3646.         // line 3054
  3647.         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.', 3054, $this->source); })()), "name", [], "any", false, false, false, 3054), "html", null, true);
  3648.         echo "</h2>
  3649. \t                        <div class=\"ec-share-inline\">
  3650. \t                            <a href=\"https://twitter.com/share?url=";
  3651.         // line 3056
  3652.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 3056, $this->source); })()), "request", [], "any", false, false, false, 3056), "uri", [], "any", false, false, false, 3056)), "html", null, true);
  3653.         echo "&text=";
  3654.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 3056, $this->source); })()), "name", [], "any", false, false, false, 3056)), "html", null, true);
  3655.         echo "\"
  3656. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  3657. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.254 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>
  3658. \t                            </a>
  3659. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  3660. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"/></svg>
  3661. \t                            </a>
  3662. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  3663.         // line 3063
  3664.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 3063, $this->source); })()), "request", [], "any", false, false, false, 3063), "uri", [], "any", false, false, false, 3063)), "html", null, true);
  3665.         echo "\"
  3666. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  3667. \t                                <i class=\"fab fa-line\"></i>
  3668. \t                            </a>
  3669. \t                        </div>
  3670. \t                    </div>
  3671. \t                </div>
  3672.                     ";
  3673.         // line 3070
  3674.         if (twig_get_attribute($this->env, $this->source, (isset($context["BaseInfo"]) || array_key_exists("BaseInfo", $context) ? $context["BaseInfo"] : (function () { throw new RuntimeError('Variable "BaseInfo" does not exist.', 3070, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 3070)) {
  3675.             // line 3071
  3676.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  3677. \t\t\t\t\t\t";
  3678.             // line 3072
  3679.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 3072, $this->source); })()) == false)) {
  3680.                 // line 3073
  3681.                 echo "                        <form action=\"";
  3682.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3073, $this->source); })()), "id", [], "any", false, false, false, 3073)]), "html", null, true);
  3683.                 echo "\" method=\"post\">
  3684.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  3685.                         </form>
  3686.                         ";
  3687.             } else {
  3688.                 // line 3077
  3689.                 echo "                        <form action=\"";
  3690.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_favorite", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3077, $this->source); })()), "id", [], "any", false, false, false, 3077)]), "html", null, true);
  3691.                 echo "\" method=\"post\">
  3692.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  3693.                         </form>
  3694.                         ";
  3695.             }
  3696.             // line 3081
  3697.             echo "                     </div>
  3698.                     ";
  3699.         }
  3700.         // line 3083
  3701.         echo "                    <div class=\"item_visual\">
  3702.                         ";
  3703.         // line 3084
  3704.         $context['_parent'] = $context;
  3705.         $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.', 3084, $this->source); })()), "ProductImage", [], "any", false, false, false, 3084));
  3706.         $context['_iterated'] = false;
  3707.         $context['loop'] = [
  3708.           'parent' => $context['_parent'],
  3709.           'index0' => 0,
  3710.           'index'  => 1,
  3711.           'first'  => true,
  3712.         ];
  3713.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3714.             $length = count($context['_seq']);
  3715.             $context['loop']['revindex0'] = $length - 1;
  3716.             $context['loop']['revindex'] = $length;
  3717.             $context['loop']['length'] = $length;
  3718.             $context['loop']['last'] = 1 === $length;
  3719.         }
  3720.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  3721.             // line 3085
  3722.             echo "                            <div class=\"slide-item\">
  3723.                                 <a class=\"js-zoom\" href=\"";
  3724.             // line 3086
  3725.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3726.             echo "\" aria-label=\"";
  3727.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3086)) ? (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.', 3086, $this->source); })()), "name", [], "any", false, false, false, 3086), "html", null, true))) : (print ("")));
  3728.             echo "\">
  3729.                                     <img src=\"";
  3730.             // line 3087
  3731.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3732.             echo "\" alt=\"";
  3733.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 3087)) ? (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.', 3087, $this->source); })()), "name", [], "any", false, false, false, 3087), "html", null, true))) : (print ("")));
  3734.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  3735.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 3087) > 1)) {
  3736.                 echo " loading=\"lazy\"";
  3737.             }
  3738.             echo ">
  3739.                                 </a>
  3740.                             </div>
  3741.                         ";
  3742.             $context['_iterated'] = true;
  3743.             ++$context['loop']['index0'];
  3744.             ++$context['loop']['index'];
  3745.             $context['loop']['first'] = false;
  3746.             if (isset($context['loop']['length'])) {
  3747.                 --$context['loop']['revindex0'];
  3748.                 --$context['loop']['revindex'];
  3749.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3750.             }
  3751.         }
  3752.         if (!$context['_iterated']) {
  3753.             // line 3091
  3754.             echo "                            <div class=\"slide-item\"><img src=\"";
  3755.             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);
  3756.             echo "\" alt=\"";
  3757.             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.', 3091, $this->source); })()), "name", [], "any", false, false, false, 3091), "html", null, true);
  3758.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  3759.                         ";
  3760.         }
  3761.         $_parent = $context['_parent'];
  3762.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  3763.         $context = array_intersect_key($context, $_parent) + $_parent;
  3764.         // line 3093
  3765.         echo "                    </div>
  3766.                     <div class=\"item_nav\">
  3767.                         ";
  3768.         // line 3095
  3769.         $context['_parent'] = $context;
  3770.         $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.', 3095, $this->source); })()), "ProductImage", [], "any", false, false, false, 3095));
  3771.         $context['loop'] = [
  3772.           'parent' => $context['_parent'],
  3773.           'index0' => 0,
  3774.           'index'  => 1,
  3775.           'first'  => true,
  3776.         ];
  3777.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3778.             $length = count($context['_seq']);
  3779.             $context['loop']['revindex0'] = $length - 1;
  3780.             $context['loop']['revindex'] = $length;
  3781.             $context['loop']['length'] = $length;
  3782.             $context['loop']['last'] = 1 === $length;
  3783.         }
  3784.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  3785.             // line 3096
  3786.             echo "                            <div class=\"slideThumb\" data-index=\"";
  3787.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 3096), "html", null, true);
  3788.             echo "\"><img src=\"";
  3789.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  3790.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  3791.                         ";
  3792.             ++$context['loop']['index0'];
  3793.             ++$context['loop']['index'];
  3794.             $context['loop']['first'] = false;
  3795.             if (isset($context['loop']['length'])) {
  3796.                 --$context['loop']['revindex0'];
  3797.                 --$context['loop']['revindex'];
  3798.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3799.             }
  3800.         }
  3801.         $_parent = $context['_parent'];
  3802.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  3803.         $context = array_intersect_key($context, $_parent) + $_parent;
  3804.         // line 3098
  3805.         echo "                    </div>
  3807.                 </div>
  3809.                     ";
  3810.         // line 3103
  3811.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  3812.                         <div class=\"ec-areaNotice__inner\">
  3813.                             <div class=\"ec-areaNotice__icon\">📍</div>
  3814.                             <div class=\"ec-areaNotice__body\">
  3815.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  3816.                                 <div class=\"ec-areaNotice__detail\">
  3817.                                     <p class=\"ec-areaNotice__text\">
  3818.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  3819.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  3820.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  3821.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  3822.                                     </p>
  3823.                                     <a class=\"ec-areaNotice__link\" href=\"";
  3824.         // line 3115
  3825.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  3826.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  3827.                                 </div>
  3828.                             </div>
  3829.                         </div>
  3830.                     </div>
  3832.             </div>
  3834.             <div class=\"ec-grid2__cell2\">
  3835.                 <div class=\"ec-productRole__profile\" >
  3836.                     ";
  3837.         // line 3126
  3838.         echo "                    ";
  3839.         $context["hidden_cat_ids"] = [0 => 21, 1 => 28, 2 => 44];
  3840.         // line 3127
  3841.         echo "                    ";
  3842.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3127, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3127))) {
  3843.             // line 3128
  3844.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  3845.                             ";
  3846.             // line 3129
  3847.             $context['_parent'] = $context;
  3848.             $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.', 3129, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3129));
  3849.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  3850.                 // line 3130
  3851.                 echo "                                ";
  3852.                 if (!twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 3130), "id", [], "any", false, false, false, 3130), (isset($context["hidden_cat_ids"]) || array_key_exists("hidden_cat_ids", $context) ? $context["hidden_cat_ids"] : (function () { throw new RuntimeError('Variable "hidden_cat_ids" does not exist.', 3130, $this->source); })()))) {
  3853.                     // line 3131
  3854.                     echo "                                <ul>
  3855.                                     <li>
  3856.                                         ";
  3857.                     // line 3133
  3858.                     $context['_parent'] = $context;
  3859.                     $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "Category", [], "any", false, false, false, 3133), "path", [], "any", false, false, false, 3133));
  3860.                     $context['loop'] = [
  3861.                       'parent' => $context['_parent'],
  3862.                       'index0' => 0,
  3863.                       'index'  => 1,
  3864.                       'first'  => true,
  3865.                     ];
  3866.                     if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  3867.                         $length = count($context['_seq']);
  3868.                         $context['loop']['revindex0'] = $length - 1;
  3869.                         $context['loop']['revindex'] = $length;
  3870.                         $context['loop']['length'] = $length;
  3871.                         $context['loop']['last'] = 1 === $length;
  3872.                     }
  3873.                     foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  3874.                         // line 3134
  3875.                         echo "                                            <a href=\"";
  3876.                         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  3877.                         echo "?category_id=";
  3878.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 3134), "html", null, true);
  3879.                         echo "\">";
  3880.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 3134), "html", null, true);
  3881.                         echo "</a>";
  3882.                         if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 3134) == false)) {
  3883.                             // line 3135
  3884.                             echo "                                            <span>＞</span>";
  3885.                         }
  3886.                         ++$context['loop']['index0'];
  3887.                         ++$context['loop']['index'];
  3888.                         $context['loop']['first'] = false;
  3889.                         if (isset($context['loop']['length'])) {
  3890.                             --$context['loop']['revindex0'];
  3891.                             --$context['loop']['revindex'];
  3892.                             $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  3893.                         }
  3894.                     }
  3895.                     $_parent = $context['_parent'];
  3896.                     unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  3897.                     $context = array_intersect_key($context, $_parent) + $_parent;
  3898.                     // line 3137
  3899.                     echo "                                    </li>
  3900.                                 </ul>
  3901.                                 ";
  3902.                 }
  3903.                 // line 3140
  3904.                 echo "                            ";
  3905.             }
  3906.             $_parent = $context['_parent'];
  3907.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  3908.             $context = array_intersect_key($context, $_parent) + $_parent;
  3909.             // line 3141
  3910.             echo "                        </div>
  3911.                     ";
  3912.         }
  3913.         // line 3143
  3914.         echo "                    ";
  3915.         // line 3144
  3916.         echo "                    <div class=\"ec-productRole__price\">
  3917. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  3918.                         ";
  3919.         // line 3146
  3920.         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.', 3146, $this->source); })()), "hasProductClass", [], "any", false, false, false, 3146)) {
  3921.             // line 3147
  3922.             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.', 3147, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3147) == 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.', 3147, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 3147))) {
  3923.                 // line 3148
  3924.                 echo "                                <div class=\"ec-price\">
  3925.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  3926.                 // line 3149
  3927.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3149, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3149)), "html", null, true);
  3928.                 echo "</span>
  3929.                                     <span class=\"ec-price__tax\">(";
  3930.                 // line 3150
  3931.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  3932.                 echo ")～</span>
  3933.                                 </div>
  3934.                             ";
  3935.             } else {
  3936.                 // line 3153
  3937.                 echo "                                <div class=\"ec-price\">
  3938.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  3939.                 // line 3154
  3940.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3154, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3154)), "html", null, true);
  3941.                 echo " ～ ";
  3942.                 echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3154, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 3154)), "html", null, true);
  3943.                 echo "</span>
  3944.                                     <span class=\"ec-price__tax\">(";
  3945.                 // line 3155
  3946.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  3947.                 echo ")</span>
  3948.                                 </div>
  3949.                             ";
  3950.             }
  3951.             // line 3158
  3952.             echo "                        ";
  3953.         } else {
  3954.             // line 3159
  3955.             echo "                            <div class=\"ec-price\">
  3956.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  3957.             // line 3160
  3958.             echo twig_escape_filter($this->env, $this->extensions['Eccube\Twig\Extension\EccubeExtension']->getPriceFilter(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3160, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 3160)), "html", null, true);
  3959.             echo "</span>
  3960.                                     <span class=\"ec-price__tax\">(";
  3961.             // line 3161
  3962.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  3963.             echo ")～</span>
  3964.                             </div>
  3965.                         ";
  3966.         }
  3967.         // line 3164
  3968.         echo "                    </div>
  3969.                     ";
  3970.         // line 3166
  3971.         echo "                    <ul class=\"ec-productRole__tags\">
  3972.                         ";
  3973.         // line 3167
  3974.         $context['_parent'] = $context;
  3975.         $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.', 3167, $this->source); })()), "Tags", [], "any", false, false, false, 3167));
  3976.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  3977.             // line 3168
  3978.             echo "                            <li class=\"ec-productRole__tag tag_";
  3979.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 3168), "html", null, true);
  3980.             echo "\">";
  3981.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  3982.             echo "</li>
  3983.                         ";
  3984.         }
  3985.         $_parent = $context['_parent'];
  3986.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  3987.         $context = array_intersect_key($context, $_parent) + $_parent;
  3988.         // line 3170
  3989.         echo "                    </ul>
  3990.                     ";
  3991.         // line 3172
  3992.         echo "                    ";
  3993.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3172, $this->source); })()), "code_min", [], "any", false, false, false, 3172))) {
  3994.             // line 3173
  3995.             echo "                        <div class=\"ec-productRole__code\">
  3996.                             ";
  3997.             // line 3174
  3998.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  3999.             echo "： <span class=\"product-code-default\">";
  4000.             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.', 3174, $this->source); })()), "code_min", [], "any", false, false, false, 3174), "html", null, true);
  4001.             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.', 3174, $this->source); })()), "code_min", [], "any", false, false, false, 3174) != 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.', 3174, $this->source); })()), "code_max", [], "any", false, false, false, 3174))) {
  4002.                 echo " ～ ";
  4003.                 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.', 3174, $this->source); })()), "code_max", [], "any", false, false, false, 3174), "html", null, true);
  4004.             }
  4005.             echo "</span>
  4006.                         </div>
  4007.                     ";
  4008.         }
  4009.         // line 3177
  4010.         echo "
  4011.                     <div class=\"ec-productRole__description\">
  4012. \t\t\t\t        <div class=\"ec-rectHeading\">
  4013. \t\t\t\t            <h4>製品情報</h4>
  4014. \t\t\t\t        </div>
  4015. \t\t\t\t\t\t";
  4016.         // line 3182
  4017.         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.', 3182, $this->source); })()), "sales_infomation", [], "any", false, false, false, 3182));
  4018.         echo "
  4019.                     </div>
  4022. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  4023. \t\t\t\t\t  <div class=\"card-header\">
  4024. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  4025. \t\t\t\t\t  </div>
  4026. \t\t\t\t\t  <div class=\"card-body p-2\">
  4027.                         ";
  4028.         // line 3191
  4029.         $context["related_image"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3191, $this->source); })()), "id", [], "any", false, false, false, 3191), "related_image");
  4030.         // line 3192
  4031.         echo "                        ";
  4032.         // line 3193
  4033.         echo "                        ";
  4034.         $context["img1"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3193, $this->source); })()) && twig_in_filter("1段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3193, $this->source); })())));
  4035.         // line 3194
  4036.         echo "                        ";
  4037.         $context["img2"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3194, $this->source); })()) && twig_in_filter("2段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3194, $this->source); })())));
  4038.         // line 3195
  4039.         echo "                        ";
  4040.         $context["img3"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3195, $this->source); })()) && twig_in_filter("3段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3195, $this->source); })())));
  4041.         // line 3196
  4042.         echo "                        ";
  4043.         $context["img4"] = ((isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3196, $this->source); })()) && twig_in_filter("4段目画像あり", (isset($context["related_image"]) || array_key_exists("related_image", $context) ? $context["related_image"] : (function () { throw new RuntimeError('Variable "related_image" does not exist.', 3196, $this->source); })())));
  4044.         // line 3197
  4045.         echo "\t\t\t\t\t    ";
  4046.         $context["type1"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3197, $this->source); })()), "id", [], "any", false, false, false, 3197), "related_name1");
  4047.         // line 3198
  4048.         echo "\t\t\t\t\t\t";
  4049.         $context["type2"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3198, $this->source); })()), "id", [], "any", false, false, false, 3198), "related_name2");
  4050.         // line 3199
  4051.         echo "\t\t\t\t\t\t";
  4052.         $context["type3"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3199, $this->source); })()), "id", [], "any", false, false, false, 3199), "related_name3");
  4053.         // line 3200
  4054.         echo "\t\t\t\t\t\t";
  4055.         $context["type4"] = $this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3200, $this->source); })()), "id", [], "any", false, false, false, 3200), "related_name4");
  4056.         // line 3201
  4057.         echo "\t\t\t\t\t\t";
  4058.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3201, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3201, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3201, $this->source); })()))) || ((        // line 3202
  4059. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3202, $this->source); })()) && (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3202, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3202, $this->source); })())))) || ((        // line 3203
  4060. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3203, $this->source); })()) && (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3203, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3203, $this->source); })())))) || ((        // line 3204
  4061. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3204, $this->source); })()) && (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3204, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3204, $this->source); })()))));
  4062.         // line 3205
  4063.         echo "\t\t\t\t\t\t";
  4064.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 3205, $this->source); })())) {
  4065.             // line 3206
  4066.             echo "\t\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のタイプを選択してください。</label></div>
  4067. \t\t\t\t\t\t";
  4068.         }
  4069.         // line 3208
  4070.         echo "
  4071. \t\t\t\t\t\t";
  4072.         // line 3210
  4073.         echo "\t\t\t\t\t\t";
  4074.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3210, $this->source); })()) && (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3210, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3210, $this->source); })())))) {
  4075.             // line 3211
  4076.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4077. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4078.             // line 3212
  4079.             echo twig_escape_filter($this->env, (isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 3212, $this->source); })()), "html", null, true);
  4080.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3212, $this->source); })()) && (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3212, $this->source); })()))) {
  4081.                 echo ": <span>";
  4082.                 echo twig_escape_filter($this->env, (isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3212, $this->source); })()), "html", null, true);
  4083.                 echo "</span>";
  4084.             }
  4085.             echo "</div>
  4086. \t\t\t\t\t\t  ";
  4087.             // line 3213
  4088.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 3213, $this->source); })())) {
  4089.                 // line 3214
  4090.                 echo "\t\t\t\t\t\t    ";
  4091.                 // line 3215
  4092.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4093. \t\t\t\t\t\t      ";
  4094.                 // line 3216
  4095.                 $context['_parent'] = $context;
  4096.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3216, $this->source); })()));
  4097.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4098.                     // line 3217
  4099.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4100.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3217, $this->source); })()) == $context["rp_name"])) {
  4101.                         echo " is-selected";
  4102.                     }
  4103.                     echo "\" href=\"/products/detail/";
  4104.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4105.                     echo "\">
  4106. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4107. \t\t\t\t\t\t               src=\"";
  4108.                     // line 3219
  4109.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3219) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3219, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3219))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3219, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3219), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4110.                     echo "\"
  4111. \t\t\t\t\t\t               alt=\"";
  4112.                     // line 3220
  4113.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4114.                     echo "\"
  4115. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4116. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4117. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4118. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4119.                     // line 3224
  4120.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4121.                     echo "</span>
  4122. \t\t\t\t\t\t        </a>
  4123. \t\t\t\t\t\t      ";
  4124.                 }
  4125.                 $_parent = $context['_parent'];
  4126.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4127.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4128.                 // line 3227
  4129.                 echo "\t\t\t\t\t\t    </div>
  4130. \t\t\t\t\t\t  ";
  4131.             } else {
  4132.                 // line 3229
  4133.                 echo "\t\t\t\t\t\t    ";
  4134.                 // line 3230
  4135.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4136. \t\t\t\t\t\t      ";
  4137.                 // line 3231
  4138.                 $context['_parent'] = $context;
  4139.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product1"]) || array_key_exists("related_product1", $context) ? $context["related_product1"] : (function () { throw new RuntimeError('Variable "related_product1" does not exist.', 3231, $this->source); })()));
  4140.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4141.                     // line 3232
  4142.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4143.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 3232, $this->source); })()) == $context["rp_name"])) {
  4144.                         echo " is-selected";
  4145.                     }
  4146.                     echo "\" href=\"/products/detail/";
  4147.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4148.                     echo "\">
  4149. \t\t\t\t\t\t          ";
  4150.                     // line 3233
  4151.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4152.                     echo "
  4153. \t\t\t\t\t\t        </a>
  4154. \t\t\t\t\t\t      ";
  4155.                 }
  4156.                 $_parent = $context['_parent'];
  4157.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4158.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4159.                 // line 3236
  4160.                 echo "\t\t\t\t\t\t    </div>
  4161. \t\t\t\t\t\t  ";
  4162.             }
  4163.             // line 3238
  4164.             echo "\t\t\t\t\t\t</div>
  4165. \t\t\t\t\t\t";
  4166.         }
  4167.         // line 3240
  4168.         echo "
  4169. \t\t\t\t\t\t";
  4170.         // line 3242
  4171.         echo "\t\t\t\t\t\t";
  4172.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3242, $this->source); })()) && (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3242, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3242, $this->source); })())))) {
  4173.             // line 3243
  4174.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4175. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4176.             // line 3244
  4177.             echo twig_escape_filter($this->env, (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 3244, $this->source); })()), "html", null, true);
  4178.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3244, $this->source); })()) && (isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3244, $this->source); })()))) {
  4179.                 echo ": <span>";
  4180.                 echo twig_escape_filter($this->env, (isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3244, $this->source); })()), "html", null, true);
  4181.                 echo "</span>";
  4182.             }
  4183.             echo "</div>
  4184. \t\t\t\t\t\t  ";
  4185.             // line 3245
  4186.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 3245, $this->source); })())) {
  4187.                 // line 3246
  4188.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4189. \t\t\t\t\t\t      ";
  4190.                 // line 3247
  4191.                 $context['_parent'] = $context;
  4192.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3247, $this->source); })()));
  4193.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4194.                     // line 3248
  4195.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4196.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3248, $this->source); })()) == $context["rp_name"])) {
  4197.                         echo " is-selected";
  4198.                     }
  4199.                     echo "\" href=\"/products/detail/";
  4200.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4201.                     echo "\">
  4202. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4203. \t\t\t\t\t\t               src=\"";
  4204.                     // line 3250
  4205.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3250) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3250, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3250))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3250, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3250), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4206.                     echo "\"
  4207. \t\t\t\t\t\t               alt=\"";
  4208.                     // line 3251
  4209.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4210.                     echo "\"
  4211. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4212. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4213. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4214. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4215.                     // line 3255
  4216.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4217.                     echo "</span>
  4218. \t\t\t\t\t\t        </a>
  4219. \t\t\t\t\t\t      ";
  4220.                 }
  4221.                 $_parent = $context['_parent'];
  4222.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4223.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4224.                 // line 3258
  4225.                 echo "\t\t\t\t\t\t    </div>
  4226. \t\t\t\t\t\t  ";
  4227.             } else {
  4228.                 // line 3260
  4229.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4230. \t\t\t\t\t\t      ";
  4231.                 // line 3261
  4232.                 $context['_parent'] = $context;
  4233.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product2"]) || array_key_exists("related_product2", $context) ? $context["related_product2"] : (function () { throw new RuntimeError('Variable "related_product2" does not exist.', 3261, $this->source); })()));
  4234.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4235.                     // line 3262
  4236.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4237.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 3262, $this->source); })()) == $context["rp_name"])) {
  4238.                         echo " is-selected";
  4239.                     }
  4240.                     echo "\" href=\"/products/detail/";
  4241.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4242.                     echo "\">
  4243. \t\t\t\t\t\t          ";
  4244.                     // line 3263
  4245.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4246.                     echo "
  4247. \t\t\t\t\t\t        </a>
  4248. \t\t\t\t\t\t      ";
  4249.                 }
  4250.                 $_parent = $context['_parent'];
  4251.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4252.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4253.                 // line 3266
  4254.                 echo "\t\t\t\t\t\t    </div>
  4255. \t\t\t\t\t\t  ";
  4256.             }
  4257.             // line 3268
  4258.             echo "\t\t\t\t\t\t</div>
  4259. \t\t\t\t\t\t";
  4260.         }
  4261.         // line 3270
  4262.         echo "
  4263. \t\t\t\t\t\t";
  4264.         // line 3272
  4265.         echo "\t\t\t\t\t\t";
  4266.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3272, $this->source); })()) && (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3272, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3272, $this->source); })())))) {
  4267.             // line 3273
  4268.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4269. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4270.             // line 3274
  4271.             echo twig_escape_filter($this->env, (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 3274, $this->source); })()), "html", null, true);
  4272.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3274, $this->source); })()) && (isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3274, $this->source); })()))) {
  4273.                 echo ": <span>";
  4274.                 echo twig_escape_filter($this->env, (isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3274, $this->source); })()), "html", null, true);
  4275.                 echo "</span>";
  4276.             }
  4277.             echo "</div>
  4278. \t\t\t\t\t\t  ";
  4279.             // line 3275
  4280.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 3275, $this->source); })())) {
  4281.                 // line 3276
  4282.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4283. \t\t\t\t\t\t      ";
  4284.                 // line 3277
  4285.                 $context['_parent'] = $context;
  4286.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3277, $this->source); })()));
  4287.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4288.                     // line 3278
  4289.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4290.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3278, $this->source); })()) == $context["rp_name"])) {
  4291.                         echo " is-selected";
  4292.                     }
  4293.                     echo "\" href=\"/products/detail/";
  4294.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4295.                     echo "\">
  4296. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4297. \t\t\t\t\t\t               src=\"";
  4298.                     // line 3280
  4299.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3280) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3280, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3280))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3280, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3280), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4300.                     echo "\"
  4301. \t\t\t\t\t\t               alt=\"";
  4302.                     // line 3281
  4303.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4304.                     echo "\"
  4305. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  4306. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  4307. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  4308. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  4309.                     // line 3285
  4310.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4311.                     echo "</span>
  4312. \t\t\t\t\t\t        </a>
  4313. \t\t\t\t\t\t      ";
  4314.                 }
  4315.                 $_parent = $context['_parent'];
  4316.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4317.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4318.                 // line 3288
  4319.                 echo "\t\t\t\t\t\t    </div>
  4320. \t\t\t\t\t\t  ";
  4321.             } else {
  4322.                 // line 3290
  4323.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4324. \t\t\t\t\t\t      ";
  4325.                 // line 3291
  4326.                 $context['_parent'] = $context;
  4327.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product3"]) || array_key_exists("related_product3", $context) ? $context["related_product3"] : (function () { throw new RuntimeError('Variable "related_product3" does not exist.', 3291, $this->source); })()));
  4328.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4329.                     // line 3292
  4330.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4331.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 3292, $this->source); })()) == $context["rp_name"])) {
  4332.                         echo " is-selected";
  4333.                     }
  4334.                     echo "\" href=\"/products/detail/";
  4335.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4336.                     echo "\">
  4337. \t\t\t\t\t\t          ";
  4338.                     // line 3293
  4339.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4340.                     echo "
  4341. \t\t\t\t\t\t        </a>
  4342. \t\t\t\t\t\t      ";
  4343.                 }
  4344.                 $_parent = $context['_parent'];
  4345.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4346.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4347.                 // line 3296
  4348.                 echo "\t\t\t\t\t\t    </div>
  4349. \t\t\t\t\t\t  ";
  4350.             }
  4351.             // line 3298
  4352.             echo "\t\t\t\t\t\t</div>
  4353. \t\t\t\t\t\t";
  4354.         }
  4355.         // line 3300
  4356.         echo "
  4357. \t\t\t\t\t\t";
  4358.         // line 3302
  4359.         echo "\t\t\t\t\t\t";
  4360.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3302, $this->source); })()) && (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3302, $this->source); })())) && twig_length_filter($this->env, (isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3302, $this->source); })())))) {
  4361.             // line 3303
  4362.             echo "\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4363. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  4364.             // line 3304
  4365.             echo twig_escape_filter($this->env, (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 3304, $this->source); })()), "html", null, true);
  4366.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3304, $this->source); })()) && (isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3304, $this->source); })()))) {
  4367.                 echo ": <span>";
  4368.                 echo twig_escape_filter($this->env, (isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3304, $this->source); })()), "html", null, true);
  4369.                 echo "</span>";
  4370.             }
  4371.             echo "</div>
  4372. \t\t\t\t\t\t  ";
  4373.             // line 3305
  4374.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 3305, $this->source); })())) {
  4375.                 // line 3306
  4376.                 echo "\t\t\t\t\t\t    ";
  4377.                 // line 3307
  4378.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  4379. \t\t\t\t\t\t      ";
  4380.                 // line 3308
  4381.                 $context['_parent'] = $context;
  4382.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3308, $this->source); })()));
  4383.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4384.                     // line 3309
  4385.                     echo "\t\t\t\t\t\t        <a class=\"rp-card";
  4386.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3309, $this->source); })()) == $context["rp_name"])) {
  4387.                         echo " is-selected";
  4388.                     }
  4389.                     echo "\" href=\"/products/detail/";
  4390.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4391.                     echo "\">
  4392. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  4393. \t\t\t\t\t\t               src=\"";
  4394.                     // line 3311
  4395.                     echo twig_escape_filter($this->env, (((twig_get_attribute($this->env, $this->source, ($context["related_image_obj"] ?? null), $context["rp_id"], [], "array", true, true, false, 3311) && twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3311, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3311))) ? ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, (isset($context["related_image_obj"]) || array_key_exists("related_image_obj", $context) ? $context["related_image_obj"] : (function () { throw new RuntimeError('Variable "related_image_obj" does not exist.', 3311, $this->source); })()), $context["rp_id"], [], "array", false, false, false, 3311), "save_image")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($this->extensions['Eccube\Twig\Extension\EccubeExtension']->getNoImageProduct(""), "save_image"))), "html", null, true);
  4396.                     echo "\"
  4397. \t\t\t\t\t\t               alt=\"";
  4398.                     // line 3312
  4399.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4400.                     echo "\" width=\"120\" height=\"120\" loading=\"lazy\">
  4401. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  4402.                     // line 3313
  4403.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4404.                     echo "</span>
  4405. \t\t\t\t\t\t        </a>
  4406. \t\t\t\t\t\t      ";
  4407.                 }
  4408.                 $_parent = $context['_parent'];
  4409.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4410.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4411.                 // line 3316
  4412.                 echo "\t\t\t\t\t\t    </div>
  4413. \t\t\t\t\t\t  ";
  4414.             } else {
  4415.                 // line 3318
  4416.                 echo "\t\t\t\t\t\t    ";
  4417.                 // line 3319
  4418.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  4419. \t\t\t\t\t\t      ";
  4420.                 // line 3320
  4421.                 $context['_parent'] = $context;
  4422.                 $context['_seq'] = twig_ensure_traversable((isset($context["related_product4"]) || array_key_exists("related_product4", $context) ? $context["related_product4"] : (function () { throw new RuntimeError('Variable "related_product4" does not exist.', 3320, $this->source); })()));
  4423.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  4424.                     // line 3321
  4425.                     echo "\t\t\t\t\t\t        <a class=\"rp-btn";
  4426.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 3321, $this->source); })()) == $context["rp_name"])) {
  4427.                         echo " is-selected";
  4428.                     }
  4429.                     echo "\" href=\"/products/detail/";
  4430.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  4431.                     echo "\">
  4432. \t\t\t\t\t\t          ";
  4433.                     // line 3322
  4434.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  4435.                     echo "
  4436. \t\t\t\t\t\t        </a>
  4437. \t\t\t\t\t\t      ";
  4438.                 }
  4439.                 $_parent = $context['_parent'];
  4440.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  4441.                 $context = array_intersect_key($context, $_parent) + $_parent;
  4442.                 // line 3325
  4443.                 echo "\t\t\t\t\t\t    </div>
  4444. \t\t\t\t\t\t  ";
  4445.             }
  4446.             // line 3327
  4447.             echo "\t\t\t\t\t\t</div>
  4448. \t\t\t\t\t\t";
  4449.         }
  4450.         // line 3329
  4451.         echo "
  4453. \t\t\t\t\t    ";
  4454.         // line 3338
  4455.         echo "\t\t\t\t\t    ";
  4456.         $context["is_gs_h"] = false;
  4457.         // line 3339
  4458.         echo "\t\t\t\t\t    ";
  4459.         $context["is_cg_h"] = false;
  4460.         // line 3340
  4461.         echo "\t\t\t\t\t    ";
  4462.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 3340, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3340))) {
  4463.             // line 3341
  4464.             echo "\t\t\t\t\t        ";
  4465.             $context['_parent'] = $context;
  4466.             $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.', 3341, $this->source); })()), "ProductCategories", [], "any", false, false, false, 3341));
  4467.             foreach ($context['_seq'] as $context["_key"] => $context["pc_h"]) {
  4468.                 // line 3342
  4469.                 echo "\t\t\t\t\t            ";
  4470.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3342) == 27)) {
  4471.                     $context["is_gs_h"] = true;
  4472.                 }
  4473.                 // line 3343
  4474.                 echo "\t\t\t\t\t            ";
  4475.                 if ((twig_get_attribute($this->env, $this->source, $context["pc_h"], "category_id", [], "any", false, false, false, 3343) == 9)) {
  4476.                     $context["is_cg_h"] = true;
  4477.                 }
  4478.                 // line 3344
  4479.                 echo "\t\t\t\t\t        ";
  4480.             }
  4481.             $_parent = $context['_parent'];
  4482.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pc_h'], $context['_parent'], $context['loop']);
  4483.             $context = array_intersect_key($context, $_parent) + $_parent;
  4484.             // line 3345
  4485.             echo "\t\t\t\t\t    ";
  4486.         }
  4487.         // line 3346
  4488.         echo "\t\t\t\t\t    ";
  4489.         $context["visible_op_count"] = 0;
  4490.         // line 3347
  4491.         echo "\t\t\t\t\t    ";
  4492.         if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3347, $this->source); })()) && twig_length_filter($this->env, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3347, $this->source); })())))) {
  4493.             // line 3348
  4494.             echo "\t\t\t\t\t        ";
  4495.             $context['_parent'] = $context;
  4496.             $context['_seq'] = twig_ensure_traversable((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 3348, $this->source); })()));
  4497.             foreach ($context['_seq'] as $context["_key"] => $context["opi"]) {
  4498.                 // line 3349
  4499.                 echo "\t\t\t\t\t            ";
  4500.                 if (twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3349)) {
  4501.                     // line 3350
  4502.                     echo "\t\t\t\t\t                ";
  4503.                     $context["_hide_h"] = false;
  4504.                     // line 3351
  4505.                     echo "\t\t\t\t\t                ";
  4506.                     if (((isset($context["is_gs_h"]) || array_key_exists("is_gs_h", $context) ? $context["is_gs_h"] : (function () { throw new RuntimeError('Variable "is_gs_h" does not exist.', 3351, $this->source); })()) && (preg_match("/撤去/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3351)) || preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3351))))) {
  4507.                         $context["_hide_h"] = true;
  4508.                     }
  4509.                     // line 3352
  4510.                     echo "\t\t\t\t\t                ";
  4511.                     if (((isset($context["is_cg_h"]) || array_key_exists("is_cg_h", $context) ? $context["is_cg_h"] : (function () { throw new RuntimeError('Variable "is_cg_h" does not exist.', 3352, $this->source); })()) && preg_match("/残土/", twig_get_attribute($this->env, $this->source, $context["opi"], "name", [], "array", false, false, false, 3352)))) {
  4512.                         $context["_hide_h"] = true;
  4513.                     }
  4514.                     // line 3353
  4515.                     echo "\t\t\t\t\t                ";
  4516.                     if ( !(isset($context["_hide_h"]) || array_key_exists("_hide_h", $context) ? $context["_hide_h"] : (function () { throw new RuntimeError('Variable "_hide_h" does not exist.', 3353, $this->source); })())) {
  4517.                         $context["visible_op_count"] = ((isset($context["visible_op_count"]) || array_key_exists("visible_op_count", $context) ? $context["visible_op_count"] : (function () { throw new RuntimeError('Variable "visible_op_count" does not exist.', 3353, $this->source); })()) + 1);
  4518.                     }
  4519.                     // line 3354
  4520.                     echo "\t\t\t\t\t            ";
  4521.                 }
  4522.                 // line 3355
  4523.                 echo "\t\t\t\t\t        ";
  4524.             }
  4525.             $_parent = $context['_parent'];
  4526.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opi'], $context['_parent'], $context['loop']);
  4527.             $context = array_intersect_key($context, $_parent) + $_parent;
  4528.             // line 3356
  4529.             echo "\t\t\t\t\t    ";
  4530.         }
  4531.         // line 3357
  4532.         echo "\t\t\t\t\t    ";
  4533.         $context["has_any_option"] = (((((((((        // line 3358
  4534. (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3358, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3358, $this->source); })()))) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3358, $this->source); })()), "SaleType", [], "any", false, false, false, 3358), "id", [], "any", false, false, false, 3358) != 3)) || ((        // line 3359
  4535. (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3359, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3359, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3359, $this->source); })())) != ""))) || ((        // line 3360
  4536. (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3360, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3360, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3360, $this->source); })())) != ""))) || ((        // line 3361
  4537. (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3361, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3361, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3361, $this->source); })())) != ""))) || ((        // line 3362
  4538. (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3362, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3362, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3362, $this->source); })())) != ""))) || ((        // line 3363
  4539. (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3363, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3363, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3363, $this->source); })())) != ""))) || ((        // line 3364
  4540. (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3364, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3364, $this->source); })()))) && (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3364, $this->source); })())) != ""))) || twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,         // line 3365
  4541. (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3365, $this->source); })()), "SaleType", [], "any", false, false, false, 3365), "id", [], "any", false, false, false, 3365), [0 => 2, 1 => 5, 2 => 6, 3 => 7, 4 => 9]));
  4542.         // line 3367
  4543.         echo "\t\t\t\t\t    ";
  4544.         if ((isset($context["has_any_option"]) || array_key_exists("has_any_option", $context) ? $context["has_any_option"] : (function () { throw new RuntimeError('Variable "has_any_option" does not exist.', 3367, $this->source); })())) {
  4545.             // line 3368
  4546.             echo "\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のオプションを選択してください。</label></div>
  4547. \t\t\t\t\t    ";
  4548.         }
  4549.         // line 3370
  4550.         echo "
  4551.                         ";
  4552.         // line 3372
  4553.         echo "                        ";
  4554.         if (((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3372, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3372, $this->source); })()))) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3372, $this->source); })()), "SaleType", [], "any", false, false, false, 3372), "id", [], "any", false, false, false, 3372) != 3)) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3372, $this->source); })()), "SaleType", [], "any", false, false, false, 3372), "id", [], "any", false, false, false, 3372) != 2))) {
  4555.             // line 3373
  4556.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4557.                           <div class=\"rp-section-label\">カラー";
  4558.             // line 3374
  4559.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3374, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3374, $this->source); })()), "pc", [], "any", false, false, false, 3374))) {
  4560.                 echo ": <span>";
  4561.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3374, $this->source); })()), "pc", [], "any", false, false, false, 3374), "html", null, true);
  4562.                 echo "</span>";
  4563.             }
  4564.             echo "</div>
  4565.                           <div class=\"opt-btn-group\">
  4566.                             ";
  4567.             // line 3376
  4568.             $context["idx"] = 0;
  4569.             // line 3377
  4570.             echo "                            ";
  4571.             $context['_parent'] = $context;
  4572.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3377, $this->source); })()));
  4573.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  4574.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3377))) {
  4575.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3377, $this->source); })()) + 1);
  4576.                     // line 3378
  4577.                     echo "                              ";
  4578.                     $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 3378) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3378)));
  4579.                     // line 3379
  4580.                     echo "                              <label class=\"opt-btn";
  4581.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3379, $this->source); })())) {
  4582.                         echo " opt-btn--with-image";
  4583.                     }
  4584.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3379, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3379, $this->source); })()), "pc", [], "any", false, false, false, 3379) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3379))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3379, $this->source); })())) == 1))) {
  4585.                         echo " is-selected";
  4586.                     }
  4587.                     echo "\"
  4588.                                      onclick=\"mitsumori_simulation_val('pc', '";
  4589.                     // line 3380
  4590.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3380), "js"), "html", null, true);
  4591.                     echo "');\">
  4592.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  4593.                     // line 3381
  4594.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3381, $this->source); })()), "html", null, true);
  4595.                     echo "\" value=\"";
  4596.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3381), "html", null, true);
  4597.                     echo "\"
  4598.                                        ";
  4599.                     // line 3382
  4600.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3382, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3382, $this->source); })()), "pc", [], "any", false, false, false, 3382) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3382))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3382, $this->source); })())) == 1))) {
  4601.                         echo "checked";
  4602.                     }
  4603.                     echo ">
  4604.                                 ";
  4605.                     // line 3383
  4606.                     if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3383, $this->source); })())) {
  4607.                         // line 3384
  4608.                         echo "                                  <img src=\"";
  4609.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3384), "html", null, true);
  4610.                         echo "\" alt=\"";
  4611.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3384), "html", null, true);
  4612.                         echo "\" class=\"opt-btn__img\"
  4613.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  4614.                                   <span class=\"opt-btn__name\">";
  4615.                         // line 3386
  4616.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3386), "html", null, true);
  4617.                         echo "</span>
  4618.                                 ";
  4619.                     } else {
  4620.                         // line 3388
  4621.                         echo "                                  ";
  4622.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3388), "html", null, true);
  4623.                         echo "
  4624.                                 ";
  4625.                     }
  4626.                     // line 3390
  4627.                     echo "                              </label>
  4628.                             ";
  4629.                 }
  4630.             }
  4631.             $_parent = $context['_parent'];
  4632.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  4633.             $context = array_intersect_key($context, $_parent) + $_parent;
  4634.             // line 3392
  4635.             echo "                          </div>
  4636.                         </div>
  4637.                         ";
  4638.         }
  4639.         // line 3395
  4640.         echo "
  4641.                         ";
  4642.         // line 3400
  4643.         echo "                        ";
  4644.         if (((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3400, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3400, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3400, $this->source); })())) != "")) && !twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3400, $this->source); })()), "SaleType", [], "any", false, false, false, 3400), "id", [], "any", false, false, false, 3400), [0 => 2, 1 => 3, 2 => 6]))) {
  4645.             // line 3401
  4646.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4647.                           <div class=\"rp-section-label\">幅";
  4648.             // line 3402
  4649.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3402, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3402, $this->source); })()), "pw", [], "any", false, false, false, 3402))) {
  4650.                 echo ": <span>";
  4651.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3402, $this->source); })()), "pw", [], "any", false, false, false, 3402), "html", null, true);
  4652.                 echo "</span>";
  4653.             }
  4654.             echo "</div>
  4655.                           <div class=\"opt-btn-group\">
  4656.                             ";
  4657.             // line 3404
  4658.             $context["idx"] = 0;
  4659.             // line 3405
  4660.             echo "                            ";
  4661.             $context['_parent'] = $context;
  4662.             $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3405, $this->source); })()));
  4663.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  4664.                 if ($context["pw"]) {
  4665.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3405, $this->source); })()) + 1);
  4666.                     // line 3406
  4667.                     echo "                              <label class=\"opt-btn";
  4668.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3406, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3406, $this->source); })()), "pw", [], "any", false, false, false, 3406) == $context["pw"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3406, $this->source); })())) == 1))) {
  4669.                         echo " is-selected";
  4670.                     }
  4671.                     echo "\"
  4672.                                      onclick=\"mitsumori_simulation_val('pw', '";
  4673.                     // line 3407
  4674.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  4675.                     echo "');\">
  4676.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  4677.                     // line 3408
  4678.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3408, $this->source); })()), "html", null, true);
  4679.                     echo "\" value=\"";
  4680.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  4681.                     echo "\"
  4682.                                        ";
  4683.                     // line 3409
  4684.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3409, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3409, $this->source); })()), "pw", [], "any", false, false, false, 3409) == $context["pw"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3409, $this->source); })())) == 1))) {
  4685.                         echo "checked";
  4686.                     }
  4687.                     echo ">
  4688.                                 ";
  4689.                     // line 3410
  4690.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  4691.                     echo "
  4692.                               </label>
  4693.                             ";
  4694.                 }
  4695.             }
  4696.             $_parent = $context['_parent'];
  4697.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  4698.             $context = array_intersect_key($context, $_parent) + $_parent;
  4699.             // line 3413
  4700.             echo "                          </div>
  4701.                         </div>
  4702.                         ";
  4703.         }
  4704.         // line 3416
  4705.         echo "
  4706.                         ";
  4707.         // line 3417
  4708.         if (((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3417, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3417, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3417, $this->source); })())) != "")) && !twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3417, $this->source); })()), "SaleType", [], "any", false, false, false, 3417), "id", [], "any", false, false, false, 3417), [0 => 3, 1 => 6]))) {
  4709.             // line 3418
  4710.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4711.                           <div class=\"rp-section-label\">奥行き";
  4712.             // line 3419
  4713.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3419, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3419, $this->source); })()), "pd", [], "any", false, false, false, 3419))) {
  4714.                 echo ": <span>";
  4715.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3419, $this->source); })()), "pd", [], "any", false, false, false, 3419), "html", null, true);
  4716.                 echo "</span>";
  4717.             }
  4718.             echo "</div>
  4719.                           <div class=\"opt-btn-group\">
  4720.                             ";
  4721.             // line 3421
  4722.             $context["idx"] = 0;
  4723.             // line 3422
  4724.             echo "                            ";
  4725.             $context['_parent'] = $context;
  4726.             $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3422, $this->source); })()));
  4727.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  4728.                 if ($context["pd"]) {
  4729.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3422, $this->source); })()) + 1);
  4730.                     // line 3423
  4731.                     echo "                              <label class=\"opt-btn";
  4732.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3423, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3423, $this->source); })()), "pd", [], "any", false, false, false, 3423) == $context["pd"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3423, $this->source); })())) == 1))) {
  4733.                         echo " is-selected";
  4734.                     }
  4735.                     echo "\"
  4736.                                      onclick=\"mitsumori_simulation_val('pd', '";
  4737.                     // line 3424
  4738.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  4739.                     echo "');\">
  4740.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  4741.                     // line 3425
  4742.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3425, $this->source); })()), "html", null, true);
  4743.                     echo "\" value=\"";
  4744.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  4745.                     echo "\"
  4746.                                        ";
  4747.                     // line 3426
  4748.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3426, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3426, $this->source); })()), "pd", [], "any", false, false, false, 3426) == $context["pd"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3426, $this->source); })())) == 1))) {
  4749.                         echo "checked";
  4750.                     }
  4751.                     echo ">
  4752.                                 ";
  4753.                     // line 3427
  4754.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  4755.                     echo "
  4756.                               </label>
  4757.                             ";
  4758.                 }
  4759.             }
  4760.             $_parent = $context['_parent'];
  4761.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  4762.             $context = array_intersect_key($context, $_parent) + $_parent;
  4763.             // line 3430
  4764.             echo "                          </div>
  4765.                         </div>
  4766.                         ";
  4767.         }
  4768.         // line 3433
  4769.         echo "
  4770.                         ";
  4771.         // line 3436
  4772.         echo "                        ";
  4773.         if (((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3436, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3436, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3436, $this->source); })())) != "")) && !twig_in_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3436, $this->source); })()), "SaleType", [], "any", false, false, false, 3436), "id", [], "any", false, false, false, 3436), [0 => 2, 1 => 3, 2 => 6]))) {
  4774.             // line 3437
  4775.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4776.                           <div class=\"rp-section-label\">高さ";
  4777.             // line 3438
  4778.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3438, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3438, $this->source); })()), "ph", [], "any", false, false, false, 3438))) {
  4779.                 echo ": <span>";
  4780.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3438, $this->source); })()), "ph", [], "any", false, false, false, 3438), "html", null, true);
  4781.                 echo "</span>";
  4782.             }
  4783.             echo "</div>
  4784.                           <div class=\"opt-btn-group\">
  4785.                             ";
  4786.             // line 3440
  4787.             $context["idx"] = 0;
  4788.             // line 3441
  4789.             echo "                            ";
  4790.             $context['_parent'] = $context;
  4791.             $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3441, $this->source); })()));
  4792.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  4793.                 if ($context["ph"]) {
  4794.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3441, $this->source); })()) + 1);
  4795.                     // line 3442
  4796.                     echo "                              <label class=\"opt-btn";
  4797.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3442, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3442, $this->source); })()), "ph", [], "any", false, false, false, 3442) == $context["ph"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3442, $this->source); })())) == 1))) {
  4798.                         echo " is-selected";
  4799.                     }
  4800.                     echo "\"
  4801.                                      onclick=\"mitsumori_simulation_val('ph', '";
  4802.                     // line 3443
  4803.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  4804.                     echo "');\">
  4805.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  4806.                     // line 3444
  4807.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3444, $this->source); })()), "html", null, true);
  4808.                     echo "\" value=\"";
  4809.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  4810.                     echo "\"
  4811.                                        ";
  4812.                     // line 3445
  4813.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3445, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3445, $this->source); })()), "ph", [], "any", false, false, false, 3445) == $context["ph"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3445, $this->source); })())) == 1))) {
  4814.                         echo "checked";
  4815.                     }
  4816.                     echo ">
  4817.                                 ";
  4818.                     // line 3446
  4819.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  4820.                     echo "
  4821.                               </label>
  4822.                             ";
  4823.                 }
  4824.             }
  4825.             $_parent = $context['_parent'];
  4826.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  4827.             $context = array_intersect_key($context, $_parent) + $_parent;
  4828.             // line 3449
  4829.             echo "                          </div>
  4830.                         </div>
  4831.                         ";
  4832.         }
  4833.         // line 3452
  4834.         echo "
  4835.                         ";
  4836.         // line 3454
  4837.         echo "                        ";
  4838.         if ((((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3454, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3454, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3454, $this->source); })())) != "")) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3454, $this->source); })()), "SaleType", [], "any", false, false, false, 3454), "id", [], "any", false, false, false, 3454) != 3)) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3454, $this->source); })()), "SaleType", [], "any", false, false, false, 3454), "id", [], "any", false, false, false, 3454) != 2))) {
  4839.             // line 3455
  4840.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4841.                           <div class=\"rp-section-label\">素材";
  4842.             // line 3456
  4843.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3456, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3456, $this->source); })()), "pm", [], "any", false, false, false, 3456))) {
  4844.                 echo ": <span>";
  4845.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3456, $this->source); })()), "pm", [], "any", false, false, false, 3456), "html", null, true);
  4846.                 echo "</span>";
  4847.             }
  4848.             echo "</div>
  4849.                           <div class=\"opt-btn-group\">
  4850.                             ";
  4851.             // line 3458
  4852.             $context["idx"] = 0;
  4853.             // line 3459
  4854.             echo "                            ";
  4855.             $context['_parent'] = $context;
  4856.             $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3459, $this->source); })()));
  4857.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  4858.                 if ($context["pm"]) {
  4859.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3459, $this->source); })()) + 1);
  4860.                     // line 3460
  4861.                     echo "                              <label class=\"opt-btn";
  4862.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3460, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3460, $this->source); })()), "pm", [], "any", false, false, false, 3460) == $context["pm"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3460, $this->source); })())) == 1))) {
  4863.                         echo " is-selected";
  4864.                     }
  4865.                     echo "\"
  4866.                                      onclick=\"mitsumori_simulation_val('pm', '";
  4867.                     // line 3461
  4868.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  4869.                     echo "');\">
  4870.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  4871.                     // line 3462
  4872.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3462, $this->source); })()), "html", null, true);
  4873.                     echo "\" value=\"";
  4874.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  4875.                     echo "\"
  4876.                                        ";
  4877.                     // line 3463
  4878.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3463, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3463, $this->source); })()), "pm", [], "any", false, false, false, 3463) == $context["pm"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3463, $this->source); })())) == 1))) {
  4879.                         echo "checked";
  4880.                     }
  4881.                     echo ">
  4882.                                 ";
  4883.                     // line 3464
  4884.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  4885.                     echo "
  4886.                               </label>
  4887.                             ";
  4888.                 }
  4889.             }
  4890.             $_parent = $context['_parent'];
  4891.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  4892.             $context = array_intersect_key($context, $_parent) + $_parent;
  4893.             // line 3467
  4894.             echo "                          </div>
  4895.                         </div>
  4896.                         ";
  4897.         }
  4898.         // line 3470
  4899.         echo "
  4900.                         ";
  4901.         // line 3475
  4902.         echo "                        ";
  4903.         if (((((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3475, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3475, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3475, $this->source); })())) != "")) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3475, $this->source); })()), "SaleType", [], "any", false, false, false, 3475), "id", [], "any", false, false, false, 3475) != 2)) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3475, $this->source); })()), "SaleType", [], "any", false, false, false, 3475), "id", [], "any", false, false, false, 3475) != 3)) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3475, $this->source); })()), "SaleType", [], "any", false, false, false, 3475), "id", [], "any", false, false, false, 3475) != 4))) {
  4904.             // line 3476
  4905.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4906.                           <div class=\"rp-section-label\">";
  4907.             // line 3477
  4908.             echo twig_escape_filter($this->env, (isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 3477, $this->source); })()), "html", null, true);
  4909.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3477, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3477)) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3477, $this->source); })()), "option1", [], "any", false, false, false, 3477))) {
  4910.                 echo ": <span>";
  4911.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3477, $this->source); })()), "option1", [], "any", false, false, false, 3477), "html", null, true);
  4912.                 echo "</span>";
  4913.             }
  4914.             echo "</div>
  4915.                           <div class=\"opt-btn-group\">
  4916.                             ";
  4917.             // line 3479
  4918.             $context["idx"] = 0;
  4919.             // line 3480
  4920.             echo "                            ";
  4921.             $context['_parent'] = $context;
  4922.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3480, $this->source); })()));
  4923.             foreach ($context['_seq'] as $context["_key"] => $context["opt1"]) {
  4924.                 if ($context["opt1"]) {
  4925.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3480, $this->source); })()) + 1);
  4926.                     // line 3481
  4927.                     echo "                              <label class=\"opt-btn";
  4928.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3481, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3481)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3481, $this->source); })()), "option1", [], "any", false, false, false, 3481) == $context["opt1"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3481, $this->source); })())) == 1))) {
  4929.                         echo " is-selected";
  4930.                     }
  4931.                     echo "\"
  4932.                                      onclick=\"mitsumori_simulation_val('option1', '";
  4933.                     // line 3482
  4934.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt1"], "js"), "html", null, true);
  4935.                     echo "');\">
  4936.                                 <input type=\"radio\" name=\"option1\" id=\"option1_";
  4937.                     // line 3483
  4938.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3483, $this->source); })()), "html", null, true);
  4939.                     echo "\" value=\"";
  4940.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  4941.                     echo "\"
  4942.                                        ";
  4943.                     // line 3484
  4944.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3484, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3484)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3484, $this->source); })()), "option1", [], "any", false, false, false, 3484) == $context["opt1"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3484, $this->source); })())) == 1))) {
  4945.                         echo "checked";
  4946.                     }
  4947.                     echo ">
  4948.                                 ";
  4949.                     // line 3485
  4950.                     echo twig_escape_filter($this->env, $context["opt1"], "html", null, true);
  4951.                     echo "
  4952.                               </label>
  4953.                             ";
  4954.                 }
  4955.             }
  4956.             $_parent = $context['_parent'];
  4957.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1'], $context['_parent'], $context['loop']);
  4958.             $context = array_intersect_key($context, $_parent) + $_parent;
  4959.             // line 3488
  4960.             echo "                          </div>
  4961.                         </div>
  4962.                         ";
  4963.         }
  4964.         // line 3491
  4965.         echo "
  4966.                         ";
  4967.         // line 3493
  4968.         echo "                        ";
  4969.         if ((((((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3493, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3493, $this->source); })()))) && (twig_join_filter((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3493, $this->source); })())) != "")) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3493, $this->source); })()), "SaleType", [], "any", false, false, false, 3493), "id", [], "any", false, false, false, 3493) != 2)) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3493, $this->source); })()), "SaleType", [], "any", false, false, false, 3493), "id", [], "any", false, false, false, 3493) != 3))) {
  4970.             // line 3494
  4971.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  4972.                           <div class=\"rp-section-label\">";
  4973.             // line 3495
  4974.             echo twig_escape_filter($this->env, (isset($context["option2_label"]) || array_key_exists("option2_label", $context) ? $context["option2_label"] : (function () { throw new RuntimeError('Variable "option2_label" does not exist.', 3495, $this->source); })()), "html", null, true);
  4975.             if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3495, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3495)) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3495, $this->source); })()), "option2", [], "any", false, false, false, 3495))) {
  4976.                 echo ": <span>";
  4977.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3495, $this->source); })()), "option2", [], "any", false, false, false, 3495), "html", null, true);
  4978.                 echo "</span>";
  4979.             }
  4980.             echo "</div>
  4981.                           <div class=\"opt-btn-group\">
  4982.                             ";
  4983.             // line 3497
  4984.             $context["idx"] = 0;
  4985.             // line 3498
  4986.             echo "                            ";
  4987.             $context['_parent'] = $context;
  4988.             $context['_seq'] = twig_ensure_traversable((isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3498, $this->source); })()));
  4989.             foreach ($context['_seq'] as $context["_key"] => $context["opt2"]) {
  4990.                 if ($context["opt2"]) {
  4991.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3498, $this->source); })()) + 1);
  4992.                     // line 3499
  4993.                     echo "                              <label class=\"opt-btn";
  4994.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3499, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3499)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3499, $this->source); })()), "option2", [], "any", false, false, false, 3499) == $context["opt2"])) || (twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3499, $this->source); })())) == 1))) {
  4995.                         echo " is-selected";
  4996.                     }
  4997.                     echo "\"
  4998.                                      onclick=\"mitsumori_simulation_val('option2', '";
  4999.                     // line 3500
  5000.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["opt2"], "js"), "html", null, true);
  5001.                     echo "');\">
  5002.                                 <input type=\"radio\" name=\"option2\" id=\"option2_";
  5003.                     // line 3501
  5004.                     echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3501, $this->source); })()), "html", null, true);
  5005.                     echo "\" value=\"";
  5006.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5007.                     echo "\"
  5008.                                        ";
  5009.                     // line 3502
  5010.                     if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3502, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option2", [], "any", true, true, false, 3502)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3502, $this->source); })()), "option2", [], "any", false, false, false, 3502) == $context["opt2"])) || (twig_length_filter($this->env, (isset($context["p_option2"]) || array_key_exists("p_option2", $context) ? $context["p_option2"] : (function () { throw new RuntimeError('Variable "p_option2" does not exist.', 3502, $this->source); })())) == 1))) {
  5011.                         echo "checked";
  5012.                     }
  5013.                     echo ">
  5014.                                 ";
  5015.                     // line 3503
  5016.                     echo twig_escape_filter($this->env, $context["opt2"], "html", null, true);
  5017.                     echo "
  5018.                               </label>
  5019.                             ";
  5020.                 }
  5021.             }
  5022.             $_parent = $context['_parent'];
  5023.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt2'], $context['_parent'], $context['loop']);
  5024.             $context = array_intersect_key($context, $_parent) + $_parent;
  5025.             // line 3506
  5026.             echo "                          </div>
  5027.                         </div>
  5028.                         ";
  5029.         }
  5030.         // line 3509
  5031.         echo "
  5032. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  5033. \t\t\t\t\t\t";
  5034.         // line 3511
  5035.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3511, $this->source); })()), "SaleType", [], "any", false, false, false, 3511), "id", [], "any", false, false, false, 3511) == 1)) {
  5036.             // line 3512
  5037.             echo "\t\t\t\t\t\t";
  5038.         }
  5039.         // line 3513
  5040.         echo "
  5041. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  5042. \t\t\t\t\t\t";
  5043.         // line 3515
  5044.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3515, $this->source); })()), "SaleType", [], "any", false, false, false, 3515), "id", [], "any", false, false, false, 3515) == 2)) {
  5045.             // line 3516
  5046.             echo "
  5047. \t\t\t\t\t\t\t";
  5048.             // line 3520
  5049.             echo "
  5050. \t\t\t\t\t\t\t";
  5051.             // line 3524
  5052.             echo "\t\t\t\t\t\t\t<style>
  5053. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  5054. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  5055. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  5056. \t\t\t\t\t\t\t\t\theight: auto !important;
  5057. \t\t\t\t\t\t\t\t}
  5058. \t\t\t\t\t\t\t</style>
  5060. \t\t\t\t\t\t\t";
  5061.             // line 3533
  5062.             echo "\t\t\t\t\t\t\t";
  5063.             $context["housing_default"] = _twig_default_filter($this->extensions['Plugin\ProductField\Twig\Extension\EccubeExtension']->getProduct_field(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.', 3533, $this->source); })()), "id", [], "any", false, false, false, 3533), "住宅区分"), "戸建");
  5064.             // line 3534
  5065.             echo "\t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5066. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5067. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  5068. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  5069. \t\t\t\t\t\t\t  </div>
  5070. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5071. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  5072. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5073. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  5074. \t\t\t\t\t\t\t               ";
  5075.             // line 3543
  5076.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3543, $this->source); })()) != "集合住宅")) {
  5077.                 echo "checked";
  5078.             }
  5079.             echo ">
  5080. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  5081. \t\t\t\t\t\t\t      </label>
  5082. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  5083. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  5084. \t\t\t\t\t\t\t               ";
  5085.             // line 3548
  5086.             if (((isset($context["housing_default"]) || array_key_exists("housing_default", $context) ? $context["housing_default"] : (function () { throw new RuntimeError('Variable "housing_default" does not exist.', 3548, $this->source); })()) == "集合住宅")) {
  5087.                 echo "checked";
  5088.             }
  5089.             echo ">
  5090. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  5091. \t\t\t\t\t\t\t      </label>
  5092. \t\t\t\t\t\t\t    </div>
  5093. \t\t\t\t\t\t\t  </div>
  5094. \t\t\t\t\t\t\t</div>
  5096. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  5097. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  5098. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  5099. \t\t\t\t\t\t\t  </div>
  5100. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  5101. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  5102. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  5103. \t\t\t\t\t\t\t      <button type=\"button\" id=\"btn-add-window-type\" class=\"btn btn-outline-primary btn-sm\" onclick=\"addWindowType();\">＋ 窓タイプを追加</button>
  5104. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  5105. \t\t\t\t\t\t\t    </div>
  5106. \t\t\t\t\t\t\t  </div>
  5107. \t\t\t\t\t\t\t</div>
  5109. \t\t\t\t\t\t\t";
  5110.             // line 3569
  5111.             echo "\t\t\t\t\t\t\t<template id=\"window-type-template\">
  5112. \t\t\t\t\t\t\t  <div class=\"window-type-block\" data-type-idx=\"__IDX__\" style=\"border:1px solid #ddd;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa;\">
  5113. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  5114. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  5115. \t\t\t\t\t\t\t      <button type=\"button\" class=\"btn btn-sm btn-outline-danger btn-remove-window-type\" onclick=\"removeWindowType(this);\">× 削除</button>
  5116. \t\t\t\t\t\t\t    </div>
  5118. \t\t\t\t\t\t\t    ";
  5119.             // line 3577
  5120.             echo "\t\t\t\t\t\t\t    ";
  5121.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3577, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3577, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3577, $this->source); })())) != ""))) {
  5122.                 // line 3578
  5123.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5124. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  5125. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5126. \t\t\t\t\t\t\t        ";
  5127.                 // line 3581
  5128.                 $context['_parent'] = $context;
  5129.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3581, $this->source); })()));
  5130.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5131.                     if ($context["v"]) {
  5132.                         // line 3582
  5133.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5134. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"";
  5135.                         // line 3583
  5136.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5137.                         echo "\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  5138. \t\t\t\t\t\t\t            ";
  5139.                         // line 3584
  5140.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5141.                         echo "
  5142. \t\t\t\t\t\t\t          </label>
  5143. \t\t\t\t\t\t\t        ";
  5144.                     }
  5145.                 }
  5146.                 $_parent = $context['_parent'];
  5147.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5148.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5149.                 // line 3587
  5150.                 echo "\t\t\t\t\t\t\t      </div>
  5151. \t\t\t\t\t\t\t    </div>
  5152. \t\t\t\t\t\t\t    ";
  5153.             }
  5154.             // line 3590
  5155.             echo "
  5156. \t\t\t\t\t\t\t    ";
  5157.             // line 3592
  5158.             echo "\t\t\t\t\t\t\t    ";
  5159.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3592, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3592, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3592, $this->source); })())) != ""))) {
  5160.                 // line 3593
  5161.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5162. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  5163. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5164. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5165. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  5166. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5167. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5168. \t\t\t\t\t\t\t      </div>
  5169. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜";
  5170.                 // line 3601
  5171.                 echo twig_escape_filter($this->env, _twig_default_filter(twig_last($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3601, $this->source); })())), ""), "html", null, true);
  5172.                 echo "（";
  5173.                 echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3601, $this->source); })())), "html", null, true);
  5174.                 echo " 段階の価格帯から自動選択）</small>
  5175. \t\t\t\t\t\t\t    </div>
  5176. \t\t\t\t\t\t\t    ";
  5177.             }
  5178.             // line 3604
  5179.             echo "
  5180. \t\t\t\t\t\t\t    ";
  5181.             // line 3606
  5182.             echo "\t\t\t\t\t\t\t    ";
  5183.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3606, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3606, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3606, $this->source); })())) != ""))) {
  5184.                 // line 3607
  5185.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5186. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  5187. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  5188. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  5189. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  5190. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  5191. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  5192. \t\t\t\t\t\t\t      </div>
  5193. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜";
  5194.                 // line 3615
  5195.                 echo twig_escape_filter($this->env, _twig_default_filter(twig_last($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3615, $this->source); })())), ""), "html", null, true);
  5196.                 echo "（";
  5197.                 echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3615, $this->source); })())), "html", null, true);
  5198.                 echo " 段階の価格帯から自動選択）</small>
  5199. \t\t\t\t\t\t\t    </div>
  5200. \t\t\t\t\t\t\t    ";
  5201.             }
  5202.             // line 3618
  5203.             echo "
  5204. \t\t\t\t\t\t\t    ";
  5205.             // line 3620
  5206.             echo "\t\t\t\t\t\t\t    ";
  5207.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3620, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3620, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3620, $this->source); })())) != ""))) {
  5208.                 // line 3621
  5209.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5210. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  5211. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5212. \t\t\t\t\t\t\t        ";
  5213.                 // line 3624
  5214.                 $context['_parent'] = $context;
  5215.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3624, $this->source); })()));
  5216.                 foreach ($context['_seq'] as $context["_key"] => $context["v"]) {
  5217.                     if ($context["v"]) {
  5218.                         // line 3625
  5219.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn\">
  5220. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"";
  5221.                         // line 3626
  5222.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5223.                         echo "\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  5224. \t\t\t\t\t\t\t            ";
  5225.                         // line 3627
  5226.                         echo twig_escape_filter($this->env, $context["v"], "html", null, true);
  5227.                         echo "
  5228. \t\t\t\t\t\t\t          </label>
  5229. \t\t\t\t\t\t\t        ";
  5230.                     }
  5231.                 }
  5232.                 $_parent = $context['_parent'];
  5233.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['v'], $context['_parent'], $context['loop']);
  5234.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5235.                 // line 3630
  5236.                 echo "\t\t\t\t\t\t\t      </div>
  5237. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  5238. \t\t\t\t\t\t\t    </div>
  5239. \t\t\t\t\t\t\t    ";
  5240.             }
  5241.             // line 3634
  5242.             echo "
  5243. \t\t\t\t\t\t\t    ";
  5244.             // line 3636
  5245.             echo "\t\t\t\t\t\t\t    ";
  5246.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3636, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3636, $this->source); })())))) {
  5247.                 // line 3637
  5248.                 echo "\t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  5249. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  5250. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  5251. \t\t\t\t\t\t\t        ";
  5252.                 // line 3640
  5253.                 $context['_parent'] = $context;
  5254.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3640, $this->source); })()));
  5255.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5256.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3640))) {
  5257.                         // line 3641
  5258.                         echo "\t\t\t\t\t\t\t          ";
  5259.                         $context["has_img"] = (twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", true, true, false, 3641) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3641)));
  5260.                         // line 3642
  5261.                         echo "\t\t\t\t\t\t\t          <label class=\"opt-btn";
  5262.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3642, $this->source); })())) {
  5263.                             echo " opt-btn--with-image";
  5264.                         }
  5265.                         echo "\">
  5266. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"";
  5267.                         // line 3643
  5268.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3643), "html", null, true);
  5269.                         echo "\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  5270. \t\t\t\t\t\t\t            ";
  5271.                         // line 3644
  5272.                         if ((isset($context["has_img"]) || array_key_exists("has_img", $context) ? $context["has_img"] : (function () { throw new RuntimeError('Variable "has_img" does not exist.', 3644, $this->source); })())) {
  5273.                             // line 3645
  5274.                             echo "\t\t\t\t\t\t\t              <img src=\"";
  5275.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "img", [], "array", false, false, false, 3645), "html", null, true);
  5276.                             echo "\" alt=\"";
  5277.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3645), "html", null, true);
  5278.                             echo "\" class=\"opt-btn__img\"
  5279. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  5280. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">";
  5281.                             // line 3647
  5282.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3647), "html", null, true);
  5283.                             echo "</span>
  5284. \t\t\t\t\t\t\t            ";
  5285.                         } else {
  5286.                             // line 3649
  5287.                             echo "\t\t\t\t\t\t\t              ";
  5288.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3649), "html", null, true);
  5289.                             echo "
  5290. \t\t\t\t\t\t\t            ";
  5291.                         }
  5292.                         // line 3651
  5293.                         echo "\t\t\t\t\t\t\t          </label>
  5294. \t\t\t\t\t\t\t        ";
  5295.                     }
  5296.                 }
  5297.                 $_parent = $context['_parent'];
  5298.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  5299.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5300.                 // line 3653
  5301.                 echo "\t\t\t\t\t\t\t      </div>
  5302. \t\t\t\t\t\t\t    </div>
  5303. \t\t\t\t\t\t\t    ";
  5304.             }
  5305.             // line 3656
  5306.             echo "
  5307. \t\t\t\t\t\t\t    ";
  5308.             // line 3658
  5309.             echo "\t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  5310. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  5311. \t\t\t\t\t\t\t      <div class=\"col-4\">
  5312. \t\t\t\t\t\t\t        <div class=\"input-group\">
  5313. \t\t\t\t\t\t\t          <input type=\"number\" name=\"wt_setqty___IDX__\" class=\"form-control wt-input-setqty\" value=\"1\" min=\"1\" max=\"99\" data-axis=\"setqty\" onchange=\"onWindowTypeAxisChange(this);\">
  5314. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  5315. \t\t\t\t\t\t\t        </div>
  5316. \t\t\t\t\t\t\t      </div>
  5317. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  5318. \t\t\t\t\t\t\t        <small class=\"text-muted\">補助金額<br><span class=\"wt-subsidy-amount\">―</span> 円</small>
  5319. \t\t\t\t\t\t\t      </div>
  5320. \t\t\t\t\t\t\t    </div>
  5321. \t\t\t\t\t\t\t  </div>
  5322. \t\t\t\t\t\t\t</template>
  5324. \t\t\t\t\t\t\t";
  5325.             // line 3674
  5326.             echo "\t\t\t\t\t\t\t<script>
  5327. \t\t\t\t\t\t\t(function() {
  5328. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  5330. \t\t\t\t\t\t\t\tfunction addWindowType() {
  5331. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  5332. \t\t\t\t\t\t\t\t\tif (!container) return;
  5333. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  5334. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  5335. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  5336. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  5337. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  5338. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  5339. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  5340. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  5341. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  5342. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  5343. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  5344. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  5345. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5346. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5347. \t\t\t\t\t\t\t\t}
  5349. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  5350. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  5351. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  5352. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  5353. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  5354. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  5355. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  5356. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  5357. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  5358. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  5359. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  5360. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  5361. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  5362. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  5363. \t\t\t\t\t\t\t\t\t\t}
  5364. \t\t\t\t\t\t\t\t\t});
  5365. \t\t\t\t\t\t\t\t}
  5367. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  5368. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  5369. \t\t\t\t\t\t\t\t\tif (!block) return;
  5370. \t\t\t\t\t\t\t\t\tblock.remove();
  5371. \t\t\t\t\t\t\t\t\treindexBlocks();
  5372. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  5373. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5374. \t\t\t\t\t\t\t\t}
  5376. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  5377. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5378. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  5379. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  5380. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  5381. \t\t\t\t\t\t\t\t\t});
  5382. \t\t\t\t\t\t\t\t}
  5384. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  5385. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  5386. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  5387. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  5388. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  5389. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  5390. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  5391. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  5392. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  5393. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  5394. \t\t\t\t\t\t\t\t\t\t});
  5395. \t\t\t\t\t\t\t\t\t});
  5396. \t\t\t\t\t\t\t\t}
  5398. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  5399. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  5400. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5401. \t\t\t\t\t\t\t\t};
  5403. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  5404. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  5406. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  5407. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  5408. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  5409. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  5410. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  5411. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  5412. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  5413. \t\t\t\t\t\t\t\t\tif (!label) return;
  5414. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  5415. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  5416. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  5417. \t\t\t\t\t\t\t\t\tinput.checked = true;
  5418. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  5419. \t\t\t\t\t\t\t\t\tif (nm) {
  5420. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  5421. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  5422. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  5423. \t\t\t\t\t\t\t\t\t\t});
  5424. \t\t\t\t\t\t\t\t\t}
  5425. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5426. \t\t\t\t\t\t\t\t});
  5428. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  5429. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  5430. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  5431. \t\t\t\t\t\t\t\t\t\taddWindowType();
  5432. \t\t\t\t\t\t\t\t\t}
  5433. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  5434. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  5435. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5436. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  5437. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  5438. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  5439. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  5440. \t\t\t\t\t\t\t\t\t\t});
  5441. \t\t\t\t\t\t\t\t\t};
  5442. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5443. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  5444. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  5445. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  5446. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  5447. \t\t\t\t\t\t\t\t\t\t});
  5448. \t\t\t\t\t\t\t\t\t});
  5449. \t\t\t\t\t\t\t\t});
  5450. \t\t\t\t\t\t\t})();
  5451. \t\t\t\t\t\t\t</script>
  5453. \t\t\t\t\t\t";
  5454.         }
  5455.         // line 3802
  5456.         echo "
  5457. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  5458. \t\t\t\t\t\t";
  5459.         // line 3804
  5460.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3804, $this->source); })()), "SaleType", [], "any", false, false, false, 3804), "id", [], "any", false, false, false, 3804) == 3)) {
  5461.             // line 3805
  5462.             echo "
  5463. \t\t\t\t\t\t\t";
  5464.             // line 3807
  5465.             echo "\t\t\t\t\t\t\t";
  5466.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3807, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3807, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3807, $this->source); })())) != ""))) {
  5467.                 // line 3808
  5468.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5469. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">幅";
  5470.                 // line 3809
  5471.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3809, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3809, $this->source); })()), "pw", [], "any", false, false, false, 3809))) {
  5472.                     echo ": <span>";
  5473.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3809, $this->source); })()), "pw", [], "any", false, false, false, 3809), "html", null, true);
  5474.                     echo "</span>";
  5475.                 }
  5476.                 echo "</div>
  5477. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5478. \t\t\t\t\t\t\t    ";
  5479.                 // line 3811
  5480.                 $context["idx"] = 0;
  5481.                 // line 3812
  5482.                 echo "\t\t\t\t\t\t\t    ";
  5483.                 $context['_parent'] = $context;
  5484.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3812, $this->source); })()));
  5485.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  5486.                     if ($context["pw_val"]) {
  5487.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3812, $this->source); })()) + 1);
  5488.                         // line 3813
  5489.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5490.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3813, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3813, $this->source); })()), "pw", [], "any", false, false, false, 3813) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3813, $this->source); })())) == 1))) {
  5491.                             echo " is-selected";
  5492.                         }
  5493.                         echo "\"
  5494. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_";
  5495.                         // line 3814
  5496.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3814, $this->source); })()), "html", null, true);
  5497.                         echo "');\">
  5498. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  5499.                         // line 3815
  5500.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3815, $this->source); })()), "html", null, true);
  5501.                         echo "\" value=\"";
  5502.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  5503.                         echo "\"
  5504. \t\t\t\t\t\t\t               ";
  5505.                         // line 3816
  5506.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3816, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3816, $this->source); })()), "pw", [], "any", false, false, false, 3816) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 3816, $this->source); })())) == 1))) {
  5507.                             echo "checked";
  5508.                         }
  5509.                         echo ">
  5510. \t\t\t\t\t\t\t        ";
  5511.                         // line 3817
  5512.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  5513.                         echo "
  5514. \t\t\t\t\t\t\t      </label>
  5515. \t\t\t\t\t\t\t    ";
  5516.                     }
  5517.                 }
  5518.                 $_parent = $context['_parent'];
  5519.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  5520.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5521.                 // line 3820
  5522.                 echo "\t\t\t\t\t\t\t  </div>
  5523. \t\t\t\t\t\t\t</div>
  5524. \t\t\t\t\t\t\t";
  5525.             }
  5526.             // line 3823
  5527.             echo "
  5528. \t\t\t\t\t\t\t";
  5529.             // line 3824
  5530.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3824, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3824, $this->source); })()))) && (twig_join_filter((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3824, $this->source); })())) != ""))) {
  5531.                 // line 3825
  5532.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5533. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">奥行き";
  5534.                 // line 3826
  5535.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3826, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3826, $this->source); })()), "pd", [], "any", false, false, false, 3826))) {
  5536.                     echo ": <span>";
  5537.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3826, $this->source); })()), "pd", [], "any", false, false, false, 3826), "html", null, true);
  5538.                     echo "</span>";
  5539.                 }
  5540.                 echo "</div>
  5541. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5542. \t\t\t\t\t\t\t    ";
  5543.                 // line 3828
  5544.                 $context["idx"] = 0;
  5545.                 // line 3829
  5546.                 echo "\t\t\t\t\t\t\t    ";
  5547.                 $context['_parent'] = $context;
  5548.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3829, $this->source); })()));
  5549.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  5550.                     if ($context["pd_val"]) {
  5551.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3829, $this->source); })()) + 1);
  5552.                         // line 3830
  5553.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5554.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3830, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3830, $this->source); })()), "pd", [], "any", false, false, false, 3830) == $context["pd_val"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3830, $this->source); })())) == 1))) {
  5555.                             echo " is-selected";
  5556.                         }
  5557.                         echo "\"
  5558. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_";
  5559.                         // line 3831
  5560.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3831, $this->source); })()), "html", null, true);
  5561.                         echo "');\">
  5562. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  5563.                         // line 3832
  5564.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3832, $this->source); })()), "html", null, true);
  5565.                         echo "\" value=\"";
  5566.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  5567.                         echo "\"
  5568. \t\t\t\t\t\t\t               ";
  5569.                         // line 3833
  5570.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3833, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3833, $this->source); })()), "pd", [], "any", false, false, false, 3833) == $context["pd_val"])) || (twig_length_filter($this->env, (isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 3833, $this->source); })())) == 1))) {
  5571.                             echo "checked";
  5572.                         }
  5573.                         echo ">
  5574. \t\t\t\t\t\t\t        ";
  5575.                         // line 3834
  5576.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  5577.                         echo "
  5578. \t\t\t\t\t\t\t      </label>
  5579. \t\t\t\t\t\t\t    ";
  5580.                     }
  5581.                 }
  5582.                 $_parent = $context['_parent'];
  5583.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  5584.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5585.                 // line 3837
  5586.                 echo "\t\t\t\t\t\t\t  </div>
  5587. \t\t\t\t\t\t\t</div>
  5588. \t\t\t\t\t\t\t";
  5589.             }
  5590.             // line 3840
  5591.             echo "
  5592. \t\t\t\t\t\t\t";
  5593.             // line 3841
  5594.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3841, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3841, $this->source); })()))) && (twig_join_filter((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3841, $this->source); })())) != ""))) {
  5595.                 // line 3842
  5596.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5597. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">高さ";
  5598.                 // line 3843
  5599.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3843, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3843, $this->source); })()), "ph", [], "any", false, false, false, 3843))) {
  5600.                     echo ": <span>";
  5601.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3843, $this->source); })()), "ph", [], "any", false, false, false, 3843), "html", null, true);
  5602.                     echo "</span>";
  5603.                 }
  5604.                 echo "</div>
  5605. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5606. \t\t\t\t\t\t\t    ";
  5607.                 // line 3845
  5608.                 $context["idx"] = 0;
  5609.                 // line 3846
  5610.                 echo "\t\t\t\t\t\t\t    ";
  5611.                 $context['_parent'] = $context;
  5612.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3846, $this->source); })()));
  5613.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  5614.                     if ($context["ph_val"]) {
  5615.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3846, $this->source); })()) + 1);
  5616.                         // line 3847
  5617.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5618.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3847, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3847, $this->source); })()), "ph", [], "any", false, false, false, 3847) == $context["ph_val"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3847, $this->source); })())) == 1))) {
  5619.                             echo " is-selected";
  5620.                         }
  5621.                         echo "\"
  5622. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_";
  5623.                         // line 3848
  5624.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3848, $this->source); })()), "html", null, true);
  5625.                         echo "');\">
  5626. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  5627.                         // line 3849
  5628.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3849, $this->source); })()), "html", null, true);
  5629.                         echo "\" value=\"";
  5630.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  5631.                         echo "\"
  5632. \t\t\t\t\t\t\t               ";
  5633.                         // line 3850
  5634.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3850, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3850, $this->source); })()), "ph", [], "any", false, false, false, 3850) == $context["ph_val"])) || (twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 3850, $this->source); })())) == 1))) {
  5635.                             echo "checked";
  5636.                         }
  5637.                         echo ">
  5638. \t\t\t\t\t\t\t        ";
  5639.                         // line 3851
  5640.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  5641.                         echo "
  5642. \t\t\t\t\t\t\t      </label>
  5643. \t\t\t\t\t\t\t    ";
  5644.                     }
  5645.                 }
  5646.                 $_parent = $context['_parent'];
  5647.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  5648.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5649.                 // line 3854
  5650.                 echo "\t\t\t\t\t\t\t  </div>
  5651. \t\t\t\t\t\t\t</div>
  5652. \t\t\t\t\t\t\t";
  5653.             }
  5654.             // line 3857
  5655.             echo "
  5656. \t\t\t\t\t\t\t";
  5657.             // line 3859
  5658.             echo "\t\t\t\t\t\t\t";
  5659.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3859, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3859, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3859, $this->source); })())) != ""))) {
  5660.                 // line 3860
  5661.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5662. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">棚タイプ <small class=\"text-muted\">（間仕切り仕様）</small>";
  5663.                 // line 3861
  5664.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3861, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3861, $this->source); })()), "pm", [], "any", false, false, false, 3861))) {
  5665.                     echo ": <span>";
  5666.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3861, $this->source); })()), "pm", [], "any", false, false, false, 3861), "html", null, true);
  5667.                     echo "</span>";
  5668.                 }
  5669.                 echo "</div>
  5670. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5671. \t\t\t\t\t\t\t    ";
  5672.                 // line 3863
  5673.                 $context["idx"] = 0;
  5674.                 // line 3864
  5675.                 echo "\t\t\t\t\t\t\t    ";
  5676.                 $context['_parent'] = $context;
  5677.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3864, $this->source); })()));
  5678.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  5679.                     if ($context["pm_val"]) {
  5680.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3864, $this->source); })()) + 1);
  5681.                         // line 3865
  5682.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5683.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3865, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3865, $this->source); })()), "pm", [], "any", false, false, false, 3865) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3865, $this->source); })())) == 1))) {
  5684.                             echo " is-selected";
  5685.                         }
  5686.                         echo "\"
  5687. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_";
  5688.                         // line 3866
  5689.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3866, $this->source); })()), "html", null, true);
  5690.                         echo "');\">
  5691. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  5692.                         // line 3867
  5693.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3867, $this->source); })()), "html", null, true);
  5694.                         echo "\" value=\"";
  5695.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  5696.                         echo "\"
  5697. \t\t\t\t\t\t\t               ";
  5698.                         // line 3868
  5699.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3868, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3868, $this->source); })()), "pm", [], "any", false, false, false, 3868) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 3868, $this->source); })())) == 1))) {
  5700.                             echo "checked";
  5701.                         }
  5702.                         echo ">
  5703. \t\t\t\t\t\t\t        ";
  5704.                         // line 3869
  5705.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  5706.                         echo "
  5707. \t\t\t\t\t\t\t      </label>
  5708. \t\t\t\t\t\t\t    ";
  5709.                     }
  5710.                 }
  5711.                 $_parent = $context['_parent'];
  5712.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  5713.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5714.                 // line 3872
  5715.                 echo "\t\t\t\t\t\t\t  </div>
  5716. \t\t\t\t\t\t\t</div>
  5717. \t\t\t\t\t\t\t";
  5718.             }
  5719.             // line 3875
  5720.             echo "
  5721. \t\t\t\t\t\t\t";
  5722.             // line 3877
  5723.             echo "\t\t\t\t\t\t\t";
  5724.             if ((((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3877, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3877, $this->source); })()))) && (twig_join_filter((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3877, $this->source); })())) != ""))) {
  5725.                 // line 3878
  5726.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5727. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  5728.                 // line 3879
  5729.                 echo twig_escape_filter($this->env, (isset($context["option1_label"]) || array_key_exists("option1_label", $context) ? $context["option1_label"] : (function () { throw new RuntimeError('Variable "option1_label" does not exist.', 3879, $this->source); })()), "html", null, true);
  5730.                 if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3879, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3879)) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3879, $this->source); })()), "option1", [], "any", false, false, false, 3879))) {
  5731.                     echo ": <span>";
  5732.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3879, $this->source); })()), "option1", [], "any", false, false, false, 3879), "html", null, true);
  5733.                     echo "</span>";
  5734.                 }
  5735.                 echo "</div>
  5736. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5737. \t\t\t\t\t\t\t    ";
  5738.                 // line 3881
  5739.                 $context["idx"] = 0;
  5740.                 // line 3882
  5741.                 echo "\t\t\t\t\t\t\t    ";
  5742.                 $context['_parent'] = $context;
  5743.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3882, $this->source); })()));
  5744.                 foreach ($context['_seq'] as $context["_key"] => $context["opt1_val"]) {
  5745.                     if ($context["opt1_val"]) {
  5746.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3882, $this->source); })()) + 1);
  5747.                         // line 3883
  5748.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5749.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3883, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3883)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3883, $this->source); })()), "option1", [], "any", false, false, false, 3883) == $context["opt1_val"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3883, $this->source); })())) == 1))) {
  5750.                             echo " is-selected";
  5751.                         }
  5752.                         echo "\"
  5753. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_";
  5754.                         // line 3884
  5755.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3884, $this->source); })()), "html", null, true);
  5756.                         echo "');\">
  5757. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_";
  5758.                         // line 3885
  5759.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3885, $this->source); })()), "html", null, true);
  5760.                         echo "\" value=\"";
  5761.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  5762.                         echo "\"
  5763. \t\t\t\t\t\t\t               ";
  5764.                         // line 3886
  5765.                         if (((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3886, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "option1", [], "any", true, true, false, 3886)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3886, $this->source); })()), "option1", [], "any", false, false, false, 3886) == $context["opt1_val"])) || (twig_length_filter($this->env, (isset($context["p_option1"]) || array_key_exists("p_option1", $context) ? $context["p_option1"] : (function () { throw new RuntimeError('Variable "p_option1" does not exist.', 3886, $this->source); })())) == 1))) {
  5766.                             echo "checked";
  5767.                         }
  5768.                         echo ">
  5769. \t\t\t\t\t\t\t        ";
  5770.                         // line 3887
  5771.                         echo twig_escape_filter($this->env, $context["opt1_val"], "html", null, true);
  5772.                         echo "
  5773. \t\t\t\t\t\t\t      </label>
  5774. \t\t\t\t\t\t\t    ";
  5775.                     }
  5776.                 }
  5777.                 $_parent = $context['_parent'];
  5778.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['opt1_val'], $context['_parent'], $context['loop']);
  5779.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5780.                 // line 3890
  5781.                 echo "\t\t\t\t\t\t\t  </div>
  5782. \t\t\t\t\t\t\t</div>
  5783. \t\t\t\t\t\t\t";
  5784.             }
  5785.             // line 3893
  5786.             echo "
  5787. \t\t\t\t\t\t\t";
  5788.             // line 3895
  5789.             echo "\t\t\t\t\t\t\t";
  5790.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3895, $this->source); })()) && twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3895, $this->source); })())))) {
  5791.                 // line 3896
  5792.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5793. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">カラー";
  5794.                 // line 3897
  5795.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3897, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3897, $this->source); })()), "pc", [], "any", false, false, false, 3897))) {
  5796.                     echo ": <span>";
  5797.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3897, $this->source); })()), "pc", [], "any", false, false, false, 3897), "html", null, true);
  5798.                     echo "</span>";
  5799.                 }
  5800.                 echo "</div>
  5801. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5802. \t\t\t\t\t\t\t    ";
  5803.                 // line 3899
  5804.                 $context["idx"] = 0;
  5805.                 // line 3900
  5806.                 echo "\t\t\t\t\t\t\t    ";
  5807.                 $context['_parent'] = $context;
  5808.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3900, $this->source); })()));
  5809.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  5810.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3900))) {
  5811.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3900, $this->source); })()) + 1);
  5812.                         // line 3901
  5813.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  5814.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3901, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3901, $this->source); })()), "pc", [], "any", false, false, false, 3901) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3901))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3901, $this->source); })())) == 1))) {
  5815.                             echo " is-selected";
  5816.                         }
  5817.                         echo "\"
  5818. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_";
  5819.                         // line 3902
  5820.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3902, $this->source); })()), "html", null, true);
  5821.                         echo "');\">
  5822. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  5823.                         // line 3903
  5824.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 3903, $this->source); })()), "html", null, true);
  5825.                         echo "\" value=\"";
  5826.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3903), "html", null, true);
  5827.                         echo "\"
  5828. \t\t\t\t\t\t\t               ";
  5829.                         // line 3904
  5830.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3904, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3904, $this->source); })()), "pc", [], "any", false, false, false, 3904) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3904))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 3904, $this->source); })())) == 1))) {
  5831.                             echo "checked";
  5832.                         }
  5833.                         echo ">
  5834. \t\t\t\t\t\t\t        ";
  5835.                         // line 3905
  5836.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 3905), "html", null, true);
  5837.                         echo "
  5838. \t\t\t\t\t\t\t      </label>
  5839. \t\t\t\t\t\t\t    ";
  5840.                     }
  5841.                 }
  5842.                 $_parent = $context['_parent'];
  5843.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  5844.                 $context = array_intersect_key($context, $_parent) + $_parent;
  5845.                 // line 3908
  5846.                 echo "\t\t\t\t\t\t\t  </div>
  5847. \t\t\t\t\t\t\t</div>
  5848. \t\t\t\t\t\t\t";
  5849.             }
  5850.             // line 3911
  5851.             echo "
  5852. \t\t\t\t\t\t\t";
  5853.             // line 3913
  5854.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5855. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  5856. \t\t\t\t\t\t\t  <div class=\"col-4\">
  5857. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  5858. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  5859.             // line 3917
  5860.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 3917)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 3917), "1")) : ("1")), "html", null, true);
  5861.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  5862. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  5863. \t\t\t\t\t\t\t    </div>
  5864. \t\t\t\t\t\t\t  </div>
  5865. \t\t\t\t\t\t\t  <div class=\"col-4\">
  5866. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  5867. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  5868. \t\t\t\t\t\t\t  </div>
  5869. \t\t\t\t\t\t\t</div>
  5871. \t\t\t\t\t\t";
  5872.         }
  5873.         // line 3928
  5874.         echo "
  5875. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  5876. \t\t\t\t\t\t";
  5877.         // line 3930
  5878.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3930, $this->source); })()), "SaleType", [], "any", false, false, false, 3930), "id", [], "any", false, false, false, 3930) == 4)) {
  5879.             // line 3931
  5880.             echo "
  5881. \t\t\t\t\t\t\t";
  5882.             // line 3933
  5883.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5884. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  5885. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  5886. \t\t\t\t\t\t\t    <div class=\"input-group\">
  5887. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  5888.             // line 3937
  5889.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 3937)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 3937), "3")) : ("3")), "html", null, true);
  5890.             echo "\" min=\"3\" max=\"20\" onchange=\"if(parseInt(this.value)<3)this.value=3; mitsumori_simulation('maisu','maisu');\">
  5891. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  5892. \t\t\t\t\t\t\t    </div>
  5893. \t\t\t\t\t\t\t  </div>
  5894. \t\t\t\t\t\t\t  <div class=\"col-4\">
  5895. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  5896. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  5897. \t\t\t\t\t\t\t  </div>
  5898. \t\t\t\t\t\t\t</div>
  5900. \t\t\t\t\t\t";
  5901.         }
  5902.         // line 3948
  5903.         echo "
  5904. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  5905. \t\t\t\t\t\t";
  5906.         // line 3950
  5907.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 3950, $this->source); })()), "SaleType", [], "any", false, false, false, 3950), "id", [], "any", false, false, false, 3950) == 5)) {
  5908.             // line 3951
  5909.             echo "
  5910. \t\t\t\t\t\t\t";
  5911.             // line 3953
  5912.             echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5913. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  5914. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5915. \t\t\t\t\t\t\t    ";
  5916.             // line 3956
  5917.             $context["step_yes_checked"] = (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3956, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3956)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3956, $this->source); })()), "deck_step", [], "any", false, false, false, 3956) == "必要"));
  5918.             // line 3957
  5919.             echo "\t\t\t\t\t\t\t    ";
  5920.             $context["step_no_checked"] = ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3957, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 3957)) || (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3957, $this->source); })()), "deck_step", [], "any", false, false, false, 3957) == "不要")) ||  !twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3957, $this->source); })()), "deck_step", [], "any", false, false, false, 3957));
  5921.             // line 3958
  5922.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  5923.             if ((isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 3958, $this->source); })())) {
  5924.                 echo " is-selected";
  5925.             }
  5926.             echo "\"
  5927. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  5928. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  5929. \t\t\t\t\t\t\t             ";
  5930.             // line 3961
  5931.             if ((isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 3961, $this->source); })())) {
  5932.                 echo "checked";
  5933.             }
  5934.             echo ">
  5935. \t\t\t\t\t\t\t      必要
  5936. \t\t\t\t\t\t\t    </label>
  5937. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  5938.             // line 3964
  5939.             if ((isset($context["step_no_checked"]) || array_key_exists("step_no_checked", $context) ? $context["step_no_checked"] : (function () { throw new RuntimeError('Variable "step_no_checked" does not exist.', 3964, $this->source); })())) {
  5940.                 echo " is-selected";
  5941.             }
  5942.             echo "\"
  5943. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  5944. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  5945. \t\t\t\t\t\t\t             ";
  5946.             // line 3967
  5947.             if ((isset($context["step_no_checked"]) || array_key_exists("step_no_checked", $context) ? $context["step_no_checked"] : (function () { throw new RuntimeError('Variable "step_no_checked" does not exist.', 3967, $this->source); })())) {
  5948.                 echo "checked";
  5949.             }
  5950.             echo ">
  5951. \t\t\t\t\t\t\t      不要
  5952. \t\t\t\t\t\t\t    </label>
  5953. \t\t\t\t\t\t\t  </div>
  5954. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-step\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  5955.             // line 3971
  5956.             if ( !(isset($context["step_yes_checked"]) || array_key_exists("step_yes_checked", $context) ? $context["step_yes_checked"] : (function () { throw new RuntimeError('Variable "step_yes_checked" does not exist.', 3971, $this->source); })())) {
  5957.                 echo "display:none;";
  5958.             }
  5959.             echo "\">
  5960. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  5961. \t\t\t\t\t\t\t  </div>
  5962. \t\t\t\t\t\t\t</div>
  5964. \t\t\t\t\t\t\t";
  5965.             // line 3977
  5966.             echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5967. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  5968. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  5969. \t\t\t\t\t\t\t    ";
  5970.             // line 3980
  5971.             $context["fence_yes_checked"] = (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3980, $this->source); })()) && twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3980)) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3980, $this->source); })()), "deck_fence", [], "any", false, false, false, 3980) == "必要"));
  5972.             // line 3981
  5973.             echo "\t\t\t\t\t\t\t    ";
  5974.             $context["fence_no_checked"] = ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3981, $this->source); })()) ||  !twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 3981)) || (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3981, $this->source); })()), "deck_fence", [], "any", false, false, false, 3981) == "不要")) ||  !twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 3981, $this->source); })()), "deck_fence", [], "any", false, false, false, 3981));
  5975.             // line 3982
  5976.             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  5977.             if ((isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 3982, $this->source); })())) {
  5978.                 echo " is-selected";
  5979.             }
  5980.             echo "\"
  5981. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  5982. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  5983. \t\t\t\t\t\t\t             ";
  5984.             // line 3985
  5985.             if ((isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 3985, $this->source); })())) {
  5986.                 echo "checked";
  5987.             }
  5988.             echo ">
  5989. \t\t\t\t\t\t\t      必要
  5990. \t\t\t\t\t\t\t    </label>
  5991. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  5992.             // line 3988
  5993.             if ((isset($context["fence_no_checked"]) || array_key_exists("fence_no_checked", $context) ? $context["fence_no_checked"] : (function () { throw new RuntimeError('Variable "fence_no_checked" does not exist.', 3988, $this->source); })())) {
  5994.                 echo " is-selected";
  5995.             }
  5996.             echo "\"
  5997. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  5998. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  5999. \t\t\t\t\t\t\t             ";
  6000.             // line 3991
  6001.             if ((isset($context["fence_no_checked"]) || array_key_exists("fence_no_checked", $context) ? $context["fence_no_checked"] : (function () { throw new RuntimeError('Variable "fence_no_checked" does not exist.', 3991, $this->source); })())) {
  6002.                 echo "checked";
  6003.             }
  6004.             echo ">
  6005. \t\t\t\t\t\t\t      不要
  6006. \t\t\t\t\t\t\t    </label>
  6007. \t\t\t\t\t\t\t  </div>
  6008. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-fence\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6009.             // line 3995
  6010.             if ( !(isset($context["fence_yes_checked"]) || array_key_exists("fence_yes_checked", $context) ? $context["fence_yes_checked"] : (function () { throw new RuntimeError('Variable "fence_yes_checked" does not exist.', 3995, $this->source); })())) {
  6011.                 echo "display:none;";
  6012.             }
  6013.             echo "\">
  6014. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6015. \t\t\t\t\t\t\t  </div>
  6016. \t\t\t\t\t\t\t</div>
  6018. \t\t\t\t\t\t";
  6019.         }
  6020.         // line 4001
  6021.         echo "
  6022. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6023. \t\t\t\t\t\t";
  6024.         // line 4003
  6025.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4003, $this->source); })()), "SaleType", [], "any", false, false, false, 4003), "id", [], "any", false, false, false, 4003) == 6)) {
  6026.             // line 4004
  6027.             echo "
  6028. \t\t\t\t\t\t\t";
  6029.             // line 4006
  6030.             echo "\t\t\t\t\t\t\t";
  6031.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4006, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4006, $this->source); })()))) && (twig_join_filter((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4006, $this->source); })())) != ""))) {
  6032.                 // line 4007
  6033.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6034. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">規格";
  6035.                 // line 4008
  6036.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4008, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4008, $this->source); })()), "pm", [], "any", false, false, false, 4008))) {
  6037.                     echo ": <span>";
  6038.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4008, $this->source); })()), "pm", [], "any", false, false, false, 4008), "html", null, true);
  6039.                     echo "</span>";
  6040.                 }
  6041.                 echo "</div>
  6042. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6043. \t\t\t\t\t\t\t    ";
  6044.                 // line 4010
  6045.                 $context["idx"] = 0;
  6046.                 // line 4011
  6047.                 echo "\t\t\t\t\t\t\t    ";
  6048.                 $context['_parent'] = $context;
  6049.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4011, $this->source); })()));
  6050.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  6051.                     if ($context["pm_val"]) {
  6052.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4011, $this->source); })()) + 1);
  6053.                         // line 4012
  6054.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6055.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4012, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4012, $this->source); })()), "pm", [], "any", false, false, false, 4012) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4012, $this->source); })())) == 1))) {
  6056.                             echo " is-selected";
  6057.                         }
  6058.                         echo "\"
  6059. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_";
  6060.                         // line 4013
  6061.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4013, $this->source); })()), "html", null, true);
  6062.                         echo "');\">
  6063. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  6064.                         // line 4014
  6065.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4014, $this->source); })()), "html", null, true);
  6066.                         echo "\" value=\"";
  6067.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6068.                         echo "\"
  6069. \t\t\t\t\t\t\t               ";
  6070.                         // line 4015
  6071.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4015, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4015, $this->source); })()), "pm", [], "any", false, false, false, 4015) == $context["pm_val"])) || (twig_length_filter($this->env, (isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 4015, $this->source); })())) == 1))) {
  6072.                             echo "checked";
  6073.                         }
  6074.                         echo ">
  6075. \t\t\t\t\t\t\t        ";
  6076.                         // line 4016
  6077.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  6078.                         echo "
  6079. \t\t\t\t\t\t\t      </label>
  6080. \t\t\t\t\t\t\t    ";
  6081.                     }
  6082.                 }
  6083.                 $_parent = $context['_parent'];
  6084.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  6085.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6086.                 // line 4019
  6087.                 echo "\t\t\t\t\t\t\t  </div>
  6088. \t\t\t\t\t\t\t</div>
  6089. \t\t\t\t\t\t\t";
  6090.             }
  6091.             // line 4022
  6092.             echo "
  6093. \t\t\t\t\t\t\t";
  6094.             // line 4025
  6095.             echo "\t\t\t\t\t\t\t";
  6096.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4025, $this->source); })()) && twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4025, $this->source); })()))) && (twig_join_filter((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4025, $this->source); })())) != ""))) {
  6097.                 // line 4026
  6098.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6099. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">芝の幅";
  6100.                 // line 4027
  6101.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4027, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4027, $this->source); })()), "pw", [], "any", false, false, false, 4027))) {
  6102.                     echo ": <span>";
  6103.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4027, $this->source); })()), "pw", [], "any", false, false, false, 4027), "html", null, true);
  6104.                     echo "</span>";
  6105.                 }
  6106.                 echo "</div>
  6107. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6108. \t\t\t\t\t\t\t    ";
  6109.                 // line 4029
  6110.                 $context["idx"] = 0;
  6111.                 // line 4030
  6112.                 echo "\t\t\t\t\t\t\t    ";
  6113.                 $context['_parent'] = $context;
  6114.                 $context['_seq'] = twig_ensure_traversable((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4030, $this->source); })()));
  6115.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  6116.                     if ($context["pw_val"]) {
  6117.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4030, $this->source); })()) + 1);
  6118.                         // line 4031
  6119.                         echo "\t\t\t\t\t\t\t      <label class=\"opt-btn";
  6120.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4031, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4031, $this->source); })()), "pw", [], "any", false, false, false, 4031) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4031, $this->source); })())) == 1))) {
  6121.                             echo " is-selected";
  6122.                         }
  6123.                         echo "\"
  6124. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_";
  6125.                         // line 4032
  6126.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4032, $this->source); })()), "html", null, true);
  6127.                         echo "');\">
  6128. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  6129.                         // line 4033
  6130.                         echo twig_escape_filter($this->env, (isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 4033, $this->source); })()), "html", null, true);
  6131.                         echo "\" value=\"";
  6132.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6133.                         echo "\"
  6134. \t\t\t\t\t\t\t               ";
  6135.                         // line 4034
  6136.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4034, $this->source); })()) && (twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4034, $this->source); })()), "pw", [], "any", false, false, false, 4034) == $context["pw_val"])) || (twig_length_filter($this->env, (isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 4034, $this->source); })())) == 1))) {
  6137.                             echo "checked";
  6138.                         }
  6139.                         echo ">
  6140. \t\t\t\t\t\t\t        ";
  6141.                         // line 4035
  6142.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  6143.                         echo "
  6144. \t\t\t\t\t\t\t      </label>
  6145. \t\t\t\t\t\t\t    ";
  6146.                     }
  6147.                 }
  6148.                 $_parent = $context['_parent'];
  6149.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  6150.                 $context = array_intersect_key($context, $_parent) + $_parent;
  6151.                 // line 4038
  6152.                 echo "\t\t\t\t\t\t\t  </div>
  6153. \t\t\t\t\t\t\t</div>
  6154. \t\t\t\t\t\t\t";
  6155.             }
  6156.             // line 4041
  6157.             echo "
  6158. \t\t\t\t\t\t\t";
  6159.             // line 4043
  6160.             echo "\t\t\t\t\t\t\t";
  6161.             $context["_roll_h"] = (((array_key_exists("p_h", $context) && twig_length_filter($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 4043, $this->source); })())))) ? (twig_first($this->env, (isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 4043, $this->source); })()))) : (""));
  6162.             // line 4044
  6163.             echo "\t\t\t\t\t\t\t";
  6164.             if ((isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4044, $this->source); })())) {
  6165.                 // line 4045
  6166.                 echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6167. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">1ロールの長さ：<span style=\"font-weight:bold;\">";
  6168.                 // line 4046
  6169.                 if (twig_in_filter("cm", (isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4046, $this->source); })()))) {
  6170.                     echo twig_escape_filter($this->env, (twig_trim_filter(twig_replace_filter((isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4046, $this->source); })()), ["cm" => "", "," => ""])) / 100), "html", null, true);
  6171.                     echo "m";
  6172.                 } else {
  6173.                     echo twig_escape_filter($this->env, (isset($context["_roll_h"]) || array_key_exists("_roll_h", $context) ? $context["_roll_h"] : (function () { throw new RuntimeError('Variable "_roll_h" does not exist.', 4046, $this->source); })()), "html", null, true);
  6174.                 }
  6175.                 echo "</span></div>
  6176. \t\t\t\t\t\t\t</div>
  6177. \t\t\t\t\t\t\t";
  6178.             }
  6179.             // line 4049
  6180.             echo "
  6181. \t\t\t\t\t\t\t";
  6182.             // line 4052
  6183.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6184. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  6185. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6186. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6187. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  6188. \t\t\t\t\t\t\t        class=\"form-control\"
  6189. \t\t\t\t\t\t\t        value=\"";
  6190.             // line 4058
  6191.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", true, true, false, 4058)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_len", [], "any", false, false, false, 4058), "")) : ("")), "html", null, true);
  6192.             echo "\"
  6193. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  6194. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  6195. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  6196. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  6197. \t\t\t\t\t\t\t        class=\"form-control\"
  6198. \t\t\t\t\t\t\t        value=\"";
  6199.             // line 4064
  6200.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", true, true, false, 4064)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_wid", [], "any", false, false, false, 4064), "")) : ("")), "html", null, true);
  6201.             echo "\"
  6202. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  6203. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  6204. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  6205. \t\t\t\t\t\t\t    </div>
  6206. \t\t\t\t\t\t\t    ";
  6207.             // line 4070
  6208.             echo "\t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"";
  6209.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 4070)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 4070), "")) : ("")), "html", null, true);
  6210.             echo "\">
  6211. \t\t\t\t\t\t\t    ";
  6212.             // line 4073
  6213.             echo "\t\t\t\t\t\t\t    <div style=\"margin-top:10px;display:inline-block;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px;padding:8px 14px;font-size:16px;color:#c00;font-weight:bold;\">
  6214. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  6215. \t\t\t\t\t\t\t        value=\"";
  6216.             // line 4075
  6217.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", true, true, false, 4075)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "tf_qty", [], "any", false, false, false, 4075), "1")) : ("1")), "html", null, true);
  6218.             echo "\" min=\"1\" step=\"1\"
  6219. \t\t\t\t\t\t\t        style=\"width:80px;font-size:22px;font-weight:bold;color:#c00;text-align:right;border:1px solid #ffe69c;border-radius:4px;padding:2px 6px;\"
  6220. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  6221. \t\t\t\t\t\t\t    </div>
  6222. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  6223. \t\t\t\t\t\t\t  </div>
  6224. \t\t\t\t\t\t\t</div>
  6226. \t\t\t\t\t\t";
  6227.         }
  6228.         // line 4084
  6229.         echo "
  6230. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  6231. \t\t\t\t\t\t";
  6232.         // line 4086
  6233.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4086, $this->source); })()), "SaleType", [], "any", false, false, false, 4086), "id", [], "any", false, false, false, 4086) == 7)) {
  6234.             // line 4087
  6235.             echo "\t\t\t\t\t\t\t";
  6236.             // line 4088
  6237.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6238. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  6239. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6240. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6241. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  6242. \t\t\t\t\t\t\t        value=\"";
  6243.             // line 4093
  6244.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", true, true, false, 4093)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "suuryou", [], "any", false, false, false, 4093), "1")) : ("1")), "html", null, true);
  6245.             echo "\" min=\"1\" max=\"100\"
  6246. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  6247. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6248. \t\t\t\t\t\t\t    </div>
  6249. \t\t\t\t\t\t\t  </div>
  6250. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6251. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  6252. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  6253. \t\t\t\t\t\t\t  </div>
  6254. \t\t\t\t\t\t\t</div>
  6255. \t\t\t\t\t\t";
  6256.         }
  6257.         // line 4104
  6258.         echo "
  6259. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6260. \t\t\t\t\t\t";
  6261.         // line 4106
  6262.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4106, $this->source); })()), "SaleType", [], "any", false, false, false, 4106), "id", [], "any", false, false, false, 4106) == 9)) {
  6263.             // line 4107
  6264.             echo "\t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6265. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6266. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6267. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6268. \t\t\t\t\t\t\t      <input type=\"number\" name=\"quantity_only\" id=\"quantity_only\" class=\"form-control\" value=\"1\" min=\"1\" onchange=\"\$('#quantity').val(this.value);\">
  6269. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6270. \t\t\t\t\t\t\t    </div>
  6271. \t\t\t\t\t\t\t  </div>
  6272. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6273. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6274. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6275. \t\t\t\t\t\t\t  </div>
  6276. \t\t\t\t\t\t\t</div>
  6277. \t\t\t\t\t\t";
  6278.         }
  6279.         // line 4121
  6280.         echo "
  6284. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">取り付け工事のご希望に関してお答えください。</label></div>
  6285. \t\t\t\t\t\t";
  6286.         // line 4129
  6287.         echo "\t\t\t\t\t\t";
  6288.         $context["is_gs"] = false;
  6289.         // line 4130
  6290.         echo "\t\t\t\t\t\t";
  6291.         $context["is_cg"] = false;
  6292.         // line 4131
  6293.         echo "\t\t\t\t\t\t";
  6294.         if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 4131, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4131))) {
  6295.             // line 4132
  6296.             echo "\t\t\t\t\t\t\t";
  6297.             $context['_parent'] = $context;
  6298.             $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.', 4132, $this->source); })()), "ProductCategories", [], "any", false, false, false, 4132));
  6299.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  6300.                 // line 4133
  6301.                 echo "\t\t\t\t\t\t\t\t";
  6302.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4133) == 27)) {
  6303.                     $context["is_gs"] = true;
  6304.                 }
  6305.                 // line 4134
  6306.                 echo "\t\t\t\t\t\t\t\t";
  6307.                 if ((twig_get_attribute($this->env, $this->source, $context["ProductCategory"], "category_id", [], "any", false, false, false, 4134) == 9)) {
  6308.                     $context["is_cg"] = true;
  6309.                 }
  6310.                 // line 4135
  6311.                 echo "\t\t\t\t\t\t\t";
  6312.             }
  6313.             $_parent = $context['_parent'];
  6314.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  6315.             $context = array_intersect_key($context, $_parent) + $_parent;
  6316.             // line 4136
  6317.             echo "\t\t\t\t\t\t";
  6318.         }
  6319.         // line 4137
  6320.         echo "\t\t\t\t\t\t";
  6321.         $context['_parent'] = $context;
  6322.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  6323.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  6324.             // line 4138
  6325.             echo "\t\t\t\t\t\t\t";
  6326.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4138, $this->source); })()) && (twig_length_filter($this->env, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4138, $this->source); })())) >= ($context["i"] + 1)))) {
  6327.                 // line 4139
  6328.                 echo "\t\t\t\t\t\t\t";
  6329.                 if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4139, $this->source); })()), $context["i"], [], "array", false, false, false, 4139), "name", [], "array", false, false, false, 4139)) {
  6330.                     // line 4140
  6331.                     echo "\t\t\t\t\t\t\t";
  6332.                     $context["hide_opt"] = false;
  6333.                     // line 4141
  6334.                     echo "\t\t\t\t\t\t\t";
  6335.                     if (((isset($context["is_gs"]) || array_key_exists("is_gs", $context) ? $context["is_gs"] : (function () { throw new RuntimeError('Variable "is_gs" does not exist.', 4141, $this->source); })()) && (preg_match("/撤去/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4141, $this->source); })()), $context["i"], [], "array", false, false, false, 4141), "name", [], "array", false, false, false, 4141)) || preg_match("/残土/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4141, $this->source); })()), $context["i"], [], "array", false, false, false, 4141), "name", [], "array", false, false, false, 4141))))) {
  6336.                         // line 4142
  6337.                         echo "\t\t\t\t\t\t\t\t";
  6338.                         $context["hide_opt"] = true;
  6339.                         // line 4143
  6340.                         echo "\t\t\t\t\t\t\t";
  6341.                     }
  6342.                     // line 4144
  6343.                     echo "\t\t\t\t\t\t\t";
  6344.                     if (((isset($context["is_cg"]) || array_key_exists("is_cg", $context) ? $context["is_cg"] : (function () { throw new RuntimeError('Variable "is_cg" does not exist.', 4144, $this->source); })()) && preg_match("/残土/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4144, $this->source); })()), $context["i"], [], "array", false, false, false, 4144), "name", [], "array", false, false, false, 4144)))) {
  6345.                         // line 4145
  6346.                         echo "\t\t\t\t\t\t\t\t";
  6347.                         $context["hide_opt"] = true;
  6348.                         // line 4146
  6349.                         echo "\t\t\t\t\t\t\t";
  6350.                     }
  6351.                     // line 4147
  6352.                     echo "\t\t\t\t\t\t\t";
  6353.                     if ( !(isset($context["hide_opt"]) || array_key_exists("hide_opt", $context) ? $context["hide_opt"] : (function () { throw new RuntimeError('Variable "hide_opt" does not exist.', 4147, $this->source); })())) {
  6354.                         // line 4148
  6355.                         echo "\t\t\t\t\t\t\t";
  6356.                         // line 4150
  6357.                         echo "\t\t\t\t\t\t\t";
  6358.                         $context["is_removal_unknown"] = (((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4150), "price", [], "array", true, true, false, 4150)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4150), "price", [], "array", false, false, false, 4150), 0)) : (0)) == 0) || (((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4150), "price", [], "array", true, true, false, 4150)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["op"] ?? null), $context["i"], [], "array", false, true, false, 4150), "price", [], "array", false, false, false, 4150), "0")) : ("0")) == "0")) && ((preg_match("/解体/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source,                         // line 4151
  6359. (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4151, $this->source); })()), $context["i"], [], "array", false, false, false, 4151), "name", [], "array", false, false, false, 4151)) || preg_match("/撤去/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4151, $this->source); })()), $context["i"], [], "array", false, false, false, 4151), "name", [], "array", false, false, false, 4151))) || preg_match("/設置場所/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4151, $this->source); })()), $context["i"], [], "array", false, false, false, 4151), "name", [], "array", false, false, false, 4151))));
  6360.                         // line 4152
  6361.                         echo "\t\t\t\t\t\t\t";
  6362.                         // line 4153
  6363.                         echo "\t\t\t\t\t\t\t";
  6364.                         $context["is_tf_kouji"] = ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4153, $this->source); })()), "SaleType", [], "any", false, false, false, 4153), "id", [], "any", false, false, false, 4153) == 6) && preg_match("/取り付け工事/", twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4153, $this->source); })()), $context["i"], [], "array", false, false, false, 4153), "name", [], "array", false, false, false, 4153)));
  6365.                         // line 4154
  6366.                         echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" data-op-idx=\"";
  6367.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6368.                         echo "\" data-op-name=\"";
  6369.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4154, $this->source); })()), $context["i"], [], "array", false, false, false, 4154), "name", [], "array", false, false, false, 4154), "html_attr");
  6370.                         echo "\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6372. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  6373.                         // line 4156
  6374.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4156, $this->source); })()), $context["i"], [], "array", false, false, false, 4156), "name", [], "array", false, false, false, 4156), "html", null, true);
  6375.                         if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4156, $this->source); })()) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4156, $this->source); })()), "op", [], "any", false, false, false, 4156), $context["i"], [], "array", false, false, false, 4156))) {
  6376.                             echo ": <span>";
  6377.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4156, $this->source); })()), "op", [], "any", false, false, false, 4156), $context["i"], [], "array", false, false, false, 4156), "html", null, true);
  6378.                             echo "</span>";
  6379.                         }
  6380.                         echo "</div>
  6381. \t\t\t\t\t\t\t  ";
  6382.                         // line 4157
  6383.                         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4157, $this->source); })()), $context["i"], [], "array", false, false, false, 4157), "comment", [], "array", false, false, false, 4157)) {
  6384.                             echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  6385.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4157, $this->source); })()), $context["i"], [], "array", false, false, false, 4157), "comment", [], "array", false, false, false, 4157), "html", null, true);
  6386.                             echo "</div>";
  6387.                         }
  6388.                         // line 4158
  6389.                         echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6390. \t\t\t\t\t\t\t    ";
  6391.                         // line 4161
  6392.                         echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6393.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4161, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4161, $this->source); })()), "op", [], "any", false, false, false, 4161), $context["i"], [], "array", false, false, false, 4161) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4161, $this->source); })()), $context["i"], [], "array", false, false, false, 4161), "on", [], "array", false, false, false, 4161))) ||  !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4161, $this->source); })()), $context["i"], [], "array", false, false, false, 4161), "off", [], "array", false, false, false, 4161))) {
  6394.                             echo " is-selected";
  6395.                         }
  6396.                         echo "\"
  6397. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6398.                         // line 4162
  6399.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6400.                         echo "','op";
  6401.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6402.                         echo "_1');\">
  6403. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6404.                         // line 4163
  6405.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6406.                         echo "\" id=\"op";
  6407.                         echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6408.                         echo "_1\" value=\"";
  6409.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4163, $this->source); })()), $context["i"], [], "array", false, false, false, 4163), "on", [], "array", false, false, false, 4163), "html", null, true);
  6410.                         echo "\" ";
  6411.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4163, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4163, $this->source); })()), "op", [], "any", false, false, false, 4163), $context["i"], [], "array", false, false, false, 4163) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4163, $this->source); })()), $context["i"], [], "array", false, false, false, 4163), "on", [], "array", false, false, false, 4163))) ||  !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4163, $this->source); })()), $context["i"], [], "array", false, false, false, 4163), "off", [], "array", false, false, false, 4163))) {
  6412.                             echo "checked";
  6413.                         }
  6414.                         echo ">
  6415. \t\t\t\t\t\t\t      ";
  6416.                         // line 4164
  6417.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4164, $this->source); })()), $context["i"], [], "array", false, false, false, 4164), "on", [], "array", false, false, false, 4164), "html", null, true);
  6418.                         echo "
  6419. \t\t\t\t\t\t\t    </label>
  6420. \t\t\t\t\t\t\t    ";
  6421.                         // line 4166
  6422.                         if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4166, $this->source); })()), $context["i"], [], "array", false, false, false, 4166), "off", [], "array", false, false, false, 4166)) {
  6423.                             // line 4167
  6424.                             echo "\t\t\t\t\t\t\t    <label class=\"opt-btn";
  6425.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4167, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4167, $this->source); })()), "op", [], "any", false, false, false, 4167), $context["i"], [], "array", false, false, false, 4167) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4167, $this->source); })()), $context["i"], [], "array", false, false, false, 4167), "off", [], "array", false, false, false, 4167)))) {
  6426.                                 echo " is-selected";
  6427.                             }
  6428.                             echo "\"
  6429. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  6430.                             // line 4168
  6431.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6432.                             echo "','op";
  6433.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6434.                             echo "_2');\">
  6435. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  6436.                             // line 4169
  6437.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6438.                             echo "\" id=\"op";
  6439.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6440.                             echo "_2\" value=\"";
  6441.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4169, $this->source); })()), $context["i"], [], "array", false, false, false, 4169), "off", [], "array", false, false, false, 4169), "html", null, true);
  6442.                             echo "\" ";
  6443.                             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4169, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4169, $this->source); })()), "op", [], "any", false, false, false, 4169), $context["i"], [], "array", false, false, false, 4169) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4169, $this->source); })()), $context["i"], [], "array", false, false, false, 4169), "off", [], "array", false, false, false, 4169)))) {
  6444.                                 echo "checked";
  6445.                             }
  6446.                             echo ">
  6447. \t\t\t\t\t\t\t      ";
  6448.                             // line 4170
  6449.                             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4170, $this->source); })()), $context["i"], [], "array", false, false, false, 4170), "off", [], "array", false, false, false, 4170), "html", null, true);
  6450.                             echo "
  6451. \t\t\t\t\t\t\t    </label>
  6452. \t\t\t\t\t\t\t    ";
  6453.                         }
  6454.                         // line 4173
  6455.                         echo "\t\t\t\t\t\t\t  </div>
  6456. \t\t\t\t\t\t\t  ";
  6457.                         // line 4174
  6458.                         if (((isset($context["is_removal_unknown"]) || array_key_exists("is_removal_unknown", $context) ? $context["is_removal_unknown"] : (function () { throw new RuntimeError('Variable "is_removal_unknown" does not exist.', 4174, $this->source); })()) || (isset($context["is_tf_kouji"]) || array_key_exists("is_tf_kouji", $context) ? $context["is_tf_kouji"] : (function () { throw new RuntimeError('Variable "is_tf_kouji" does not exist.', 4174, $this->source); })()))) {
  6459.                             // line 4175
  6460.                             echo "\t\t\t\t\t\t\t  <div class=\"opt-survey-note\" data-op-idx=\"";
  6461.                             echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  6462.                             echo "\" style=\"font-size:12px;color:#c00;margin-top:6px;";
  6463.                             if ( !((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4175, $this->source); })()) && (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 4175, $this->source); })()), "op", [], "any", false, false, false, 4175), $context["i"], [], "array", false, false, false, 4175) == twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 4175, $this->source); })()), $context["i"], [], "array", false, false, false, 4175), "on", [], "array", false, false, false, 4175)))) {
  6464.                                 echo "display:none;";
  6465.                             }
  6466.                             echo "\">
  6467. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  6468. \t\t\t\t\t\t\t  </div>
  6469. \t\t\t\t\t\t\t  ";
  6470.                         }
  6471.                         // line 4179
  6472.                         echo "\t\t\t\t\t\t\t</div>
  6473. \t\t\t\t\t\t\t";
  6474.                     }
  6475.                     // line 4181
  6476.                     echo "\t\t\t\t\t\t\t";
  6477.                 }
  6478.                 // line 4182
  6479.                 echo "\t\t\t\t\t\t\t";
  6480.             }
  6481.             // line 4183
  6482.             echo "\t\t\t\t\t\t";
  6483.         }
  6484.         $_parent = $context['_parent'];
  6485.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  6486.         $context = array_intersect_key($context, $_parent) + $_parent;
  6487.         // line 4184
  6488.         echo "
  6489. \t\t\t\t\t\t";
  6490.         // line 4188
  6491.         echo "\t\t\t\t\t\t";
  6492.         if ((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4188, $this->source); })()), "SaleType", [], "any", false, false, false, 4188), "id", [], "any", false, false, false, 4188) == 4) && (isset($context["oi"]) || array_key_exists("oi", $context) ? $context["oi"] : (function () { throw new RuntimeError('Variable "oi" does not exist.', 4188, $this->source); })())) && twig_get_attribute($this->env, $this->source, (isset($context["oi"]) || array_key_exists("oi", $context) ? $context["oi"] : (function () { throw new RuntimeError('Variable "oi" does not exist.', 4188, $this->source); })()), "fe_block", [], "any", false, false, false, 4188))) {
  6493.             // line 4189
  6494.             echo "\t\t\t\t\t\t<div id=\"fe-block-options\" class=\"form-group mt-3 pb-3\" style=\"display:none;border-bottom:1px solid rgba(0,0,0,.125)\"></div>
  6495. \t\t\t\t\t\t";
  6496.         }
  6497.         // line 4191
  6498.         echo "
  6499. \t\t\t\t\t  </div>
  6500. \t\t\t\t\t  <!-- /.card-body -->
  6501. \t\t\t\t\t</div>
  6504.                     <form action=\"";
  6505.         // line 4197
  6506.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_add_cart", ["id" => twig_get_attribute($this->env, $this->source, (isset($context["Product"]) || array_key_exists("Product", $context) ? $context["Product"] : (function () { throw new RuntimeError('Variable "Product" does not exist.', 4197, $this->source); })()), "id", [], "any", false, false, false, 4197)]), "html", null, true);
  6507.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  6508.                         ";
  6509.         // line 4198
  6510.         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.', 4198, $this->source); })()), "stock_find", [], "any", false, false, false, 4198)) {
  6511.             // line 4199
  6512.             echo "                            <div class=\"ec-productRole__actions\">
  6513.                                 ";
  6514.             // line 4200
  6515.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 4200)) {
  6516.                 // line 4201
  6517.                 echo "                                    <div class=\"ec-select\">
  6518.                                         ";
  6519.                 // line 4202
  6520.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4202, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4202), 'row');
  6521.                 echo "
  6522.                                         ";
  6523.                 // line 4203
  6524.                 echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4203, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 4203), 'errors');
  6525.                 echo "
  6526.                                     </div>
  6527.                                     ";
  6528.                 // line 4205
  6529.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 4205)) {
  6530.                     // line 4206
  6531.                     echo "                                        <div class=\"ec-select\">
  6532.                                             ";
  6533.                     // line 4207
  6534.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4207, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4207), 'row');
  6535.                     echo "
  6536.                                             ";
  6537.                     // line 4208
  6538.                     echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4208, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 4208), 'errors');
  6539.                     echo "
  6540.                                         </div>
  6541.                                     ";
  6542.                 }
  6543.                 // line 4211
  6544.                 echo "                                ";
  6545.             }
  6546.             // line 4212
  6547.             echo "                                <div class=\"ec-numberInput\">
  6548.                                     ";
  6549.             // line 4213
  6550.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4213, $this->source); })()), "quantity", [], "any", false, false, false, 4213), 'widget', ["type" => "hidden"]);
  6551.             echo "
  6552.                                     ";
  6553.             // line 4214
  6554.             echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(twig_get_attribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4214, $this->source); })()), "quantity", [], "any", false, false, false, 4214), 'errors');
  6555.             echo "
  6556.                                 </div>
  6557.                             </div>
  6559.                         ";
  6560.         } else {
  6561.             // line 4219
  6562.             echo "                            <div class=\"ec-productRole__btn\">
  6563.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  6564.                                     ";
  6565.             // line 4221
  6566.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  6567.             echo "
  6568.                                 </button>
  6569.                             </div>
  6570.                         ";
  6571.         }
  6572.         // line 4225
  6573.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  6574.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  6575.                         </div>
  6576.                         ";
  6577.         // line 4228
  6578.         echo $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 4228, $this->source); })()), 'rest');
  6579.         echo "
  6580.                     </form>
  6581.                     <div class=\"ec-modal add-cart-modal\">
  6582.                         <div class=\"ec-modal-overlay\">
  6583.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  6584.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  6585.         // line 4233
  6586.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  6587.         echo "\" alt=\"\"/></span></span>
  6588.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">";
  6589.         // line 4234
  6590.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに追加しました。"), "html", null, true);
  6591.         echo "</div>
  6592.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  6593.                                     <div class=\"ec-role add-cart-modal__actions\">
  6594.                                         <a href=\"";
  6595.         // line 4237
  6596.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  6597.         echo "\" class=\"ec-inlineBtn--action add-cart-modal__primary\">";
  6598.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("カートに進む"), "html", null, true);
  6599.         echo "</a>
  6600.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">";
  6601.         // line 4238
  6602.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  6603.         echo "</span>
  6604.                                     </div>
  6605.                                 </div>
  6606.                             </div>
  6607.                         </div>
  6608.                     </div>
  6609.                     <div class=\"ec-productRole__description\">";
  6610.         // line 4244
  6611.         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.', 4244, $this->source); })()), "description_detail", [], "any", false, false, false, 4244));
  6612.         echo "
  6613.                     </div>
  6615.                     ";
  6616.         // line 4248
  6617.         echo "                    <div class=\"ec-productRole__share\">
  6618.                         <ul class=\"ec-share\">
  6619.                             <li class=\"ec-share__item\">
  6620.                                 <a href=\"https://twitter.com/share?url=";
  6621.         // line 4251
  6622.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 4251, $this->source); })()), "request", [], "any", false, false, false, 4251), "uri", [], "any", false, false, false, 4251)), "html", null, true);
  6623.         echo "&text=";
  6624.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 4251, $this->source); })()), "name", [], "any", false, false, false, 4251)), "html", null, true);
  6625.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  6626.                                     <i class=\"fab fa-twitter\"></i>
  6627.                                 </a>
  6628.                             </li>
  6629.                             <li class=\"ec-share__item\">
  6630.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  6631.         // line 4256
  6632.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 4256, $this->source); })()), "request", [], "any", false, false, false, 4256), "uri", [], "any", false, false, false, 4256)), "html", null, true);
  6633.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  6634.                                     <i class=\"fab fa-facebook-f\"></i>
  6635.                                 </a>
  6636.                             </li>
  6637.                             <li class=\"ec-share__item\">
  6638.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  6639.         // line 4261
  6640.         echo twig_escape_filter($this->env, twig_urlencode_filter(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.', 4261, $this->source); })()), "request", [], "any", false, false, false, 4261), "uri", [], "any", false, false, false, 4261)), "html", null, true);
  6641.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  6642.                                     <i class=\"fab fa-line\"></i>
  6643.                                 </a>
  6644.                             </li>
  6645.                         </ul>
  6646.                     </div>
  6647.                 </div>
  6648. \t\t\t\t";
  6649.         // line 4269
  6650.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  6651. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  6652. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  6653. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  6654. \t\t\t\t    </div>
  6655. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  6656. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  6657. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  6658. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  6659. \t\t\t\t        ";
  6660.         // line 4278
  6661.         $context["spTotalQty"] = $this->extensions['Eccube\Twig\Extension\CartServiceExtension']->get_carts_total_quantity();
  6662.         // line 4279
  6663.         echo "\t\t\t\t        ";
  6664.         if (((isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 4279, $this->source); })()) > 0)) {
  6665.             // line 4280
  6666.             echo "\t\t\t\t            <span class=\"sp-bar__cart-badge\">";
  6667.             echo twig_escape_filter($this->env, twig_number_format_filter($this->env, (isset($context["spTotalQty"]) || array_key_exists("spTotalQty", $context) ? $context["spTotalQty"] : (function () { throw new RuntimeError('Variable "spTotalQty" does not exist.', 4280, $this->source); })())), "html", null, true);
  6668.             echo "</span>
  6669. \t\t\t\t        ";
  6670.         }
  6671.         // line 4282
  6672.         echo "\t\t\t\t    </button>
  6673. \t\t\t\t    <a href=\"";
  6674.         // line 4283
  6675.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("homepage");
  6676.         echo "\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  6677. \t\t\t\t        <i class=\"fas fa-home\"></i>
  6678. \t\t\t\t    </a>
  6679. \t\t\t\t</div>
  6681. \t\t\t\t";
  6682.         // line 4289
  6683.         echo "\t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  6685. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  6686. \t\t\t\t\t<div class=\"card-header\">
  6687. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  6688. \t\t\t\t\t  <div class=\"card-tools\">
  6689. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  6690. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  6691. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  6692. \t\t\t\t\t    </button>
  6693. \t\t\t\t\t  </div>
  6694. \t\t\t\t\t</div>
  6695. \t\t\t\t\t<div class=\"card-body p-0\">
  6696. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  6697. \t\t\t\t\t    <li class=\"nav-item active\">
  6698. \t\t\t\t\t      <a class=\"nav-link\">
  6699. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  6700. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  6701. \t\t\t\t\t      </a>
  6702. \t\t\t\t\t    </li>
  6703. \t\t\t\t\t    <li class=\"nav-item active\">
  6704. \t\t\t\t\t      <a class=\"nav-link\">
  6705. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  6706. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  6707. \t\t\t\t\t      </a>
  6708. \t\t\t\t\t    </li>
  6709. \t\t\t\t\t    ";
  6710.         // line 4316
  6711.         echo "\t\t\t\t\t    ";
  6712.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4316, $this->source); })()), "SaleType", [], "any", false, false, false, 4316), "id", [], "any", false, false, false, 4316) != 2)) {
  6713.             // line 4317
  6714.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  6715. \t\t\t\t\t      <a class=\"nav-link\">
  6716. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  6717. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  6718. \t\t\t\t\t      </a>
  6719. \t\t\t\t\t    </li>
  6720. \t\t\t\t\t    ";
  6721.         } else {
  6722.             // line 4324
  6723.             echo "\t\t\t\t\t    ";
  6724.             // line 4325
  6725.             echo "\t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  6726. \t\t\t\t\t    ";
  6727.         }
  6728.         // line 4327
  6729.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  6730. \t\t\t\t\t      <a class=\"nav-link\">
  6731. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  6732. \t\t\t\t\t        ";
  6733.         // line 4330
  6734.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4330, $this->source); })()), "SaleType", [], "any", false, false, false, 4330), "id", [], "any", false, false, false, 4330) == 2)) {
  6735.             echo "補助金（割引額）";
  6736.         } else {
  6737.             echo "お値引き";
  6738.         }
  6739.         // line 4331
  6740.         echo "\t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  6741. \t\t\t\t\t      </a>
  6742. \t\t\t\t\t    </li>
  6743. \t\t\t\t\t    ";
  6744.         // line 4335
  6745.         echo "\t\t\t\t\t    ";
  6746.         if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["ProductClass"]) || array_key_exists("ProductClass", $context) ? $context["ProductClass"] : (function () { throw new RuntimeError('Variable "ProductClass" does not exist.', 4335, $this->source); })()), "SaleType", [], "any", false, false, false, 4335), "id", [], "any", false, false, false, 4335) == 2)) {
  6747.             // line 4336
  6748.             echo "\t\t\t\t\t    <li class=\"nav-item\">
  6749. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  6750. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  6751. \t\t\t\t\t      </div>
  6752. \t\t\t\t\t    </li>
  6753. \t\t\t\t\t    ";
  6754.         }
  6755.         // line 4342
  6756.         echo "\t\t\t\t\t    <li class=\"nav-item\">
  6757. \t\t\t\t\t      <a class=\"nav-link\">
  6758. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  6759. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  6760. \t\t\t\t\t      </a>
  6761. \t\t\t\t\t    </li>
  6762. \t\t\t\t\t    <li class=\"nav-item\">
  6763. \t\t\t\t\t      <a class=\"nav-link\">
  6764. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  6765. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  6766. \t\t\t\t\t      </a>
  6767. \t\t\t\t\t    </li>
  6768. \t\t\t\t\t  </ul>
  6769. \t\t\t\t\t</div>
  6770. \t\t\t\t\t<div class=\"card-footer\">
  6771. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  6772. \t\t                  見積書表示
  6773. \t\t                </button>
  6774.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  6776. \t\t\t\t\t</div>
  6777. \t\t\t\t</div>
  6778.             </div>
  6780.         </div>
  6782.     </div>
  6784.   <div class=\"modal\" id=\"modal-mitsumori\">
  6785.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  6786.       <div class=\"modal-content\">
  6787.         <div class=\"modal-header\">
  6788.           <h4 class=\"modal-title\">お見積書</h4>
  6789.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  6790.             <span aria-hidden=\"true\">&times;</span>
  6791.           </button>
  6792.         </div>
  6793.         <div class=\"modal-body\">
  6794. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  6795. \t\t\t  <!-- title row -->
  6796. \t\t\t  <div class=\"row\">
  6797. \t\t\t    <div class=\"col-12\">
  6798. \t\t\t      <h2>概算お見積書 
  6799. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  6800. \t\t\t      </h2>
  6801. \t\t\t    </div>
  6802. \t\t\t    <!-- /.col -->
  6803. \t\t\t  </div>
  6804. \t\t\t  <!-- info row -->
  6805. \t\t\t  <div class=\"row invoice-info\">
  6806. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  6807. \t\t\t      <h3>お客様</h3>
  6808. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  6809. \t\t\t      <br />
  6810. \t\t\t      <br / >
  6811. \t\t\t      <br />
  6812. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  6813. \t\t\t      <span>
  6814. \t\t\t        <br/>
  6815. \t\t\t        <br/>
  6816. \t\t\t        <br/>
  6817. \t\t\t        <br/>
  6818. \t\t\t      </span>
  6819. \t\t\t    </div>
  6820. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  6821. \t\t\t      <p>
  6822. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  6823. \t\t\t      </p>
  6824. \t\t\t      <p>有限会社プラス</p>
  6825. \t\t\t      <p>〒400-0334</p>
  6826. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  6827. \t\t\t      <p>TEL: 055-284-6480</p>
  6828. \t\t\t      <img alt=\"\" src=\"/html/user_data/js/images/seal.svg\" style=\"z-index: 2; position: absolute; width: 21mm; left: 58mm; top: 36mm;\">
  6829. \t\t\t    </div>
  6830. \t\t\t    <!-- /.col -->
  6831. \t\t\t    <!-- /.col -->
  6832. \t\t\t  </div>
  6833. \t\t\t  <!-- /.row -->
  6834. \t\t\t  <!-- Table row -->
  6835. \t\t\t  <div class=\"row\">
  6836. \t\t\t    <div class=\"col-12 table-responsive\">
  6837. \t\t\t      <table class=\"table table-striped\">
  6838. \t\t\t        <thead>
  6839. \t\t\t          <tr>
  6840. \t\t\t            <th>項目</th>
  6841. \t\t\t            <th>数量</th>
  6842. \t\t\t            <th>単位</th>
  6843. \t\t\t            <th>単価</th>
  6844. \t\t\t            <th>小計</th>
  6845. \t\t\t          </tr>
  6846. \t\t\t        </thead>
  6847. \t\t\t        <tbody>
  6848. \t\t\t          <tr>
  6849. \t\t\t            <td id=\"mitsumori_item_name\">";
  6850.         // line 4435
  6851.         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.', 4435, $this->source); })()), "name", [], "any", false, false, false, 4435), "html", null, true);
  6852.         echo "</td>
  6853. \t\t\t            <td>1</td>
  6854. \t\t\t            <td>式</td>
  6855. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  6856. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  6857. \t\t\t          </tr>
  6858. \t\t\t          <tr>
  6859. \t\t\t            <td>基本工事費</td>
  6860. \t\t\t            <td>1</td>
  6861. \t\t\t            <td>式</td>
  6862. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  6863. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  6864. \t\t\t          </tr>
  6865. \t\t\t          <tr>
  6866. \t\t\t            <td>残土・ガラ処理</td>
  6867. \t\t\t            <td>1</td>
  6868. \t\t\t            <td>式</td>
  6869. \t\t\t            <td>0円</td>
  6870. \t\t\t            <td></td>
  6871. \t\t\t          </tr>
  6872. \t\t\t          <tr>
  6873. \t\t\t            <td>　</td>
  6874. \t\t\t            <td></td>
  6875. \t\t\t            <td></td>
  6876. \t\t\t            <td></td>
  6877. \t\t\t            <td></td>
  6878. \t\t\t          </tr>
  6879. \t\t\t        </tbody>
  6880. \t\t\t      </table>
  6881. \t\t\t    </div>
  6882. \t\t\t    <!-- /.col -->
  6883. \t\t\t  </div>
  6884. \t\t\t  <!-- /.row -->
  6885. \t\t\t  <div class=\"row\">
  6886. \t\t\t    <!-- accepted payments column -->
  6887. \t\t\t    <div class=\"col-6\">
  6888. \t\t\t      <p class=\"lead\">お支払い方法</p>
  6889. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  6890. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  6891. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  6892. \t\t\t      </p>
  6893. \t\t\t    </div>
  6894. \t\t\t    <!-- /.col -->
  6895. \t\t\t    <div class=\"col-6\">
  6896. \t\t\t      <div class=\"table-responsive\">
  6897. \t\t\t        <table class=\"table\">
  6898. \t\t\t          <tbody>
  6899. \t\t\t            <tr>
  6900. \t\t\t              <th style=\"width:50%\">小計:</th>
  6901. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  6902. \t\t\t            </tr>
  6903. \t\t\t            <tr>
  6904. \t\t\t              <th>消費税 (10%)</th>
  6905. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  6906. \t\t\t            </tr>
  6907. \t\t\t            <tr>
  6908. \t\t\t              <th>合計:</th>
  6909. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  6910. \t\t\t            </tr>
  6911. \t\t\t          </tbody>
  6912. \t\t\t        </table>
  6913. \t\t\t      </div>
  6914. \t\t\t    </div>
  6915. \t\t\t    <!-- /.col -->
  6916. \t\t\t  </div>
  6917. \t\t\t  <!-- /.row -->
  6918. \t\t\t</div>
  6919.         </div>
  6920.         <div class=\"modal-footer justify-content-between\">
  6921. \t\t\t      ";
  6922.         // line 4505
  6923.         echo "\t\t\t      <form method=\"post\" action=\"";
  6924.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  6925.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  6926. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  6927.         // line 4506
  6928.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  6929.         echo "\">
  6930. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  6931. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  6932. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  6933. \t\t\t        </button>
  6934. \t\t\t      </form>
  6935.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  6936.         </div>
  6937.       </div>
  6938.       <!-- /.modal-content -->
  6939.     </div>
  6940.     <!-- /.modal-dialog -->
  6941.   </div>
  6942.   <!-- /.modal -->
  6944.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  6945.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  6946.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  6947.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  6948.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  6949.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  6950.     </div>
  6951.     <style>
  6952.     #img-modal {
  6953.         display: none;
  6954.         position: fixed;
  6955.         inset: 0;
  6956.         z-index: 9999;
  6957.         background: rgba(0,0,0,0.88);
  6958.         align-items: center;
  6959.         justify-content: center;
  6960.         cursor: zoom-out;
  6961.     }
  6962.     #img-modal.is-open { display: flex; }
  6963.     #img-modal__img {
  6964.         max-width: 92vw;
  6965.         max-height: 88vh;
  6966.         object-fit: contain;
  6967.         border-radius: 4px;
  6968.         cursor: default;
  6969.         user-select: none;
  6970.         touch-action: pinch-zoom;
  6971.         display: block;
  6972.     }
  6973.     #img-modal__close {
  6974.         position: absolute;
  6975.         top: 14px;
  6976.         right: 18px;
  6977.         font-size: 38px;
  6978.         color: #fff;
  6979.         cursor: pointer;
  6980.         background: none;
  6981.         border: none;
  6982.         padding: 0;
  6983.         line-height: 1;
  6984.         z-index: 1;
  6985.         opacity: 0.85;
  6986.     }
  6987.     #img-modal__close:hover { opacity: 1; }
  6988.     #img-modal__prev,
  6989.     #img-modal__next {
  6990.         position: absolute;
  6991.         top: 50%;
  6992.         transform: translateY(-50%);
  6993.         font-size: 36px;
  6994.         color: #fff;
  6995.         cursor: pointer;
  6996.         background: rgba(0,0,0,0.32);
  6997.         border: none;
  6998.         padding: 10px 16px;
  6999.         line-height: 1;
  7000.         border-radius: 6px;
  7001.         z-index: 1;
  7002.         opacity: 0.8;
  7003.         user-select: none;
  7004.     }
  7005.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  7006.     #img-modal__prev { left: 12px; }
  7007.     #img-modal__next { right: 12px; }
  7008.     @media (max-width: 767px) {
  7009.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  7010.     }
  7011.     </style>
  7012.     <script>
  7013.     (function(){
  7014.         var images = [];
  7015.         var current = 0;
  7017.         // Collect original (non-cloned) slide images at click time.
  7018.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  7019.         function collectImages() {
  7020.             images = [];
  7021.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  7022.             if (!\$slides.length) {
  7023.                 // Slick not yet initialized (fallback)
  7024.                 \$slides = \$('.item_visual .slide-item');
  7025.             }
  7026.             \$slides.each(function() {
  7027.                 var \$a = \$(this).find('a.js-zoom');
  7028.                 if (\$a.length) {
  7029.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  7030.                 }
  7031.             });
  7032.         }
  7034.         function showImage(idx) {
  7035.             current = ((idx % images.length) + images.length) % images.length;
  7036.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  7037.         }
  7039.         function openModal(href) {
  7040.             collectImages();
  7041.             if (!images.length) return;
  7042.             var idx = 0;
  7043.             for (var i = 0; i < images.length; i++) {
  7044.                 if (images[i].src === href) { idx = i; break; }
  7045.             }
  7046.             showImage(idx);
  7047.             \$('#img-modal').addClass('is-open');
  7048.             \$('body').css('overflow', 'hidden');
  7049.         }
  7051.         function closeModal() {
  7052.             \$('#img-modal').removeClass('is-open');
  7053.             \$('body').css('overflow', '');
  7054.         }
  7056.         // Click handler: works for both original and Slick-cloned anchors
  7057.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  7058.             e.preventDefault();
  7059.             openModal(\$(this).attr('href'));
  7060.         });
  7062.         // Close on backdrop click
  7063.         \$('#img-modal').on('click', function(e) {
  7064.             if (e.target === this) closeModal();
  7065.         });
  7066.         \$('#img-modal__close').on('click', closeModal);
  7067.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  7068.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  7070.         // Keyboard navigation
  7071.         \$(document).on('keydown', function(e) {
  7072.             if (!\$('#img-modal').hasClass('is-open')) return;
  7073.             if (e.key === 'Escape') closeModal();
  7074.             if (e.key === 'ArrowLeft') showImage(current - 1);
  7075.             if (e.key === 'ArrowRight') showImage(current + 1);
  7076.         });
  7078.         // Touch swipe (horizontal only)
  7079.         var _tx = 0;
  7080.         var \$modal = document.getElementById('img-modal');
  7081.         \$modal.addEventListener('touchstart', function(e) {
  7082.             _tx = e.changedTouches[0].clientX;
  7083.         }, { passive: true });
  7084.         \$modal.addEventListener('touchend', function(e) {
  7085.             var dx = e.changedTouches[0].clientX - _tx;
  7086.             if (Math.abs(dx) > 48) {
  7087.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  7088.             }
  7089.         }, { passive: true });
  7090.     })();
  7091.     </script>
  7093. ";
  7094.         
  7095.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  7097.         
  7098.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  7100.     }
  7102.     public function getTemplateName()
  7103.     {
  7104.         return "Product/detail.twig";
  7105.     }
  7107.     public function isTraitable()
  7108.     {
  7109.         return false;
  7110.     }
  7112.     public function getDebugInfo()
  7113.     {
  7114.         return array (  6928 => 4506,  6923 => 4505,  6851 => 4435,  6756 => 4342,  6748 => 4336,  6745 => 4335,  6740 => 4331,  6734 => 4330,  6729 => 4327,  6725 => 4325,  6723 => 4324,  6714 => 4317,  6711 => 4316,  6683 => 4289,  6675 => 4283,  6672 => 4282,  6666 => 4280,  6663 => 4279,  6661 => 4278,  6650 => 4269,  6640 => 4261,  6632 => 4256,  6622 => 4251,  6617 => 4248,  6611 => 4244,  6602 => 4238,  6596 => 4237,  6590 => 4234,  6586 => 4233,  6578 => 4228,  6573 => 4225,  6566 => 4221,  6562 => 4219,  6554 => 4214,  6550 => 4213,  6547 => 4212,  6544 => 4211,  6538 => 4208,  6534 => 4207,  6531 => 4206,  6529 => 4205,  6524 => 4203,  6520 => 4202,  6517 => 4201,  6515 => 4200,  6512 => 4199,  6510 => 4198,  6506 => 4197,  6498 => 4191,  6494 => 4189,  6491 => 4188,  6488 => 4184,  6482 => 4183,  6479 => 4182,  6476 => 4181,  6472 => 4179,  6460 => 4175,  6458 => 4174,  6455 => 4173,  6449 => 4170,  6437 => 4169,  6431 => 4168,  6424 => 4167,  6422 => 4166,  6417 => 4164,  6405 => 4163,  6399 => 4162,  6392 => 4161,  6389 => 4158,  6383 => 4157,  6374 => 4156,  6366 => 4154,  6363 => 4153,  6361 => 4152,  6359 => 4151,  6357 => 4150,  6355 => 4148,  6352 => 4147,  6349 => 4146,  6346 => 4145,  6343 => 4144,  6340 => 4143,  6337 => 4142,  6334 => 4141,  6331 => 4140,  6328 => 4139,  6325 => 4138,  6320 => 4137,  6317 => 4136,  6311 => 4135,  6306 => 4134,  6301 => 4133,  6296 => 4132,  6293 => 4131,  6290 => 4130,  6287 => 4129,  6280 => 4121,  6264 => 4107,  6262 => 4106,  6258 => 4104,  6244 => 4093,  6237 => 4088,  6235 => 4087,  6233 => 4086,  6229 => 4084,  6217 => 4075,  6213 => 4073,  6208 => 4070,  6200 => 4064,  6191 => 4058,  6183 => 4052,  6180 => 4049,  6169 => 4046,  6166 => 4045,  6163 => 4044,  6160 => 4043,  6157 => 4041,  6152 => 4038,  6142 => 4035,  6136 => 4034,  6130 => 4033,  6126 => 4032,  6119 => 4031,  6112 => 4030,  6110 => 4029,  6101 => 4027,  6098 => 4026,  6095 => 4025,  6092 => 4022,  6087 => 4019,  6077 => 4016,  6071 => 4015,  6065 => 4014,  6061 => 4013,  6054 => 4012,  6047 => 4011,  6045 => 4010,  6036 => 4008,  6033 => 4007,  6030 => 4006,  6027 => 4004,  6025 => 4003,  6021 => 4001,  6010 => 3995,  6001 => 3991,  5993 => 3988,  5985 => 3985,  5976 => 3982,  5973 => 3981,  5971 => 3980,  5966 => 3977,  5956 => 3971,  5947 => 3967,  5939 => 3964,  5931 => 3961,  5922 => 3958,  5919 => 3957,  5917 => 3956,  5912 => 3953,  5909 => 3951,  5907 => 3950,  5903 => 3948,  5889 => 3937,  5883 => 3933,  5880 => 3931,  5878 => 3930,  5874 => 3928,  5860 => 3917,  5854 => 3913,  5851 => 3911,  5846 => 3908,  5836 => 3905,  5830 => 3904,  5824 => 3903,  5820 => 3902,  5813 => 3901,  5806 => 3900,  5804 => 3899,  5795 => 3897,  5792 => 3896,  5789 => 3895,  5786 => 3893,  5781 => 3890,  5771 => 3887,  5765 => 3886,  5759 => 3885,  5755 => 3884,  5748 => 3883,  5741 => 3882,  5739 => 3881,  5729 => 3879,  5726 => 3878,  5723 => 3877,  5720 => 3875,  5715 => 3872,  5705 => 3869,  5699 => 3868,  5693 => 3867,  5689 => 3866,  5682 => 3865,  5675 => 3864,  5673 => 3863,  5664 => 3861,  5661 => 3860,  5658 => 3859,  5655 => 3857,  5650 => 3854,  5640 => 3851,  5634 => 3850,  5628 => 3849,  5624 => 3848,  5617 => 3847,  5610 => 3846,  5608 => 3845,  5599 => 3843,  5596 => 3842,  5594 => 3841,  5591 => 3840,  5586 => 3837,  5576 => 3834,  5570 => 3833,  5564 => 3832,  5560 => 3831,  5553 => 3830,  5546 => 3829,  5544 => 3828,  5535 => 3826,  5532 => 3825,  5530 => 3824,  5527 => 3823,  5522 => 3820,  5512 => 3817,  5506 => 3816,  5500 => 3815,  5496 => 3814,  5489 => 3813,  5482 => 3812,  5480 => 3811,  5471 => 3809,  5468 => 3808,  5465 => 3807,  5462 => 3805,  5460 => 3804,  5456 => 3802,  5326 => 3674,  5309 => 3658,  5306 => 3656,  5301 => 3653,  5293 => 3651,  5287 => 3649,  5282 => 3647,  5274 => 3645,  5272 => 3644,  5268 => 3643,  5261 => 3642,  5258 => 3641,  5253 => 3640,  5248 => 3637,  5245 => 3636,  5242 => 3634,  5236 => 3630,  5226 => 3627,  5222 => 3626,  5219 => 3625,  5214 => 3624,  5209 => 3621,  5206 => 3620,  5203 => 3618,  5195 => 3615,  5185 => 3607,  5182 => 3606,  5179 => 3604,  5171 => 3601,  5161 => 3593,  5158 => 3592,  5155 => 3590,  5150 => 3587,  5140 => 3584,  5136 => 3583,  5133 => 3582,  5128 => 3581,  5123 => 3578,  5120 => 3577,  5111 => 3569,  5086 => 3548,  5076 => 3543,  5065 => 3534,  5062 => 3533,  5052 => 3524,  5049 => 3520,  5046 => 3516,  5044 => 3515,  5040 => 3513,  5037 => 3512,  5035 => 3511,  5031 => 3509,  5026 => 3506,  5016 => 3503,  5010 => 3502,  5004 => 3501,  5000 => 3500,  4993 => 3499,  4986 => 3498,  4984 => 3497,  4974 => 3495,  4971 => 3494,  4968 => 3493,  4965 => 3491,  4960 => 3488,  4950 => 3485,  4944 => 3484,  4938 => 3483,  4934 => 3482,  4927 => 3481,  4920 => 3480,  4918 => 3479,  4908 => 3477,  4905 => 3476,  4902 => 3475,  4899 => 3470,  4894 => 3467,  4884 => 3464,  4878 => 3463,  4872 => 3462,  4868 => 3461,  4861 => 3460,  4854 => 3459,  4852 => 3458,  4843 => 3456,  4840 => 3455,  4837 => 3454,  4834 => 3452,  4829 => 3449,  4819 => 3446,  4813 => 3445,  4807 => 3444,  4803 => 3443,  4796 => 3442,  4789 => 3441,  4787 => 3440,  4778 => 3438,  4775 => 3437,  4772 => 3436,  4769 => 3433,  4764 => 3430,  4754 => 3427,  4748 => 3426,  4742 => 3425,  4738 => 3424,  4731 => 3423,  4724 => 3422,  4722 => 3421,  4713 => 3419,  4710 => 3418,  4708 => 3417,  4705 => 3416,  4700 => 3413,  4690 => 3410,  4684 => 3409,  4678 => 3408,  4674 => 3407,  4667 => 3406,  4660 => 3405,  4658 => 3404,  4649 => 3402,  4646 => 3401,  4643 => 3400,  4640 => 3395,  4635 => 3392,  4627 => 3390,  4621 => 3388,  4616 => 3386,  4608 => 3384,  4606 => 3383,  4600 => 3382,  4594 => 3381,  4590 => 3380,  4580 => 3379,  4577 => 3378,  4570 => 3377,  4568 => 3376,  4559 => 3374,  4556 => 3373,  4553 => 3372,  4550 => 3370,  4546 => 3368,  4543 => 3367,  4541 => 3365,  4540 => 3364,  4539 => 3363,  4538 => 3362,  4537 => 3361,  4536 => 3360,  4535 => 3359,  4534 => 3358,  4532 => 3357,  4529 => 3356,  4523 => 3355,  4520 => 3354,  4515 => 3353,  4510 => 3352,  4505 => 3351,  4502 => 3350,  4499 => 3349,  4494 => 3348,  4491 => 3347,  4488 => 3346,  4485 => 3345,  4479 => 3344,  4474 => 3343,  4469 => 3342,  4464 => 3341,  4461 => 3340,  4458 => 3339,  4455 => 3338,  4451 => 3329,  4447 => 3327,  4443 => 3325,  4434 => 3322,  4425 => 3321,  4421 => 3320,  4418 => 3319,  4416 => 3318,  4412 => 3316,  4403 => 3313,  4399 => 3312,  4395 => 3311,  4385 => 3309,  4381 => 3308,  4378 => 3307,  4376 => 3306,  4374 => 3305,  4365 => 3304,  4362 => 3303,  4359 => 3302,  4356 => 3300,  4352 => 3298,  4348 => 3296,  4339 => 3293,  4330 => 3292,  4326 => 3291,  4323 => 3290,  4319 => 3288,  4310 => 3285,  4303 => 3281,  4299 => 3280,  4289 => 3278,  4285 => 3277,  4282 => 3276,  4280 => 3275,  4271 => 3274,  4268 => 3273,  4265 => 3272,  4262 => 3270,  4258 => 3268,  4254 => 3266,  4245 => 3263,  4236 => 3262,  4232 => 3261,  4229 => 3260,  4225 => 3258,  4216 => 3255,  4209 => 3251,  4205 => 3250,  4195 => 3248,  4191 => 3247,  4188 => 3246,  4186 => 3245,  4177 => 3244,  4174 => 3243,  4171 => 3242,  4168 => 3240,  4164 => 3238,  4160 => 3236,  4151 => 3233,  4142 => 3232,  4138 => 3231,  4135 => 3230,  4133 => 3229,  4129 => 3227,  4120 => 3224,  4113 => 3220,  4109 => 3219,  4099 => 3217,  4095 => 3216,  4092 => 3215,  4090 => 3214,  4088 => 3213,  4079 => 3212,  4076 => 3211,  4073 => 3210,  4070 => 3208,  4066 => 3206,  4063 => 3205,  4061 => 3204,  4060 => 3203,  4059 => 3202,  4057 => 3201,  4054 => 3200,  4051 => 3199,  4048 => 3198,  4045 => 3197,  4042 => 3196,  4039 => 3195,  4036 => 3194,  4033 => 3193,  4031 => 3192,  4029 => 3191,  4017 => 3182,  4010 => 3177,  3998 => 3174,  3995 => 3173,  3992 => 3172,  3989 => 3170,  3978 => 3168,  3974 => 3167,  3971 => 3166,  3968 => 3164,  3962 => 3161,  3958 => 3160,  3955 => 3159,  3952 => 3158,  3946 => 3155,  3940 => 3154,  3937 => 3153,  3931 => 3150,  3927 => 3149,  3924 => 3148,  3922 => 3147,  3920 => 3146,  3916 => 3144,  3914 => 3143,  3910 => 3141,  3904 => 3140,  3899 => 3137,  3884 => 3135,  3875 => 3134,  3858 => 3133,  3854 => 3131,  3851 => 3130,  3847 => 3129,  3844 => 3128,  3841 => 3127,  3838 => 3126,  3825 => 3115,  3811 => 3103,  3805 => 3098,  3786 => 3096,  3769 => 3095,  3765 => 3093,  3754 => 3091,  3731 => 3087,  3725 => 3086,  3722 => 3085,  3704 => 3084,  3701 => 3083,  3697 => 3081,  3689 => 3077,  3681 => 3073,  3679 => 3072,  3676 => 3071,  3674 => 3070,  3664 => 3063,  3652 => 3056,  3647 => 3054,  3643 => 3052,  3637 => 3047,  3634 => 3046,  3628 => 3045,  3623 => 3044,  3618 => 3043,  3612 => 3042,  3606 => 3041,  3601 => 3040,  3598 => 3039,  3595 => 3038,  3592 => 3037,  3590 => 3036,  3580 => 3035,  3564 => 3028,  3560 => 3027,  3556 => 3026,  3552 => 3025,  3548 => 3023,  3542 => 3021,  3540 => 3020,  3535 => 3019,  3532 => 3018,  3522 => 3016,  3508 => 3014,  3500 => 3013,  3482 => 3012,  3477 => 3010,  3376 => 2916,  3368 => 2915,  3304 => 2854,  3204 => 2757,  3200 => 2756,  3184 => 2743,  3016 => 2577,  3013 => 2576,  3000 => 2575,  2997 => 2574,  2995 => 2573,  2992 => 2572,  2989 => 2571,  2976 => 2570,  2973 => 2569,  2970 => 2568,  2967 => 2566,  2964 => 2565,  2951 => 2564,  2948 => 2563,  2946 => 2562,  2943 => 2561,  2940 => 2560,  2927 => 2559,  2924 => 2558,  2922 => 2557,  2919 => 2556,  2916 => 2555,  2903 => 2554,  2900 => 2553,  2898 => 2552,  2895 => 2551,  2892 => 2550,  2879 => 2549,  2876 => 2548,  2874 => 2547,  2871 => 2546,  2868 => 2545,  2855 => 2544,  2852 => 2543,  2849 => 2542,  2846 => 2541,  2832 => 2540,  2829 => 2539,  2816 => 2538,  2813 => 2537,  2810 => 2536,  2717 => 2442,  2297 => 2025,  1940 => 1671,  1909 => 1643,  1896 => 1633,  1867 => 1607,  1863 => 1606,  1855 => 1601,  1406 => 1154,  1403 => 1153,  1397 => 1152,  1392 => 1151,  1387 => 1150,  1381 => 1149,  1375 => 1148,  1370 => 1147,  1367 => 1146,  1364 => 1145,  1361 => 1144,  1356 => 1141,  1343 => 1131,  1329 => 1120,  1301 => 1097,  1295 => 1096,  1289 => 1095,  1283 => 1094,  1277 => 1093,  1271 => 1092,  1265 => 1091,  1259 => 1090,  1253 => 1089,  1247 => 1088,  1241 => 1087,  1235 => 1086,  1229 => 1085,  1222 => 1083,  1216 => 1082,  1210 => 1081,  1204 => 1080,  1198 => 1079,  1178 => 1062,  1168 => 1055,  1138 => 1028,  1126 => 1018,  1117 => 1012,  1113 => 1010,  1111 => 1009,  1108 => 1008,  1099 => 1002,  1095 => 1000,  1093 => 999,  1021 => 929,  1013 => 927,  1011 => 926,  1006 => 924,  1003 => 923,  1001 => 922,  987 => 911,  983 => 909,  973 => 908,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  7115.     }
  7117.     public function getSourceContext()
  7118.     {
  7119.         return new Source("{#
  7120. This file is part of EC-CUBE
  7122. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  7124. http://www.ec-cube.co.jp/
  7126. For the full copyright and license information, please view the LICENSE
  7127. file that was distributed with this source code.
  7128. #}
  7129. {% extends 'default_frame.twig' %}
  7131. {% set body_class = 'product_page' %}
  7133. {% block stylesheet %}
  7134.     <style>
  7136.         .slick-slider {
  7137.             margin-bottom: 10px;
  7138. \t\t\tmargin-top: -20px;
  7139.         }
  7141.         .slick-dots {
  7142.             position: absolute;
  7143.             bottom: -45px;
  7144.             display: block;
  7145.             width: 100%;
  7146.             padding: 0;
  7147.             list-style: none;
  7148.             text-align: center;
  7149.         }
  7151.         .slick-dots li {
  7152.             position: relative;
  7153.             display: inline-block;
  7154.             width: 20px;
  7155.             height: 20px;
  7156.             margin: 0 5px;
  7157.             padding: 0;
  7159.             cursor: pointer;
  7160.         }
  7162.         .slick-dots li button {
  7163.             font-size: 0;
  7164.             line-height: 0;
  7165.             display: block;
  7166.             width: 20px;
  7167.             height: 20px;
  7168.             padding: 5px;
  7169.             cursor: pointer;
  7170.             color: transparent;
  7171.             border: 0;
  7172.             outline: none;
  7173.             background: transparent;
  7174.         }
  7176.         .slick-dots li button:hover,
  7177.         .slick-dots li button:focus {
  7178.             outline: none;
  7179.         }
  7181.         .slick-dots li button:hover:before,
  7182.         .slick-dots li button:focus:before {
  7183.             opacity: 1;
  7184.         }
  7186.         .slick-dots li button:before {
  7187.             content: \" \";
  7188.             line-height: 20px;
  7189.             position: absolute;
  7190.             top: 0;
  7191.             left: 0;
  7192.             width: 12px;
  7193.             height: 12px;
  7194.             text-align: center;
  7195.             opacity: .25;
  7196.             background-color: black;
  7197.             border-radius: 50%;
  7199.         }
  7201.         .slick-dots li.slick-active button:before {
  7202.             opacity: .75;
  7203.             background-color: black;
  7204.         }
  7206.         .slick-dots li button.thumbnail img {
  7207.             width: 0;
  7208.             height: 0;
  7209.         }
  7211.     </style>
  7212.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  7213.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  7214.     <style>
  7215.         /* Show zoom cursor on product images to hint click-to-expand */
  7216.         .item_visual .slide-item a { display: block; cursor: zoom-in; }
  7217.     </style>
  7218.     <style>
  7219.         /* ============================================
  7220.            商品詳細グリッド: 画像50% / 内容50%（均等）
  7221.         ============================================ */
  7222.         @media (min-width: 768px) {
  7223.             body.product_page .ec-grid2 {
  7224.                 display: flex;
  7225.                 align-items: flex-start;
  7226.             }
  7227.             body.product_page .ec-grid2 .ec-grid2__cell {
  7228.                 width: 50%;
  7229.                 flex: 0 0 50%;
  7230.                 min-width: 0;
  7231.             }
  7232.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  7233.                 width: 50%;
  7234.                 flex: 0 0 50%;
  7235.                 min-width: 0;
  7236.             }
  7237.         }
  7239.         /* ============================================
  7240.            商品説明欄内のHTMLが画面幅を突き抜けないように
  7241.         ============================================ */
  7242.         body.product_page .ec-productRole__description {
  7243.             min-width: 0;
  7244.             overflow-wrap: break-word;
  7245.             word-break: break-word;
  7246.         }
  7247.         body.product_page .ec-productRole__description img,
  7248.         body.product_page .ec-productRole__description table,
  7249.         body.product_page .ec-productRole__description iframe,
  7250.         body.product_page .ec-productRole__description video {
  7251.             max-width: 100% !important;
  7252.             height: auto;
  7253.         }
  7254.         body.product_page .ec-productRole__description table {
  7255.             display: block;
  7256.             overflow-x: auto;
  7257.             -webkit-overflow-scrolling: touch;
  7258.         }
  7260.         /* ============================================
  7261.            スマホ用 見積金額 下部固定バー
  7262.         ============================================ */
  7263.         #sp-mitsumori-bar {
  7264.             display: none;
  7265.         }
  7266.         
  7267.         /* ============================================
  7268.            商品タイプ選択 共通スタイル
  7269.         ============================================ */
  7271.         /* セクションラベル */
  7272.         .rp-section-label {
  7273.             font-size: 14px;
  7274.             font-weight: bold;
  7275.             color: #333;
  7276.             margin-bottom: 10px;
  7277.         }
  7278.         .rp-section-label span {
  7279.             font-weight: normal;
  7280.             color: #c00;
  7281.         }
  7283.         /* ---- 1. 画像付きカード ---- */
  7284.         .rp-card-group {
  7285.             display: flex;
  7286.             flex-wrap: wrap;
  7287.             gap: 8px;
  7288.             margin-bottom: 4px;
  7289.         }
  7290.         .rp-card {
  7291.             position: relative;
  7292.             cursor: pointer;
  7293.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7294.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7295.             width: 110px;
  7296.             border: 2px solid #ddd;
  7297.             border-radius: 10px;
  7298.             overflow: hidden;
  7299.             transition: border-color 0.2s, box-shadow 0.2s;
  7300.             background: #fff;
  7301.             text-decoration: none;
  7302.             color: #333;
  7303.             display: block;
  7304.         }
  7305.         /* Gate :hover behind real hover-capable pointers. On iOS Safari a
  7306.            :hover rule that changes appearance makes the first tap apply the
  7307.            hover state and suppresses the click, so the option chip needed a
  7308.            second tap to fire its onclick (is-selected + price update). */
  7309.         @media (hover: hover) and (pointer: fine) {
  7310.             .rp-card:hover {
  7311.                 border-color: #999;
  7312.                 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  7313.             }
  7314.         }
  7315.         .rp-card.is-selected {
  7316.             border-color: #1a6fcf;
  7317.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  7318.         }
  7319.         /* visually-hidden instead of display:none. A label wrapping a
  7320.            display:none radio fires its tap unreliably on iOS Safari (first tap
  7321.            often ignored -> \"2回タッチ\"). Keeping the input in the layout but
  7322.            invisible makes the first tap register. */
  7323.         .rp-card input[type=\"radio\"] {
  7324.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7325.             margin: 0; pointer-events: none;
  7326.         }
  7327.         .rp-card__image {
  7328.             width: 100%;
  7329.             aspect-ratio: 1 / 1;
  7330.             object-fit: cover;
  7331.             display: block;
  7332.             background: #f5f5f5;
  7333.         }
  7334.         .rp-card__placeholder {
  7335.             width: 100%;
  7336.             aspect-ratio: 1 / 1;
  7337.             background: #f0f0f0;
  7338.             display: flex;
  7339.             align-items: center;
  7340.             justify-content: center;
  7341.             color: #bbb;
  7342.             font-size: 24px;
  7343.         }
  7344.         .rp-card__name {
  7345.             display: block;
  7346.             padding: 5px 5px;
  7347.             font-size: 11px;
  7348.             color: #333;
  7349.             text-align: center;
  7350.             line-height: 1.4;
  7351.             word-break: break-all;
  7352.         }
  7353.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  7354.         .rp-card.is-selected::after {
  7355.             content: \"✓\";
  7356.             position: absolute;
  7357.             top: 3px; right: 6px;
  7358.             color: #1a6fcf;
  7359.             font-size: 13px;
  7360.             font-weight: bold;
  7361.         }
  7363.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  7364.         .rp-btn-group {
  7365.             display: flex;
  7366.             flex-wrap: wrap;
  7367.             gap: 8px;
  7368.             margin-bottom: 4px;
  7369.             max-width: 100%;
  7370.             min-width: 0;
  7371.         }
  7372.         .rp-btn {
  7373.             cursor: pointer;
  7374.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7375.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7376.             padding: 8px 14px;
  7377.             border: 2px solid #ddd;
  7378.             border-radius: 10px;
  7379.             font-size: 13px;
  7380.             color: #333;
  7381.             background: #fff;
  7382.             transition: border-color 0.2s, background 0.2s;
  7383.             white-space: normal;
  7384.             max-width: 100%;
  7385.             overflow-wrap: anywhere;
  7386.             text-decoration: none;
  7387.         }
  7388.         @media (hover: hover) and (pointer: fine) {
  7389.             .rp-btn:hover { border-color: #999; }
  7390.         }
  7391.         .rp-btn.is-selected {
  7392.             border-color: #1a6fcf;
  7393.             color: #1a6fcf;
  7394.             font-weight: bold;
  7395.             background: #f0f6ff;
  7396.         }
  7397.         .rp-btn input[type=\"radio\"] {
  7398.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7399.             margin: 0; pointer-events: none;
  7400.         }
  7402.         /* iOS Safari \"2回タッチ\" fix for the type-selection link chips.
  7403.            The global theme stylesheet ships an ungated `a:hover{color:#296292}`
  7404.            (paired with `a{color:#337ab7;text-decoration:underline}`). Because
  7405.            .rp-btn / .rp-card are real <a> links, iOS Safari applies that hover
  7406.            colour on the FIRST tap — the chip text turns blue (#296292, the
  7407.            reported \"字だけ青くなる\") — and treats the tap as a hover, swallowing
  7408.            the navigation so a 2nd tap was needed. The local .rp-*:hover rules
  7409.            are already gated behind (hover:hover), but this inherited global
  7410.            rule was not. Pin the hover/active colour to the base/selected colour
  7411.            so tapping produces no visual change and the first tap navigates
  7412.            immediately. Higher specificity (0,2,0 / 0,3,0) overrides a:hover. */
  7413.         .rp-btn:hover,
  7414.         .rp-btn:active { color: #333; text-decoration: none; }
  7415.         .rp-btn.is-selected:hover,
  7416.         .rp-btn.is-selected:active { color: #1a6fcf; text-decoration: none; }
  7417.         .rp-card:hover,
  7418.         .rp-card:active { color: #333; text-decoration: none; }
  7419.         .rp-card:hover .rp-card__name,
  7420.         .rp-card:active .rp-card__name { color: #333; }
  7421.         .rp-card.is-selected:hover .rp-card__name,
  7422.         .rp-card.is-selected:active .rp-card__name { color: #1a6fcf; }
  7424.         /* ---- 選択肢が多い場合: 縦3段に収めて横スクロール（顧客要望「3列くらいで横スクロール」）---- */
  7425.         /* grid-auto-flow:column + 3行固定 → 選択肢が縦に最大3段、超過分は右へ伸び横スクロールで閲覧 */
  7426.         .rp-btn-group.is-scroll,
  7427.         .opt-btn-group.is-scroll {
  7428.             display: grid;
  7429.             grid-auto-flow: column;
  7430.             grid-template-rows: repeat(3, auto);
  7431.             grid-auto-columns: max-content;
  7432.             justify-content: start;
  7433.             align-items: start;
  7434.             gap: 8px;
  7435.             overflow-x: auto;
  7436.             overflow-y: hidden;
  7437.             -webkit-overflow-scrolling: touch;
  7438.             scrollbar-width: thin;
  7439.             /* 上下に余白を確保して、行の枠線が overflow クリップ／スクロールバーに
  7440.                切り取られないようにする（「文字列が長いと下枠が消える」対策）。 */
  7441.             padding: 2px 0 12px;
  7442.         }
  7443.         /* is-scroll（横スクロール）内では選択肢を折り返さず単一行に固定する。
  7444.            折り返すと行高が不揃いになり overflow-y:hidden で下枠が切れるため、
  7445.            長い選択肢は折り返さず横スクロールで見せる（本来の設計意図）。 */
  7446.         .rp-btn-group.is-scroll .rp-btn,
  7447.         .rp-btn-group.is-scroll .opt-btn,
  7448.         .opt-btn-group.is-scroll .rp-btn,
  7449.         .opt-btn-group.is-scroll .opt-btn {
  7450.             white-space: nowrap;
  7451.             word-break: normal;
  7452.             overflow-wrap: normal;
  7453.         }
  7454.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  7455.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  7456.             height: 6px;
  7457.         }
  7458.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  7459.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  7460.             background: #c0c0c0;
  7461.             border-radius: 3px;
  7462.         }
  7464.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  7465.         .rp-select-wrap {
  7466.             margin-bottom: 4px;
  7467.         }
  7468.         .rp-select {
  7469.             width: 100%;
  7470.             max-width: 420px;
  7471.             padding: 8px 12px;
  7472.             border: 2px solid #ddd;
  7473.             border-radius: 10px;
  7474.             font-size: 13px;
  7475.             color: #333;
  7476.             background: #fff;
  7477.             appearance: none;
  7478.             background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E\");
  7479.             background-repeat: no-repeat;
  7480.             background-position: right 12px center;
  7481.             cursor: pointer;
  7482.         }
  7483.         .rp-select:focus {
  7484.             outline: none;
  7485.             border-color: #1a6fcf;
  7486.         }
  7488.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  7489.         .opt-btn-group {
  7490.             display: flex;
  7491.             flex-wrap: wrap;
  7492.             gap: 8px;
  7493.             padding: 6px 0;
  7494.             max-width: 100%;
  7495.             min-width: 0;
  7496.         }
  7497.         .opt-btn {
  7498.             cursor: pointer;
  7499.             touch-action: manipulation; /* drop iOS 300ms tap delay (#15) */
  7500.             -webkit-tap-highlight-color: rgba(0,0,0,0);
  7501.             padding: 7px 14px;
  7502.             border: 2px solid #ddd;
  7503.             border-radius: 10px;
  7504.             font-size: 13px;
  7505.             color: #333;
  7506.             background: #fff;
  7507.             transition: border-color 0.2s, background 0.2s;
  7508.             white-space: normal;
  7509.             max-width: 100%;
  7510.             overflow-wrap: anywhere;
  7511.             text-decoration: none;
  7512.         }
  7513.         @media (hover: hover) and (pointer: fine) {
  7514.             .opt-btn:hover { border-color: #999; }
  7515.         }
  7516.         .opt-btn.is-selected {
  7517.             border-color: #1a6fcf;
  7518.             color: #1a6fcf;
  7519.             font-weight: bold;
  7520.             background: #f0f6ff;
  7521.         }
  7522.         .opt-btn input[type=\"radio\"] {
  7523.             position: absolute; opacity: 0; width: 1px; height: 1px;
  7524.             margin: 0; pointer-events: none;
  7525.         }
  7527.         /* opt-btn with color swatch image. The label still works as a
  7528.            radio target — clicking the image checks the input. The text
  7529.            label stays under the image so users can still read the name. */
  7530.         .opt-btn--with-image {
  7531.             padding: 4px 6px 6px;
  7532.             white-space: normal;
  7533.             text-align: center;
  7534.             display: inline-flex;
  7535.             flex-direction: column;
  7536.             align-items: center;
  7537.             min-width: 96px;
  7538.             max-width: 140px;
  7539.         }
  7540.         .opt-btn--with-image .opt-btn__img {
  7541.             display: block;
  7542.             width: 88px;
  7543.             height: 66px;
  7544.             object-fit: cover;
  7545.             border-radius: 6px;
  7546.             margin-bottom: 4px;
  7547.             background: #f5f5f5;
  7548.         }
  7549.         .opt-btn--with-image .opt-btn__name {
  7550.             display: block;
  7551.             font-size: 11px;
  7552.             line-height: 1.3;
  7553.             color: inherit;
  7554.         }
  7555.         .opt-btn--with-image.is-selected .opt-btn__img {
  7556.             outline: 2px solid #1a6fcf;
  7557.             outline-offset: 1px;
  7558.         }
  7560.         /* sale_type=2 (内窓) 補助金対象ガラスの強調表示.
  7561.            補助金が出る性能区分 (真空断熱 / Low-E複層 等) のガラス選択肢に
  7562.            緑枠 + 「補助金対象」バッジを付け、選択前から判別できるようにする。 */
  7563.         .opt-btn--subsidy {
  7564.             border-color: #2e7d32;
  7565.         }
  7566.         .opt-btn--subsidy.is-selected {
  7567.             border-color: #1a6fcf;
  7568.         }
  7569.         .opt-btn__subsidy-badge {
  7570.             display: inline-block;
  7571.             margin-left: 6px;
  7572.             padding: 1px 6px;
  7573.             border-radius: 6px;
  7574.             background: #2e7d32;
  7575.             color: #fff;
  7576.             font-size: 11px;
  7577.             font-weight: bold;
  7578.             white-space: nowrap;
  7579.         }
  7581.         /* ============================================
  7582.            施工エリア案内
  7583.         ============================================ */
  7584.         .ec-areaNotice {
  7585.             margin: 16px 0;
  7586.             padding: 16px 20px;
  7587.             background: #f8f9fa;
  7588.             border-left: 4px solid #1a6fcf;
  7589.             border-radius: 0 8px 8px 0;
  7590.         }
  7591.         .ec-areaNotice__inner {
  7592.             display: flex;
  7593.             align-items: flex-start;
  7594.             gap: 12px;
  7595.         }
  7596.         .ec-areaNotice__icon {
  7597.             font-size: 22px;
  7598.             line-height: 1;
  7599.             flex-shrink: 0;
  7600.             margin-top: 2px;
  7601.         }
  7602.         .ec-areaNotice__body {
  7603.             flex: 1;
  7604.         }
  7605.         .ec-areaNotice__title {
  7606.             font-size: 13px;
  7607.             font-weight: bold;
  7608.             color: #1a6fcf;
  7609.             margin: 0 0 6px;
  7610.         }
  7611.         .ec-areaNotice__text {
  7612.             font-size: 13px;
  7613.             color: #444;
  7614.             line-height: 1.7;
  7615.             margin: 0;
  7616.         }
  7617.         .ec-areaNotice__text strong {
  7618.             color: #222;
  7619.         }
  7620.         .ec-areaNotice__link {
  7621.             display: inline-block;
  7622.             margin-top: 8px;
  7623.             font-size: 12px;
  7624.             color: #1a6fcf;
  7625.             text-decoration: underline;
  7626.         }
  7627.         .ec-areaNotice__link:hover {
  7628.             color: #0d4fa0;
  7629.         }
  7631.         /* ============================================
  7632.            SNSシェア + ブランド名 タイトル行
  7633.         ============================================ */
  7634.         .ec-productRole__titleRow {
  7635.             display: flex;
  7636.             align-items: center;
  7637.             justify-content: space-between;
  7638.             gap: 8px;
  7639.             margin-bottom: 4px;
  7640.         }
  7641.         .ec-productRole__titleRow .ec-headingTitle {
  7642.             margin: 0;
  7643.             flex: 1;
  7644.             font-size: 18px;
  7645.         }
  7646.         .ec-share-inline {
  7647.             display: flex;
  7648.             align-items: center;
  7649.             gap: 8px;
  7650.             flex-shrink: 0;
  7651.         }
  7652.         @media (max-width: 767px) {
  7653.             /* maker_area の float を解除して独立表示 */
  7654.             #maker_area {
  7655.                 float: none !important;
  7656.                 width: auto !important;
  7657.                 height: auto !important;
  7658.                 display: block;
  7659.                 margin-bottom: 4px;
  7660.             }
  7661.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  7662.             .ec-productRole__titleRow {
  7663.                 flex-wrap: wrap;
  7664.                 clear: both;
  7665.             }
  7666.             .ec-productRole__titleRow .ec-headingTitle {
  7667.                 flex: 1 1 100%;
  7668.                 font-size: 16px;
  7669.             }
  7670.             .ec-share-inline {
  7671.                 flex: 0 0 auto;
  7672.                 margin-left: auto;
  7673.             }
  7674.         }
  7675.         .ec-share-inline a {
  7676.             display: flex;
  7677.             align-items: center;
  7678.             justify-content: center;
  7679.             width: 32px;
  7680.             height: 32px;
  7681.             border-radius: 50%;
  7682.             font-size: 15px;
  7683.             color: #fff;
  7684.             text-decoration: none;
  7685.             transition: opacity 0.2s;
  7686.         }
  7687.         .ec-share-inline a:hover { opacity: 0.8; }
  7688.         .ec-share-inline .share-twitter  { background: #000; }
  7689.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  7690.         .ec-share-inline .share-line     { background: #06c755; }
  7692.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  7693.         .ec-productRole__share { display: none; }
  7695.         /* ============================================
  7696.            PC用: 現在のお見積り額カード強調
  7697.         ============================================ */
  7698.         @media (min-width: 768px) {
  7699.             .mitsumori-card-pc {
  7700.                 border: 2px solid #1a6fcf !important;
  7701.                 border-radius: 10px !important;
  7702.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  7703.                 margin-top: 20px;
  7704.                 overflow: hidden;
  7705.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  7706.             }
  7707.             .mitsumori-card-pc .card-header {
  7708.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  7709.                 color: #fff !important;
  7710.                 padding: 14px 16px !important;
  7711.                 border-bottom: none !important;
  7712.             }
  7713.             .mitsumori-card-pc .card-title {
  7714.                 color: #fff !important;
  7715.                 font-size: 15px !important;
  7716.                 font-weight: bold !important;
  7717.                 margin: 0 !important;
  7718.             }
  7719.             .mitsumori-card-pc #mitsumori_message {
  7720.                 font-size: 22px !important;
  7721.                 font-weight: bold !important;
  7722.                 color: #fff !important;
  7723.             }
  7724.             .mitsumori-card-pc .btn-tool {
  7725.                 color: #fff !important;
  7726.             }
  7727.             /* 合計行を大きく強調 */
  7728.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  7729.                 font-size: 16px !important;
  7730.                 font-weight: bold !important;
  7731.                 color: #c00 !important;
  7732.                 background: #fff8f8 !important;
  7733.                 padding: 12px 16px !important;
  7734.             }
  7735.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  7736.                 font-size: 20px !important;
  7737.                 font-weight: bold !important;
  7738.                 color: #c00 !important;
  7739.             }
  7740.             /* card-body（明細リスト）を白背景に */
  7741.             .mitsumori-card-pc .card-body {
  7742.                 background: #fff !important;
  7743.             }
  7744.             .mitsumori-card-pc .card-footer {
  7745.                 background: #f8faff !important;
  7746.                 border-top: 1px solid #dce8fb !important;
  7747.                 padding: 12px 16px !important;
  7748.             }
  7749.         }
  7751.         @media (max-width: 767px) {
  7752.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  7753.             .mitsumori-card-pc {
  7754.                 border: none !important;
  7755.                 border-radius: 0 !important;
  7756.                 box-shadow: none !important;
  7757.                 margin-top: 0 !important;
  7758.                 overflow: visible !important;
  7759.                 background: none !important;
  7760.                 /* sticky-top(position:sticky / z-index:1020) を解除。
  7761.                    そのままだと最下部で #sp-mitsumori-bar(z-index:1000) の上に
  7762.                    重なり、合計バーと文字が被るため通常フローへ戻す。 */
  7763.                 position: static !important;
  7764.                 z-index: auto !important;
  7765.             }
  7766.             .mitsumori-card-pc .card-header {
  7767.                 background: none !important;
  7768.                 color: inherit !important;
  7769.                 padding: inherit !important;
  7770.                 border-bottom: inherit !important;
  7771.             }
  7772.             .mitsumori-card-pc .card-title { color: inherit !important; }
  7773.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  7774.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  7775.             /* 折りたたみトグルボタン */
  7776.             .btn-mitsumori-toggle {
  7777.                 background: none !important;
  7778.                 border: 1px solid #aaa !important;
  7779.                 border-radius: 4px !important;
  7780.                 padding: 2px 8px !important;
  7781.                 font-size: 12px !important;
  7782.                 color: #333 !important;
  7783.                 line-height: 1.4 !important;
  7784.             }
  7785.             .btn-mitsumori-toggle .toggle-icon {
  7786.                 display: inline-block;
  7787.                 transition: transform 0.2s;
  7788.             }
  7789.             /* 展開状態: ▼→▲ */
  7790.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  7791.                 content: \"▲ 閉じる\";
  7792.             }
  7793.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  7794.                 display: none;
  7795.             }
  7796.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  7797.                 content: \"▲ 閉じる\";
  7798.                 font-size: 12px;
  7799.             }
  7800.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  7801.                 font-size: inherit !important;
  7802.                 color: inherit !important;
  7803.                 background: none !important;
  7804.                 padding: inherit !important;
  7805.             }
  7806.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  7807.                 font-size: inherit !important;
  7808.                 color: inherit !important;
  7809.             }
  7810.             .mitsumori-card-pc .card-footer {
  7811.                 background: none !important;
  7812.                 border-top: inherit !important;
  7813.                 padding: inherit !important;
  7814.             }
  7815.             /* 横スクロール禁止 */
  7816.             body, html {
  7817.                 overflow-x: hidden;
  7818.                 max-width: 100vw;
  7819.             }
  7820.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  7821.             .opt-btn,
  7822.             .rp-btn {
  7823.                 white-space: normal;
  7824.                 word-break: break-all;
  7825.             }
  7826.             /* エリア案内: スマホでコンパクト */
  7827.             .ec-areaNotice {
  7828.                 margin: 8px 0;
  7829.                 padding: 8px 10px;
  7830.                 border-left-width: 3px;
  7831.                 cursor: pointer;
  7832.             }
  7833.             .ec-areaNotice__inner {
  7834.                 flex-direction: row;
  7835.                 gap: 8px;
  7836.                 align-items: flex-start;
  7837.             }
  7838.             .ec-areaNotice__icon { font-size: 15px; }
  7839.             /* タイトル行: 展開トグル */
  7840.             .ec-areaNotice__title {
  7841.                 font-size: 11px;
  7842.                 margin-bottom: 3px;
  7843.                 display: flex;
  7844.                 justify-content: space-between;
  7845.                 align-items: center;
  7846.             }
  7847.             .ec-areaNotice__title::after {
  7848.                 content: \"▼\";
  7849.                 font-size: 9px;
  7850.                 color: #888;
  7851.                 margin-left: 6px;
  7852.                 transition: transform 0.2s;
  7853.             }
  7854.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  7855.                 transform: rotate(180deg);
  7856.             }
  7857.             /* 折りたたみ対象: 閉じた状態では非表示 */
  7858.             .ec-areaNotice__detail {
  7859.                 display: none;
  7860.             }
  7861.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  7862.                 display: block;
  7863.             }
  7864.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  7865.             .ec-areaNotice__text br { display: none; }
  7866.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  7867.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  7868.             
  7869.             #sp-mitsumori-bar {
  7870.                 display: flex;
  7871.                 position: fixed;
  7872.                 bottom: 0;
  7873.                 left: 0;
  7874.                 right: 0;
  7875.                 z-index: 1000;
  7876.                 background: #fff;
  7877.                 border-top: 2px solid #e0e0e0;
  7878.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  7879.                 align-items: center;
  7880.                 padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) 10px;
  7881.                 gap: 8px;
  7882.             }
  7883.             #sp-mitsumori-bar .sp-bar__label {
  7884.                 font-size: 11px;
  7885.                 color: #666;
  7886.                 white-space: nowrap;
  7887.             }
  7888.             /* 価格ラッパ: 合計金額は最重要のため常に全桁表示する（縮小・省略しない）。
  7889.                幅が足りない場合は下のボタン側を縮める（flex 配分でボタンが先に縮む）。 */
  7890.             #sp-mitsumori-bar .sp-bar__pricewrap {
  7891.                 flex: 0 0 auto;
  7892.                 min-width: 0;
  7893.             }
  7894.             #sp-mitsumori-bar .sp-bar__price {
  7895.                 font-size: 18px;
  7896.                 font-weight: bold;
  7897.                 color: #c00;
  7898.                 white-space: nowrap;
  7899.             }
  7900.             #sp-mitsumori-bar .sp-bar__btn {
  7901.                 font-size: 12px;
  7902.                 padding: 8px 12px;
  7903.                 background: #333;
  7904.                 color: #fff;
  7905.                 border: none;
  7906.                 border-radius: 6px;
  7907.                 white-space: nowrap;
  7908.                 cursor: pointer;
  7909.                 position: relative;
  7910.                 display: inline-flex;
  7911.                 align-items: center;
  7912.                 gap: 6px;
  7913.                 flex: 1 1 auto;
  7914.                 min-width: 0;
  7915.                 justify-content: center;
  7916.             }
  7917.             #sp-mitsumori-bar .sp-bar__btn i {
  7918.                 font-size: 14px;
  7919.                 flex: 0 0 auto;
  7920.             }
  7921.             /* 幅が足りないときはボタンの文字を省略し、価格と数字を守る。 */
  7922.             #sp-mitsumori-bar .sp-bar__btn-label {
  7923.                 overflow: hidden;
  7924.                 text-overflow: ellipsis;
  7925.                 white-space: nowrap;
  7926.             }
  7927.             #sp-mitsumori-bar .sp-bar__cart-badge {
  7928.                 position: absolute;
  7929.                 top: -6px;
  7930.                 right: -6px;
  7931.                 background: #c00;
  7932.                 color: #fff;
  7933.                 border-radius: 50%;
  7934.                 min-width: 16px;
  7935.                 height: 16px;
  7936.                 font-size: 10px;
  7937.                 line-height: 16px;
  7938.                 padding: 0 4px;
  7939.                 font-weight: bold;
  7940.             }
  7941.             #sp-mitsumori-bar .sp-bar__home-btn {
  7942.                 display: inline-flex;
  7943.                 align-items: center;
  7944.                 justify-content: center;
  7945.                 width: 36px;
  7946.                 height: 36px;
  7947.                 flex: 0 0 auto;
  7948.                 border: 1px solid #ccc;
  7949.                 border-radius: 6px;
  7950.                 background: #fff;
  7951.                 color: #333;
  7952.                 text-decoration: none;
  7953.                 cursor: pointer;
  7954.             }
  7955.             #sp-mitsumori-bar .sp-bar__home-btn i {
  7956.                 font-size: 16px;
  7957.             }
  7958.             #sp-mitsumori-bar .sp-bar__home-btn:hover {
  7959.                 background: #f0f0f0;
  7960.             }
  7961.             /* 下部バーの高さ分ページ下部にpaddingを追加 (iOS safe-area 込み) */
  7962.             body {
  7963.                 padding-bottom: calc(80px + env(safe-area-inset-bottom));
  7964.             }
  7965.         }
  7967.         /* ============================================
  7968.            カート追加モーダル: 縦並び中央配置
  7969.         ============================================ */
  7970.         .add-cart-modal__wrap {
  7971.             text-align: center;
  7972.         }
  7973.         .add-cart-modal__header {
  7974.             font-size: 16px;
  7975.             margin: 20px 0 24px;
  7976.             text-align: center;
  7977.         }
  7978.         .add-cart-modal__actions {
  7979.             display: flex;
  7980.             flex-direction: column;
  7981.             align-items: center;
  7982.             gap: 16px;
  7983.             padding: 0 20px 20px;
  7984.         }
  7985.         .add-cart-modal__primary {
  7986.             display: inline-block;
  7987.             width: 80%;
  7988.             max-width: 320px;
  7989.             padding: 14px 20px;
  7990.             font-size: 15px;
  7991.             font-weight: bold;
  7992.             text-align: center;
  7993.             background: #d9534f;
  7994.             color: #fff !important;
  7995.             border-radius: 6px;
  7996.             text-decoration: none;
  7997.             cursor: pointer;
  7998.         }
  7999.         .add-cart-modal__primary:hover {
  8000.             background: #c9302c;
  8001.             color: #fff !important;
  8002.             text-decoration: none;
  8003.         }
  8004.         .add-cart-modal__secondary {
  8005.             display: inline-block;
  8006.             padding: 6px 14px;
  8007.             font-size: 12px;
  8008.             color: #666;
  8009.             border: 1px solid #ccc;
  8010.             border-radius: 4px;
  8011.             background: #fff;
  8012.             cursor: pointer;
  8013.         }
  8014.         .add-cart-modal__secondary:hover {
  8015.             background: #f0f0f0;
  8016.             color: #333;
  8017.         }
  8018.         @media (max-width: 767px) {
  8019.             .add-cart-modal__actions {
  8020.                 gap: 20px;
  8021.             }
  8022.         }
  8023.     </style>
  8024. {% endblock %}
  8026. {% block javascript %}
  8028.     <script>
  8029.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  8031.         // 規格2に選択肢を割り当てる。
  8032.         function fnSetClassCategories(form, classcat_id2_selected) {
  8033.             var \$form = \$(form);
  8034.             var product_id = \$form.find('input[name=product_id]').val();
  8035.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  8036.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  8037.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  8038.         }
  8040.         {% if form.classcategory_id2 is defined %}
  8041.         fnSetClassCategories(
  8042.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  8043.         );
  8044.         {% elseif form.classcategory_id1 is defined %}
  8045.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  8046.         {% endif %}
  8047.     </script>
  8048.     <script>
  8049.         \$(function() {
  8050.             // bfcache無効化
  8051.             \$(window).bind('pageshow', function(event) {
  8052.                 if (event.originalEvent.persisted) {
  8053.                     location.reload(true);
  8054.                 }
  8055.             });
  8057.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  8058.             // img タグに width, height が付与されている.
  8059.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  8060.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  8061.             \$('.ec-grid2__cell').hide();
  8062.             var removeSize = function () {
  8063.                 \$('.slide-item').height('');
  8064.                 \$('.slide-item img')
  8065.                     .removeAttr('width')
  8066.                     .removeAttr('height')
  8067.                     .removeAttr('style');
  8069.             };
  8070.             var slickInitial = function(slick) {
  8071.                 \$('.ec-grid2__cell').fadeIn(1500);
  8072.                 var baseHeight = \$(slick.target).height();
  8073.                 var baseWidth = \$(slick.target).width();
  8074.                 var rate = baseWidth / baseHeight;
  8075. \t\t\t\tif(baseHeight * rate < 400){
  8076. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  8077. \t\t\t\t}else{
  8078. \t                \$('.slide-item').height(400); // 余白を削除する
  8079. \t\t\t\t}
  8080.                 // transform を使用することでCLSの影響を受けないようにする
  8081.                 \$('.slide-item img')
  8082.                     .css(
  8083.                         {
  8084.                             'transform-origin': 'top left',
  8085.                             'transform': 'scaleY(' + rate + ')',
  8086.                             'transition': 'transform .1s'
  8087.                         }
  8088.                     );
  8089.                 // 正しいサイズに近くなったら属性を解除する
  8090.                 setTimeout(removeSize, 500);
  8091.             };
  8092.             \$('.item_visual').on('init', slickInitial);
  8093.             // リサイズ時は CLS の影響を受けないため属性を解除する
  8094.             \$(window).resize(removeSize);
  8095.             \$('.item_visual').slick({
  8096.                 dots: false,
  8097.                 arrows: true,
  8098.                 responsive: [{
  8099.                     breakpoint: 768,
  8100.                     settings: {
  8101.                         dots: true,
  8102.                 \t\tarrows: false
  8103.                     }
  8104.                 }]
  8105.             });
  8107.             \$('.slideThumb').on('click', function() {
  8108.                 var index = \$(this).attr('data-index');
  8109.                 \$('.item_visual').slick('slickGoTo', index, false);
  8110.             })
  8111.         });
  8113.     </script>
  8114.     <script>
  8115.         \$(function() {
  8116.             \$('.add-cart').on('click', function(event) {
  8117.                 {% if form.classcategory_id1 is defined %}
  8118.                 // 規格1フォームの必須チェック
  8119.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  8120.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8121.                     return true;
  8122.                 } else {
  8123.                     \$('#classcategory_id1')[0].setCustomValidity('');
  8124.                 }
  8125.                 {% endif %}
  8127.                 {% if form.classcategory_id2 is defined %}
  8128.                 // 規格2フォームの必須チェック
  8129.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  8130.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  8131.                     return true;
  8132.                 } else {
  8133.                     \$('#classcategory_id2')[0].setCustomValidity('');
  8134.                 }
  8135.                 {% endif %}
  8137.                 // タイプ2: カート送信直前に set_count を quantity に同期
  8138.                 if(\$('#set_count').length){
  8139.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  8140.                     \$('#quantity').val(_sc);
  8141.                     \$('input[name=\"quantity\"]').val(_sc);
  8142.                 }
  8144.                 // 個数フォームのチェック
  8145.                 if (\$('#quantity').val() < 1) {
  8146.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  8147.                     return true;
  8148.                 } else {
  8149.                     \$('#quantity')[0].setCustomValidity('');
  8150.                 }
  8152.                 event.preventDefault();
  8153.                 \$form = \$('#form1');
  8154.                 \$.ajax({
  8155.                     url: \$form.attr('action'),
  8156.                     type: \$form.attr('method'),
  8157.                     data: \$form.serialize(),
  8158.                     dataType: 'json',
  8159.                     beforeSend: function(xhr, settings) {
  8160.                         // Buttonを無効にする
  8161.                         \$('.add-cart').prop('disabled', true);
  8162.                     }
  8163.                 }).done(function(data) {
  8164.                     // レスポンス内のメッセージをalertで表示
  8165.                     \$.each(data.messages, function() {
  8166.                         \$('#ec-modal-header').text(this);
  8167.                     });
  8169.                     \$('.ec-modal').show()
  8171.                     // カートブロックを更新する
  8172.                     \$.ajax({
  8173.                         url: \"{{ url('block_cart') }}\",
  8174.                         type: 'GET',
  8175.                         dataType: 'html'
  8176.                     }).done(function(html) {
  8177.                         \$('.ec-headerRole__cart').html(html);
  8178.                     });
  8179.                 }).fail(function(data) {
  8180.                     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  8181.                 }).always(function(data) {
  8182.                     // Buttonを有効にする
  8183.                     \$('.add-cart').prop('disabled', false);
  8184.                 });
  8185.             });
  8186.         });
  8188.         \$('.ec-modal-wrap').on('click', function(e) {
  8189.             // モーダル内の処理は外側にバブリングさせない
  8190.             e.stopPropagation();
  8191.         });
  8192.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  8193.             \$('.ec-modal').hide()
  8194.         });
  8197. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  8198. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  8199. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  8200. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  8201. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  8202. \t\t// option1 / option2: カテゴリ別 option 軸 (um: タイプ=subtype, fe: ct_up 等)
  8203. \t\tvar option1 = \"{% if mitsumori_json and mitsumori_json.option1 is defined %}{{ mitsumori_json.option1 }}{% endif %}\";
  8204. \t\tvar option2 = \"{% if mitsumori_json and mitsumori_json.option2 is defined %}{{ mitsumori_json.option2 }}{% endif %}\";
  8205. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  8206. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  8207. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  8208. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  8209. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  8210. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  8211. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  8212. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  8213. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  8214. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  8215. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  8217. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  8219. \t\t// ============================================================
  8220. \t\t//  free_area 1 エントリのスキーマ（11 キー固定）
  8221. \t\t// ============================================================
  8222. \t\t//   w           : 幅 (string, 例 \"239.9cm\" / tf は \"1m\")
  8223. \t\t//   d           : 奥行
  8224. \t\t//   h           : 高さ (tf はロール長 \"10m\")
  8225. \t\t//   m           : 素材
  8226. \t\t//   c           : カラー
  8227. \t\t//   price       : 販売価格 (税抜、amount=1 ベース)
  8228. \t\t//   unit_price  : 商品 per-unit 増分 (税抜、AMOUNT_CATEGORIES のみ)
  8229. \t\t//   maker_price : メーカー価格 (税抜)
  8230. \t\t//   ct          : 基本工事費 (税抜、amount=1 ベース)
  8231. \t\t//   option1     : fe → ct_up / その他カテゴリ → category-specific
  8232. \t\t//   option2     : um → ct_up / その他カテゴリ → category-specific
  8233. \t\t//
  8234. \t\t//  ct4 (設置場所) / ct5 (撤去) / ct6 (残土) は option_area 側で扱う.
  8235. \t\t// ============================================================
  8237. \t\t// 施工オプション定義（option_area）— 各エントリ {name, comment, on, off, price}
  8238. \t\tvar op_data = {{ op_json|default('[]')|raw }};
  8240. \t\t// option_item_area:
  8241. \t\t//   tg 用 — block 別オプション差額表
  8242. \t\t//     { axis_labels: {F:'床材',front:'前面型',side1:'右側面型',side2:'左側面型'},
  8243. \t\t//       blocks: { 'W_label|D_label': { F:[{idx,label,diff},...], front:[...], side1:[...], side2:[...] }, ... } }
  8244. \t\t//   fe (sale_type=4) 用 — ブロックの種類×段数の差額表 (fe_block キー)
  8245. \t\t//     { fe_block: { depends_on_name: '...', depends_on_value: '...',
  8246. \t\t//                   title: '...', default_key: '...',
  8247. \t\t//                   choices: [{key,label,price}, ...] } }
  8248. \t\t// 該当しないカテゴリでは fe_block は null. axis_labels/blocks は空.
  8249. \t\tvar oi_data = {{ oi_json|default('{\"axis_labels\":{},\"blocks\":{},\"fe_block\":null}')|raw }};
  8251. \t\t// 選択中の tg オプション差額 (axis -> selected choice_idx). ラジオ click で更新される.
  8252. \t\tvar oi_selected = { F: 1, front: 1, side1: 1, side2: 1 };
  8254. \t\t// 選択中の fe ブロック種類×段数 (key 文字列). 既定は oi_data.fe_block.default_key.
  8255. \t\tvar fe_block_selected = (oi_data && oi_data.fe_block && oi_data.fe_block.default_key) || '';
  8257. \t\t// sale_type ID（mtb_sale_type の id。本サイトでの意味は次の通り）:
  8258. \t\t//   1 通常 / 2 補助金窓 / 3 物置 / 4 フェンス / 5 デッキ / 6 芝生 / 9 商品のみ
  8259. \t\tvar SALE_TYPE_ID = {{ ProductClass.SaleType.id }};
  8261. \t\t{# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) — 以降の UI / JS 両方で使用 #}
  8262. \t\t{% set option1_label = 'オプション1' %}
  8263. \t\t{% set option2_label = 'オプション2' %}
  8264. \t\t{% if Product.ProductCategories is not empty %}
  8265. \t\t\t{% for pcat in Product.ProductCategories %}
  8266. \t\t\t\t{% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  8267. \t\t\t\t{% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% endif %}
  8268. \t\t\t\t{% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  8269. \t\t\t\t{% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  8270. \t\t\t{% endfor %}
  8271. \t\t{% endif %}
  8273. \t\t// 消費税率（pp.price/pp.ct/op_data.price は scraper が税抜で保存しているため、
  8274. \t\t// calcGoukei 出口で 1+TAX_RATE を掛けて税込 mitsumori_goukei にする）
  8275. \t\tvar TAX_RATE = 0.10;
  8276. \t\tfunction toIncTax(v) { return Math.round(v * (1 + TAX_RATE)); }
  8278. \t\t/**
  8279. \t\t * tg 用 block 別オプション差額の集計.
  8280. \t\t *   現選択 (W, D) から block key を作り、oi_data.blocks[blockKey] を取得.
  8281. \t\t *   各 axis (F/front/side1/side2) で oi_selected[axis] の choice の diff を合計.
  8282. \t\t * 戻り値: { total: 差額合計(税抜), items: [{name, label, diff}, ...] }
  8283. \t\t *   block が無い (tg 以外 / 該当 (W,D) が未取得) なら total=0.
  8284. \t\t */
  8285. \t\tfunction collectOptionItems(curW, curD) {
  8286. \t\t\tvar result = { total: 0, items: [] };
  8287. \t\t\tif (!oi_data || !oi_data.blocks) return result;
  8288. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  8289. \t\t\tvar block = oi_data.blocks[blockKey];
  8290. \t\t\tif (!block) return result;
  8291. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  8292. \t\t\tfor (var i = 0; i < axes.length; i++) {
  8293. \t\t\t\tvar axis = axes[i];
  8294. \t\t\t\tvar choices = block[axis];
  8295. \t\t\t\tif (!choices || !choices.length) continue;
  8296. \t\t\t\tvar idx = oi_selected[axis] || 1;
  8297. \t\t\t\tvar pick = null;
  8298. \t\t\t\tfor (var j = 0; j < choices.length; j++) {
  8299. \t\t\t\t\tif (parseInt(choices[j].idx) === parseInt(idx)) { pick = choices[j]; break; }
  8300. \t\t\t\t}
  8301. \t\t\t\tif (!pick) pick = choices[0];
  8302. \t\t\t\tvar diff = parseInt(pick.diff) || 0;
  8303. \t\t\t\tresult.total += diff;
  8304. \t\t\t\tresult.items.push({
  8305. \t\t\t\t\tname:  oi_data.axis_labels[axis] || axis,
  8306. \t\t\t\t\tlabel: pick.label,
  8307. \t\t\t\t\tdiff:  diff,
  8308. \t\t\t\t});
  8309. \t\t\t}
  8310. \t\t\treturn result;
  8311. \t\t}
  8313. \t\t/**
  8314. \t\t * tg ラジオ群を block 別に DOM へ描画する.
  8315. \t\t *   W/D が確定したら現 block の 4 軸 (F/front/side1/side2) ラジオを #tg-options 要素に出す.
  8316. \t\t *   block が空なら #tg-options を空にする.
  8317. \t\t */
  8318. \t\tfunction renderOptionItemRadios(curW, curD) {
  8319. \t\t\tvar \$box = \$('#tg-options');
  8320. \t\t\tif (!\$box.length) return;
  8321. \t\t\t\$box.empty();
  8322. \t\t\tif (!oi_data || !oi_data.blocks) return;
  8323. \t\t\tvar blockKey = (curW || '') + '|' + (curD || '');
  8324. \t\t\tvar block = oi_data.blocks[blockKey];
  8325. \t\t\tif (!block) return;
  8326. \t\t\tvar axes = ['F', 'front', 'side1', 'side2'];
  8327. \t\t\taxes.forEach(function(axis) {
  8328. \t\t\t\tvar choices = block[axis];
  8329. \t\t\t\tif (!choices || !choices.length) return;
  8330. \t\t\t\tvar axisLabel = (oi_data.axis_labels && oi_data.axis_labels[axis]) || axis;
  8331. \t\t\t\tvar \$section = \$('<div class=\"form-group tg-axis\"></div>');
  8332. \t\t\t\t\$section.append('<p class=\"rp-section-label\"><strong>' + axisLabel + '</strong>: <span class=\"tg-axis-selected\"></span></p>');
  8333. \t\t\t\tvar \$list = \$('<div class=\"tg-choice-list\"></div>');
  8334. \t\t\t\tchoices.forEach(function(ch, i) {
  8335. \t\t\t\t\tvar inputId = 'tg_' + axis + '_' + ch.idx;
  8336. \t\t\t\t\tvar name = 'tg_' + axis;
  8337. \t\t\t\t\tvar checked = (parseInt(ch.idx) === parseInt(oi_selected[axis] || 1)) ? ' checked' : '';
  8338. \t\t\t\t\tvar diffTxt = ch.diff > 0 ? '+' + formatter.format(ch.diff) + '円' : (ch.diff < 0 ? formatter.format(ch.diff) + '円' : '±0');
  8339. \t\t\t\t\t\$list.append(
  8340. \t\t\t\t\t\t'<label class=\"tg-choice\"><input type=\"radio\" name=\"' + name + '\" id=\"' + inputId + '\" value=\"' + ch.idx + '\" data-axis=\"' + axis + '\"' + checked + '> ' +
  8341. \t\t\t\t\t\tch.label + '<span class=\"tg-diff\">（' + diffTxt + '）</span></label>'
  8342. \t\t\t\t\t);
  8343. \t\t\t\t});
  8344. \t\t\t\t\$section.append(\$list);
  8345. \t\t\t\t\$box.append(\$section);
  8346. \t\t\t});
  8347. \t\t\t// ラジオ click で oi_selected を更新 → 再計算
  8348. \t\t\t\$box.off('change.tg').on('change.tg', 'input[type=\"radio\"][data-axis]', function() {
  8349. \t\t\t\tvar axis = \$(this).data('axis');
  8350. \t\t\t\toi_selected[axis] = parseInt(\$(this).val()) || 1;
  8351. \t\t\t\tmitsumori_simulation('refresh', '');
  8352. \t\t\t});
  8353. \t\t\tupdateOptionItemSelectedLabels();
  8354. \t\t}
  8356. \t\tfunction updateOptionItemSelectedLabels() {
  8357. \t\t\t\$('#tg-options .tg-axis').each(function() {
  8358. \t\t\t\tvar \$sel = \$(this).find('input[type=\"radio\"]:checked');
  8359. \t\t\t\tif (!\$sel.length) return;
  8360. \t\t\t\tvar label = \$sel.parent().contents().filter(function() { return this.nodeType === 3; }).text().trim();
  8361. \t\t\t\t\$(this).find('.tg-axis-selected').text(label);
  8362. \t\t\t});
  8363. \t\t}
  8365. \t\t// =========================================================
  8366. \t\t// fe (sale_type=4) ブロック種類×段数 サブ UI
  8367. \t\t// =========================================================
  8369. \t\t/**
  8370. \t\t * fe_block の親オプション (= op_data 内の「ご希望のフェンス設置方法」 entry)
  8371. \t\t * を name でルックアップし、その index を返す. 見つからなければ -1.
  8372. \t\t *   fe_block.depends_on_name が設定されていればそれで照合.
  8373. \t\t *   未設定なら 'ご希望のフェンス設置方法' を含む name にフォールバック.
  8374. \t\t */
  8375. \t\tfunction findFeBlockParentOpIndex() {
  8376. \t\t\tif (!oi_data || !oi_data.fe_block) return -1;
  8377. \t\t\tvar needle = oi_data.fe_block.depends_on_name || 'ご希望のフェンス設置方法';
  8378. \t\t\tfor (var i = 0; i < op_data.length; i++) {
  8379. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  8380. \t\t\t\tif (op_data[i].name.indexOf(needle) >= 0) return i;
  8381. \t\t\t}
  8382. \t\t\treturn -1;
  8383. \t\t}
  8385. \t\t/**
  8386. \t\t * fe_block の現在の選択値の price (税抜) と choice 内容を集計.
  8387. \t\t *   親オプション (= 'ご希望のフェンス設置方法') が depends_on_value を選んでいる
  8388. \t\t *   ときだけ加算する. それ以外 (既存ブロック側 / 親未選択) は price=0.
  8389. \t\t * 戻り値: { price: 0|N, choice: {key,label,price}|null, active: bool }
  8390. \t\t */
  8391. \t\tfunction collectFeBlock() {
  8392. \t\t\tvar result = { price: 0, choice: null, active: false };
  8393. \t\t\tif (SALE_TYPE_ID !== 4) return result;
  8394. \t\t\tif (!oi_data || !oi_data.fe_block) return result;
  8395. \t\t\tif (!oi_data.fe_block.choices || !oi_data.fe_block.choices.length) return result;
  8397. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8398. \t\t\tif (parentIdx < 0) return result;
  8399. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8400. \t\t\tvar parentSel = ops[parentIdx];
  8401. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  8402. \t\t\tif (parentSel !== triggerValue) return result;  // 親が新規ブロック積み以外なら無加算
  8404. \t\t\tresult.active = true;
  8405. \t\t\tvar choices = oi_data.fe_block.choices;
  8406. \t\t\tvar pick = null;
  8407. \t\t\tfor (var j = 0; j < choices.length; j++) {
  8408. \t\t\t\tif (choices[j].key === fe_block_selected) { pick = choices[j]; break; }
  8409. \t\t\t}
  8410. \t\t\tif (!pick) pick = choices[0];
  8411. \t\t\tresult.choice = pick;
  8412. \t\t\tresult.price  = parseInt(pick.price) || 0;
  8413. \t\t\treturn result;
  8414. \t\t}
  8416. \t\t/**
  8417. \t\t * fe_block ラジオ群を #fe-block-options 要素に描画する.
  8418. \t\t *   active=false (親が「新規にブロック積み」以外) のときは非表示.
  8419. \t\t */
  8420. \t\tfunction renderFeBlockRadios() {
  8421. \t\t\tvar \$box = \$('#fe-block-options');
  8422. \t\t\tif (!\$box.length) return;
  8423. \t\t\tif (!oi_data || !oi_data.fe_block || !oi_data.fe_block.choices) {
  8424. \t\t\t\t\$box.empty().hide();
  8425. \t\t\t\treturn;
  8426. \t\t\t}
  8427. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8428. \t\t\tif (parentIdx < 0) {
  8429. \t\t\t\t\$box.empty().hide();
  8430. \t\t\t\treturn;
  8431. \t\t\t}
  8432. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8433. \t\t\tvar triggerValue = oi_data.fe_block.depends_on_value || '新規にブロック積みを行う';
  8434. \t\t\tvar visible = (ops[parentIdx] === triggerValue);
  8435. \t\t\tif (!visible) {
  8436. \t\t\t\t\$box.hide();
  8437. \t\t\t\treturn;
  8438. \t\t\t}
  8440. \t\t\tvar fb = oi_data.fe_block;
  8441. \t\t\t\$box.empty();
  8442. \t\t\tvar \$title = \$('<p class=\"rp-section-label\"><strong>' + (fb.title || 'ブロックの種類と段数') + '</strong></p>');
  8443. \t\t\t\$box.append(\$title);
  8444. \t\t\t// 他オプション群と同じ .opt-btn-group / .opt-btn 形式で描画.
  8445. \t\t\t//   生の <label><input type=radio> ... 形式だと CSS 定義が無く
  8446. \t\t\t//   ラベル折り返し・縦ズレ・隣接 opt-btn との間隔不揃いが発生する.
  8447. \t\t\tvar \$list = \$('<div class=\"opt-btn-group\" style=\"flex-direction:column;align-items:stretch;\"></div>');
  8448. \t\t\tfb.choices.forEach(function(ch) {
  8449. \t\t\t\tvar inputId = 'fe_block_' + ch.key;
  8450. \t\t\t\tvar isSel   = (ch.key === fe_block_selected);
  8451. \t\t\t\tvar checked = isSel ? ' checked' : '';
  8452. \t\t\t\tvar selCls  = isSel ? ' is-selected' : '';
  8453. \t\t\t\tvar priceTxt = (parseInt(ch.price) || 0) > 0
  8454. \t\t\t\t\t? ' <span class=\"fe-block-price\" style=\"margin-left:6px;color:#666;font-size:12px;white-space:nowrap;\">（+' + formatter.format(toIncTax(parseInt(ch.price))) + '円 税込）</span>'
  8455. \t\t\t\t\t: '';
  8456. \t\t\t\t\$list.append(
  8457. \t\t\t\t\t'<label class=\"opt-btn' + selCls + '\" style=\"text-align:left;display:flex;align-items:center;flex-wrap:wrap;\">' +
  8458. \t\t\t\t\t'<input type=\"radio\" name=\"fe_block\" id=\"' + inputId + '\" value=\"' + ch.key + '\"' + checked + '>' +
  8459. \t\t\t\t\t'<span class=\"fe-block-label\">' + ch.label + '</span>' +
  8460. \t\t\t\t\tpriceTxt +
  8461. \t\t\t\t\t'</label>'
  8462. \t\t\t\t);
  8463. \t\t\t});
  8464. \t\t\t\$box.append(\$list);
  8465. \t\t\t\$box.show();
  8466. \t\t\t\$box.off('change.fe_block').on('change.fe_block', 'input[type=\"radio\"][name=\"fe_block\"]', function() {
  8467. \t\t\t\tfe_block_selected = \$(this).val();
  8468. \t\t\t\t// is-selected 切替 (opt-btn 形式共通)
  8469. \t\t\t\t\$box.find('label.opt-btn').removeClass('is-selected');
  8470. \t\t\t\t\$(this).closest('label.opt-btn').addClass('is-selected');
  8471. \t\t\t\tmitsumori_simulation('refresh', '');
  8472. \t\t\t});
  8473. \t\t}
  8475. \t\t/**
  8476. \t\t * fe (sale_type=4) で op_data エントリの連動表示制御.
  8477. \t\t *   親「ご希望のフェンス設置方法」の選択値に応じて、
  8478. \t\t *     - 「既存ブロックに穴空け工事が必要ですか？」 entry を表示/非表示
  8479. \t\t *   切替の trigger は親選択値の文字列で判定 (entry index にハードコードしない).
  8480. \t\t */
  8481. \t\tfunction updateFeOpConditionalVisibility() {
  8482. \t\t\tif (SALE_TYPE_ID !== 4) return;
  8483. \t\t\tvar parentIdx = findFeBlockParentOpIndex();
  8484. \t\t\tif (parentIdx < 0) return;
  8485. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8486. \t\t\tvar parentSel = ops[parentIdx];
  8487. \t\t\t// 親が「既存ブロックに設置する」 (= off 側) のとき穴空け entry を表示
  8488. \t\t\tvar triggerOffValue = (op_data[parentIdx] && op_data[parentIdx].off) || '既存ブロックに設置する';
  8489. \t\t\t\$('div[data-op-name]').each(function() {
  8490. \t\t\t\tvar n = \$(this).attr('data-op-name') || '';
  8491. \t\t\t\tif (n.indexOf('穴空け') >= 0) {
  8492. \t\t\t\t\tif (parentSel === triggerOffValue) {
  8493. \t\t\t\t\t\t\$(this).show();
  8494. \t\t\t\t\t} else {
  8495. \t\t\t\t\t\t\$(this).hide();
  8496. \t\t\t\t\t}
  8497. \t\t\t\t}
  8498. \t\t\t});
  8499. \t\t}
  8501. \t\t/**
  8502. \t\t * 選択中の施工オプションを集計し、ON選択分の price を合計する.
  8503. \t\t * 戻り値: { total: 合計金額, items: [{name, value, price}, ...] }
  8504. \t\t */
  8505. \t\tfunction collectOptions() {
  8506. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8507. \t\t\tvar total = 0;
  8508. \t\t\tvar items = [];
  8509. \t\t\tfor (var i = 0; i < ops.length; i++) {
  8510. \t\t\t\tif (!op_data[i] || !op_data[i].name) continue;
  8511. \t\t\t\tvar sel = ops[i];
  8512. \t\t\t\tif (!sel) continue;
  8513. \t\t\t\tvar price = parseInt(op_data[i].price) || 0;
  8514. \t\t\t\t// 「ON」選択時のみ加算（OFF や「不要」「商品購入のみ」は加算しない）
  8515. \t\t\t\tvar isOn = (sel === op_data[i].on);
  8516. \t\t\t\titems.push({
  8517. \t\t\t\t\tname:  op_data[i].name,
  8518. \t\t\t\t\tvalue: sel,
  8519. \t\t\t\t\tprice: isOn ? price : 0,
  8520. \t\t\t\t\ton:    op_data[i].on,
  8521. \t\t\t\t\toff:   op_data[i].off,
  8522. \t\t\t\t});
  8523. \t\t\t\tif (isOn) total += price;
  8524. \t\t\t}
  8525. \t\t\t// fe (sale_type=4) のブロック種類×段数 分を items / total に統合.
  8526. \t\t\t// 親オプション「ご希望のフェンス設置方法」 が 「新規にブロック積みを行う」 のとき
  8527. \t\t\t// だけ加算される (collectFeBlock 内で判定済み).
  8528. \t\t\tvar fb = collectFeBlock();
  8529. \t\t\tif (fb.active && fb.choice) {
  8530. \t\t\t\titems.push({
  8531. \t\t\t\t\tname:  (oi_data.fe_block && oi_data.fe_block.title) || 'ブロックの種類と段数',
  8532. \t\t\t\t\tvalue: fb.choice.label,
  8533. \t\t\t\t\tprice: fb.price,
  8534. \t\t\t\t\ton:    fb.choice.label,
  8535. \t\t\t\t\toff:   '',
  8536. \t\t\t\t});
  8537. \t\t\t\ttotal += fb.price;
  8538. \t\t\t}
  8539. \t\t\treturn { total: total, items: items };
  8540. \t\t}
  8542. \t\t/**
  8543. \t\t * free_area 1 エントリ ({w,d,h,m,c,price,unit_price,maker_price,ct,option1,option2})
  8544. \t\t * から sale_type 別に最終金額を算出する.
  8545. \t\t *
  8546. \t\t * 計算式（amount=1 ベース、出口で × 1.10 税込化）:
  8547. \t\t *   1 通常        : price + ct + option_sum
  8548. \t\t *   2 補助金窓    : price × set_count + (ct + (set_count-1) × option2) + option_sum
  8549. \t\t *   3 物置        : (price + ct) × daisu + option_sum
  8550. \t\t *   4 フェンス    : price + (maisu-1) × unit_price
  8551. \t\t *                  + ct + max(0, maisu-3) × option1
  8552. \t\t *                  + option_sum   (maisu >= 3)
  8553. \t\t *   5 デッキ      : price + ct + option_sum   (area は表示用、計算非関与)
  8554. \t\t *   6 芝生        : price × ceil(area / (w_m × h_m)) + ct + option_sum
  8555. \t\t *   9 商品のみ    : price のみ（カート quantity 倍で総額）
  8556. \t\t *
  8557. \t\t * fe では option1 を ct_up、um では option2 を ct_up として転用.
  8558. \t\t * tf では w / h にロール幅・長さが格納されており parseLen で数値抽出.
  8559. \t\t *
  8560. \t\t * @param {Object} pp  free_area の 1 行（matrix エントリ）
  8561. \t\t * @param {number} optionTotal  collectOptions().total
  8562. \t\t * @param {Object} ctx  UI 入力 {set_count, daisu, maisu, area, quantityOnly, ...}
  8563. \t\t * @returns {Object} {goukei, price, ct, opt, qty}  すべて税込整数
  8564. \t\t */
  8565. \t\tfunction calcGoukei(pp, optionTotal, ctx) {
  8566. \t\t\tvar basePrice  = parseInt(pp.price)       || 0;
  8567. \t\t\tvar baseCt     = parseInt(pp.ct)          || 0;
  8568. \t\t\tvar unitPrice  = parseInt(pp.unit_price)  || 0;
  8569. \t\t\tvar optSum     = optionTotal;
  8570. \t\t\tvar price      = basePrice;
  8571. \t\t\tvar ct         = baseCt;
  8572. \t\t\tvar qty        = 1;
  8573. \t\t\tvar goukei     = 0;
  8575. \t\t\t// 「商品購入のみ」選択時は工事費・オプションをゼロにする（任意 sale_type で適用）
  8576. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  8577. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  8578. \t\t\tif (purchaseOnly) {
  8579. \t\t\t\tbaseCt = 0;
  8580. \t\t\t\tct     = 0;
  8581. \t\t\t\toptSum = 0;
  8582. \t\t\t}
  8584. \t\t\tswitch (SALE_TYPE_ID) {
  8585. \t\t\t\tcase 2: {  // 補助金・窓 (シンプル表引き方式 2026-05-)
  8586. \t\t\t\t\t// 2026-05 仕様簡素化: 枚数軸を廃止し、subtype に枚数を内包.
  8587. \t\t\t\t\t// pp.price / pp.ct は (W, H, ガラス, subtype) の単一価格.
  8588. \t\t\t\t\t// 複数枚をまとめて買う場合はカート quantity で表現.
  8589. \t\t\t\t\tqty    = 1;
  8590. \t\t\t\t\tprice  = basePrice;
  8591. \t\t\t\t\tct     = baseCt;
  8592. \t\t\t\t\tgoukei = price + ct + optSum;
  8593. \t\t\t\t\tbreak;
  8594. \t\t\t\t}
  8596. \t\t\t\tcase 3: {  // 物置・ゴミステーション
  8597. \t\t\t\t\tqty   = Math.max(1, parseInt(ctx.daisu) || 1);
  8598. \t\t\t\t\tprice = basePrice * qty;
  8599. \t\t\t\t\tct    = baseCt * qty;
  8600. \t\t\t\t\tgoukei = price + ct + optSum;
  8601. \t\t\t\t\tbreak;
  8602. \t\t\t\t}
  8604. \t\t\t\tcase 4: {  // フェンス・組み立て式（maisu ≥ 3、base_amount = 3）
  8605. \t\t\t\t\t// scraper は amount=3 を base にしているので pp.price = price(3),
  8606. \t\t\t\t\t// pp.unit_price = price(4) - price(3).
  8607. \t\t\t\t\tqty   = Math.max(3, parseInt(ctx.maisu) || 3);
  8608. \t\t\t\t\tprice = basePrice + (qty - 3) * unitPrice;
  8609. \t\t\t\t\t// option1 が ct_up (4枚目以降の増分). 未設定なら ct 固定動作
  8610. \t\t\t\t\tvar ctUp1 = parseInt(pp.option1) || 0;
  8611. \t\t\t\t\tct = baseCt + Math.max(0, qty - 3) * ctUp1;
  8612. \t\t\t\t\t// fe_block(ブロック積み段数): collectOptions が base(3枚分)を optSum に
  8613. \t\t\t\t\t// 算入済み. ブロック費も本体同様に枚数連動するため、4枚目以降は 1枚毎に
  8614. \t\t\t\t\t// choice.unit_price(= block(4)-block(3)) を加算する.
  8615. \t\t\t\t\t// (顧客指摘「何枚施工でも増える金額が同じ」の是正。unit_price 未設定の
  8616. \t\t\t\t\t//  旧データでは +0 で従来動作。)
  8617. \t\t\t\t\tif (!purchaseOnly) {
  8618. \t\t\t\t\t\tvar fbC = collectFeBlock();
  8619. \t\t\t\t\t\tif (fbC.active && fbC.choice) {
  8620. \t\t\t\t\t\t\toptSum += Math.max(0, qty - 3) * (parseInt(fbC.choice.unit_price) || 0);
  8621. \t\t\t\t\t\t}
  8622. \t\t\t\t\t}
  8623. \t\t\t\t\tgoukei = price + ct + optSum;
  8624. \t\t\t\t\tbreak;
  8625. \t\t\t\t}
  8627. \t\t\t\tcase 5: {  // ウッドデッキ・タイルデッキ
  8628. \t\t\t\t\t// area は担当者向けの参考値として保持（計算には使わない）
  8629. \t\t\t\t\tqty    = 1;
  8630. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  8631. \t\t\t\t\tprice  = basePrice;
  8632. \t\t\t\t\tct     = baseCt;
  8633. \t\t\t\t\tbreak;
  8634. \t\t\t\t}
  8636. \t\t\t\tcase 6: {  // 芝生・人工芝（ロール単位）
  8637. \t\t\t\t\t// pp.w \"1m\", pp.h \"10m\" から数値抽出
  8638. \t\t\t\t\tvar w_m = parseLen(pp.w);
  8639. \t\t\t\t\tvar h_m = parseLen(pp.h);
  8640. \t\t\t\t\tvar rollSize = w_m * h_m;
  8641. \t\t\t\t\tif (!rollSize || rollSize <= 0) rollSize = 1;
  8642. \t\t\t\t\t// 施工サイズ(面積)があれば必要枚数を自動算出。無ければ直接指定の枚数を使う。
  8643. \t\t\t\t\tvar area  = parseFloat(ctx.area) || 0;
  8644. \t\t\t\t\tif (area > 0) {
  8645. \t\t\t\t\t\tqty = Math.max(1, Math.ceil(area / rollSize));
  8646. \t\t\t\t\t} else {
  8647. \t\t\t\t\t\tqty = Math.max(1, parseInt(ctx.tf_qty) || 1);
  8648. \t\t\t\t\t}
  8649. \t\t\t\t\tprice  = basePrice * qty;
  8650. \t\t\t\t\tct     = baseCt;
  8651. \t\t\t\t\tgoukei = price + ct + optSum;
  8652. \t\t\t\t\tbreak;
  8653. \t\t\t\t}
  8655. \t\t\t\tcase 7: {  // 数量買い・基本工事費固定（gf ガーデンファニチャー / st 石材）
  8656. \t\t\t\t\tqty    = Math.max(1, parseInt(ctx.suuryou) || 1);
  8657. \t\t\t\t\tprice  = basePrice * qty;
  8658. \t\t\t\t\tct     = baseCt;                 // ct は固定（数量に依らない）
  8659. \t\t\t\t\tgoukei = price + ct + optSum;
  8660. \t\t\t\t\tbreak;
  8661. \t\t\t\t}
  8663. \t\t\t\tcase 9: {  // 商品のみ購入
  8664. \t\t\t\t\t// カート側で quantity × unit price するため goukei は単品価格
  8665. \t\t\t\t\tqty    = parseInt(ctx.quantityOnly) || 1;
  8666. \t\t\t\t\tprice  = basePrice;
  8667. \t\t\t\t\tct     = 0;
  8668. \t\t\t\t\toptSum = 0;
  8669. \t\t\t\t\tgoukei = price;
  8670. \t\t\t\t\tbreak;
  8671. \t\t\t\t}
  8673. \t\t\t\tdefault: {  // 1: 通常（カーポート等、matrix 選択のみ）
  8674. \t\t\t\t\tqty    = 1;
  8675. \t\t\t\t\tgoukei = basePrice + baseCt + optSum;
  8676. \t\t\t\t\tbreak;
  8677. \t\t\t\t}
  8678. \t\t\t}
  8680. \t\t\t// 出口で税込化（pp.price/pp.ct/op_data.price はすべて税抜で保存されている前提）
  8681. \t\t\treturn {
  8682. \t\t\t\tgoukei: toIncTax(goukei),
  8683. \t\t\t\tprice:  toIncTax(price),
  8684. \t\t\t\tct:     toIncTax(ct),
  8685. \t\t\t\topt:    toIncTax(optSum),
  8686. \t\t\t\tqty:    qty,
  8687. \t\t\t};
  8688. \t\t}
  8690. \t\t/**
  8691. \t\t * 寸法文字列から「メートル単位の数値」を抽出する.
  8692. \t\t *
  8693. \t\t * 単位は m / cm / mm を認識し、いずれも m 単位に正規化して返す.
  8694. \t\t * 単位が無い場合は m 単位とみなす（旧 tf データ \"1m\" \"10m\" との互換）.
  8695. \t\t * 数値が見つからない場合は 0 を返す（呼び出し側で fallback）.
  8696. \t\t *
  8697. \t\t * 例:
  8698. \t\t *   \"1m\"     → 1
  8699. \t\t *   \"100cm\"  → 1   (2026-06 以降の m → cm 正規化に対応)
  8700. \t\t *   \"200cm\"  → 2
  8701. \t\t *   \"5.5m\"   → 5.5
  8702. \t\t *   \"1000mm\" → 1
  8703. \t\t *   \"\"       → 0
  8704. \t\t */
  8705. \t\tfunction parseLen(s) {
  8706. \t\t\tif (!s) return 0;
  8707. \t\t\tvar str = String(s);
  8708. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)\\s*(mm|cm|m)?/i);
  8709. \t\t\tif (!m) return 0;
  8710. \t\t\tvar n = parseFloat(m[1]);
  8711. \t\t\tif (isNaN(n)) return 0;
  8712. \t\t\tvar unit = (m[2] || 'm').toLowerCase();
  8713. \t\t\tif (unit === 'cm') return n / 100;
  8714. \t\t\tif (unit === 'mm') return n / 1000;
  8715. \t\t\treturn n;  // 'm' or no unit
  8716. \t\t}
  8718. \t\t// pp は autoSelectFirstColor 等からも参照するので global にする
  8719. \t\tvar pp = {{ pp|raw }};
  8721. \t\t// sale_type=2 の幅 / 高さ ladder (Twig p_w / p_h を JS で参照するため).
  8722. \t\t// 入力 mm 値を pp の幅・高さバケット文字列にマッピングする際の元データ.
  8723. \t\t// p_w / p_h は連想配列で来ることがあるため Object.values で配列化する.
  8724. \t\tvar PP_W_LADDER = Object.values({{ p_w|default({})|json_encode|raw }} || {});
  8725. \t\tvar PP_H_LADDER = Object.values({{ p_h|default({})|json_encode|raw }} || {});
  8727. \t\t/* ============================================================
  8728. \t\t   sale_type=2 (補助金窓) 専用: 複数タイプ集計 & 補助金計算
  8729. \t\t   ============================================================
  8730. \t\t   - 入力 UI: #window-types-container 配下の .window-type-block
  8731. \t\t   - 補助金根拠: 先進的窓リノベ2026事業
  8732. \t\t     https://window-renovation2026.env.go.jp/construction/inner-window.html
  8733. \t\t   - 価格軸: (subtype, w, h, glass, color) で pp を lookup
  8734. \t\t   - 1 商品 = 1 明細 にまとめ、内訳 JSON を別途保存予定 (cart 連携は後続タスク)
  8735. \t\t   ============================================================ */
  8737. \t\t// 補助金マトリクス: [住宅区分][性能][サイズ区分] → 1 箇所あたり金額 (税抜・端数なし)
  8738. \t\tvar WINDOW_SUBSIDY_MATRIX = {
  8739. \t\t\tdetached:  { // 戸建住宅・延床240㎡以下の非住宅
  8740. \t\t\t\tP: { G: 140000, L: 89000, M: 58000, S: 36000 },
  8741. \t\t\t\tS: { G: 76000,  L: 52000, M: 34000, S: 22000 }
  8742. \t\t\t},
  8743. \t\t\tapartment: { // 低層・中高層集合住宅・240㎡超の非住宅
  8744. \t\t\t\tP: { G: 152000, L: 98000, M: 64000, S: 40000 },
  8745. \t\t\t\tS: { G: 83000,  L: 57000, M: 37000, S: 24000 }
  8746. \t\t\t}
  8747. \t\t};
  8749. \t\t// 住宅区分: 画面 UI (input[name=\"window_housing_type\"]) から取得する.
  8750. \t\t// 既定値は PFC meta_key=\"住宅区分\" を fallback (未設定なら '戸建').
  8751. \t\tvar HOUSING_TYPE_DEFAULT = {{ getProduct_field(Product.id, '住宅区分')|default('戸建')|json_encode|raw }};
  8752. \t\tfunction getCurrentHousingKey() {
  8753. \t\t\tvar el = document.querySelector('input[name=\"window_housing_type\"]:checked');
  8754. \t\t\tvar v  = el ? el.value : HOUSING_TYPE_DEFAULT;
  8755. \t\t\treturn (v === '集合住宅') ? 'apartment' : 'detached';
  8756. \t\t}
  8758. \t\t// 商品シリーズ自動判定 (Product.name から)
  8759. \t\t// 根拠カタログ: YKK AP「ウチリモ」XAAAA-H26-067-1 (2026.04), 同「LiteU」XAAAA-H16-088-2,
  8760. \t\t//              三協アルミ「プラメイクEII」0142_STJ1931L, LIXIL「インプラス」(既知)
  8761. \t\tvar PRODUCT_NAME_RAW = {{ Product.name|default('')|json_encode|raw }};
  8762. \t\tfunction detectProductSeries(name) {
  8763. \t\t\tif (!name) return null;
  8764. \t\t\tif (/ウチリモ/.test(name)) return 'uchirimo';
  8765. \t\t\tif (/プラマード\\s*U/i.test(name)) return 'pramado_u';
  8766. \t\t\tif (/インプラス/.test(name)) return 'inplus';
  8767. \t\t\tif (/プラメイク\\s*EII|プラメイクEII/i.test(name)) return 'plamake_eii';
  8768. \t\t\tif (/LiteU/i.test(name)) return 'lite_u';
  8769. \t\t\treturn null;
  8770. \t\t}
  8771. \t\t// シリーズ上限グレード:
  8772. \t\t//   'P'  = SS/P まで到達可能 (真空断熱ガラス採用シリーズ)
  8773. \t\t//   'S'  = Low-E 複層止まり (真空断熱ガラスのラインなし)
  8774. \t\t//   null = 単板のみ → 補助金対象外
  8775. \t\tvar SERIES_GRADE_CAP = {
  8776. \t\t\tuchirimo:    'P',
  8777. \t\t\tpramado_u:   'P',
  8778. \t\t\tinplus:      'S',
  8779. \t\t\tplamake_eii: 'S',
  8780. \t\t\tlite_u:      null
  8781. \t\t};
  8782. \t\tvar DETECTED_SERIES = detectProductSeries(PRODUCT_NAME_RAW);
  8783. \t\tvar SERIES_GRADE_CAP_VAL = (DETECTED_SERIES !== null && Object.prototype.hasOwnProperty.call(SERIES_GRADE_CAP, DETECTED_SERIES))
  8784. \t\t\t? SERIES_GRADE_CAP[DETECTED_SERIES]
  8785. \t\t\t: undefined;
  8787. \t\t// 商品単位グレード上限 (PFC `meta_key=補助金グレード上限` で個別上書き)
  8788. \t\t// 値: 'P' / 'SS' / 'S' / '対象外' / '無' / 'NONE' / 空文字 (未指定)
  8789. \t\tvar PRODUCT_GRADE_CAP_RAW = {{ getProduct_field(Product.id, '補助金グレード上限')|default('')|json_encode|raw }};
  8790. \t\tfunction normalizeGradeCap(v) {
  8791. \t\t\tif (v === null || v === undefined || v === '') return undefined;
  8792. \t\t\tvar s = String(v).trim().toUpperCase();
  8793. \t\t\tif (s === 'NONE' || s === '対象外' || s === '無') return null;
  8794. \t\t\tif (s === 'P' || s === 'SS') return 'P';
  8795. \t\t\tif (s === 'S') return 'S';
  8796. \t\t\treturn undefined;
  8797. \t\t}
  8798. \t\tvar PRODUCT_GRADE_CAP = normalizeGradeCap(PRODUCT_GRADE_CAP_RAW);
  8800. \t\t// 窓種 (subtype = option1) ごとのグレード上限.
  8801. \t\t// 根拠: YKK AP「ウチリモ」業務用 (XAAAA-H26-067-1) の窓種別ラインナップで
  8802. \t\t//      真空ガラス (Glavenir) の設定有無を確認:
  8803. \t\t//        引違い窓 (2/3/4枚建) / 浴室仕様 引違い窓 / FIX窓        → P 到達可能
  8804. \t\t//        内開き窓 (居室/浴室) / 開き窓テラス / テラスドア類       → 真空ガラスなし → S 止まり
  8805. \t\tfunction detectSubtypeGradeCap(subtype) {
  8806. \t\t\tif (!subtype) return undefined;
  8807. \t\t\tvar s = String(subtype);
  8808. \t\t\tif (/内開|開き窓テラス|テラスドア|開き戸/.test(s)) return 'S';
  8809. \t\t\treturn undefined;
  8810. \t\t}
  8812. \t\t// クリップ: 強さは 'P' > 'S' > null (対象外). cap=null は強制対象外, cap=undefined は無効化なし.
  8813. \t\tfunction clipGradeBy(grade, cap) {
  8814. \t\t\tif (cap === undefined) return grade;
  8815. \t\t\tif (cap === null)      return null;
  8816. \t\t\tif (grade === null)    return null;
  8817. \t\t\tif (cap === 'S' && grade === 'P') return 'S';
  8818. \t\t\treturn grade;
  8819. \t\t}
  8820. \t\tfunction finalizeGlassGrade(raw, subtype) {
  8821. \t\t\tvar g = clipGradeBy(raw, SERIES_GRADE_CAP_VAL);
  8822. \t\t\tg     = clipGradeBy(g,   detectSubtypeGradeCap(subtype));
  8823. \t\t\tg     = clipGradeBy(g,   PRODUCT_GRADE_CAP);
  8824. \t\t\treturn g;
  8825. \t\t}
  8827. \t\t/**
  8828. \t\t * ガラスタイプ名から性能区分 'P' (SS, Uw≤1.1) / 'S' (Uw≤1.5) / null を判別.
  8829. \t\t * null = 補助対象外.
  8830. \t\t *
  8831. \t\t * 根拠: YKK AP「ウチリモ 内窓」業務用カタログ (XAAAA-H26-069-1) で
  8832. \t\t *       P (SS) は真空断熱ガラスのみ、Low-E はアルゴン入りでも S 止まり、
  8833. \t\t *       Low-E ガス無 + 型ガラス / フロストは 2026年4月で対象外、
  8834. \t\t *       が確認できた。アルゴン入り Low-E を P 判定する旧ルールは誤りだった。
  8835. \t\t *
  8836. \t\t * シリーズによっては P がそもそも存在しない (LIXIL インプラスは S 一律)
  8837. \t\t * ため、最終的には PFC で商品単位の上限を上書きできる仕組みが必要。
  8838. \t\t */
  8839. \t\tfunction detectGlassPerformance(glassName) {
  8840. \t\t\tif (!glassName) return null;
  8841. \t\t\tvar n = String(glassName);
  8842. \t\t\t// 補助対象外: 単板 / 和紙調 / 防音 / 防犯 / 型ガラス・フロスト (Low-E ガス無の型は 2026/4 で対象外)
  8843. \t\t\tif (/単ガラス|単板|和紙調|防音|防犯|複層\\/型|型ガラス|フロスト/.test(n)) return null;
  8844. \t\t\t// P (SS): 真空断熱ガラスのみ
  8845. \t\t\tif (/真空断熱/.test(n)) return 'P';
  8846. \t\t\t// S: Low-E 系のみ (アルゴン入りでも S 止まり)
  8847. \t\t\tif (/Low-?E/i.test(n)) return 'S';
  8848. \t\t\t// 一般複層 / ブラインドイン複層 / 複層強化 など Low-E 無しの複層は補助対象外
  8849. \t\t\treturn null;
  8850. \t\t}
  8852. \t\t/**
  8853. \t\t * 幅 mm × 高さ mm からサイズ区分 'G' (≥4.0㎡) / 'L' (2.8-3.9) / 'M' (1.6-2.7) / 'S' (0.2-1.5) / null.
  8854. \t\t * null = 補助対象外 (0.2㎡ 未満).
  8855. \t\t */
  8856. \t\tfunction detectSizeClass(w_mm, h_mm) {
  8857. \t\t\tvar w = parseFloat(w_mm) || 0;
  8858. \t\t\tvar h = parseFloat(h_mm) || 0;
  8859. \t\t\tif (w <= 0 || h <= 0) return null;
  8860. \t\t\tvar area = (w * h) / 1000000.0;
  8861. \t\t\tif (area < 0.2) return null;
  8862. \t\t\tif (area < 1.6) return 'S';
  8863. \t\t\tif (area < 2.8) return 'M';
  8864. \t\t\tif (area < 4.0) return 'L';
  8865. \t\t\treturn 'G';
  8866. \t\t}
  8868. \t\tfunction lookupSubsidyAmount(performance, sizeClass) {
  8869. \t\t\tif (!performance || !sizeClass) return 0;
  8870. \t\t\tvar t = WINDOW_SUBSIDY_MATRIX[getCurrentHousingKey()];
  8871. \t\t\tif (!t || !t[performance]) return 0;
  8872. \t\t\treturn t[performance][sizeClass] || 0;
  8873. \t\t}
  8875. \t\t/**
  8876. \t\t * mm 入力値を ladder バケット文字列に変換する.
  8877. \t\t *   bucketizeMm(1750, [\"100cm まで\",\"150cm まで\",\"200cm まで\",\"300cm まで\"]) → \"200cm まで\"
  8878. \t\t * - 入力が空 or 0 のときはそのまま返す (未入力扱い)
  8879. \t\t * - 入力がラダー最大を超えるときは最大バケットを返す (= 価格上限の保護)
  8880. \t\t * - 入力文字列が既にラダーラベルそのものなら無変換 (互換のため)
  8881. \t\t */
  8882. \t\tfunction bucketizeMm(input, ladder) {
  8883. \t\t\tif (!input && input !== 0) return '';
  8884. \t\t\tif (!ladder || ladder.length === 0) return input;
  8885. \t\t\tvar s = String(input).trim();
  8886. \t\t\tif (s === '') return '';
  8887. \t\t\tif (ladder.indexOf(s) >= 0) return s;
  8888. \t\t\tvar mm = parseMm(s);
  8889. \t\t\tif (mm <= 0) return s;
  8890. \t\t\tvar withMax = ladder.map(function(b) { return { label: b, max: parseMm(b) }; });
  8891. \t\t\twithMax.sort(function(a, b) { return a.max - b.max; });
  8892. \t\t\tfor (var i = 0; i < withMax.length; i++) {
  8893. \t\t\t\tif (mm <= withMax[i].max) return withMax[i].label;
  8894. \t\t\t}
  8895. \t\t\treturn withMax[withMax.length - 1].label;
  8896. \t\t}
  8898. \t\t/**
  8899. \t\t * pp 配列から該当 1 行を返す. 完全一致優先、見つからなければ最初の候補.
  8900. \t\t * 軸: subtype (option1) / w / h / m / c. axisMatch は既存ロジックと同じ.
  8901. \t\t * sale_type=2 では pw_val / ph_val に mm 数値が来るため、内部で bucketizeMm
  8902. \t\t * を通してから既存マッチングに渡す.
  8903. \t\t */
  8904. \t\tfunction lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val) {
  8905. \t\t\tif (!pp || pp.length === 0) return null;
  8906. \t\t\tvar pw_bucket = bucketizeMm(pw_val, PP_W_LADDER);
  8907. \t\t\tvar ph_bucket = bucketizeMm(ph_val, PP_H_LADDER);
  8908. \t\t\tvar axMatch = function(input, value) {
  8909. \t\t\t\treturn input == value || input === '指定なし' || value === '' || value == null;
  8910. \t\t\t};
  8911. \t\t\tvar colMatch = function(input, value) {
  8912. \t\t\t\tif (axMatch(input, value)) return true;
  8913. \t\t\t\tif (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  8914. \t\t\t\t\treturn value.split('/').some(function(s) { return s.trim() === input; });
  8915. \t\t\t\t}
  8916. \t\t\t\treturn false;
  8917. \t\t\t};
  8918. \t\t\tvar candidates = pp.filter(function(el) {
  8919. \t\t\t\treturn axMatch(pw_bucket, el.w)
  8920. \t\t\t\t\t&& axMatch(ph_bucket, el.h)
  8921. \t\t\t\t\t&& axMatch(pm_val, el.m)
  8922. \t\t\t\t\t&& axMatch(subtype, el.option1);
  8923. \t\t\t});
  8924. \t\t\tfor (var i = 0; i < candidates.length; i++) {
  8925. \t\t\t\tif (colMatch(pc_val, candidates[i].c)) return candidates[i];
  8926. \t\t\t}
  8927. \t\t\treturn candidates[0] || null;
  8928. \t\t}
  8930. \t\t/**
  8931. \t\t * \"1000mm\" / \"200cm\" / \"1.0m\" / 単位なし → mm に正規化して返す.
  8932. \t\t * UI 上の「200cm まで」等の文字列をそのまま渡せるようにする.
  8933. \t\t */
  8934. \t\tfunction parseMm(s) {
  8935. \t\t\tif (!s) return 0;
  8936. \t\t\tvar str = String(s);
  8937. \t\t\tvar m = str.match(/(\\d+(?:\\.\\d+)?)/);
  8938. \t\t\tif (!m) return 0;
  8939. \t\t\tvar num = parseFloat(m[1]);
  8940. \t\t\tif (/mm/i.test(str)) return num;
  8941. \t\t\tif (/cm/i.test(str)) return num * 10;
  8942. \t\t\tif (/(^|\\d)\\s*m(\$|\\W)/i.test(str)) return num * 1000;
  8943. \t\t\treturn num;
  8944. \t\t}
  8946. \t\t/**
  8947. \t\t * 1 タイプブロックから入力を読み、pp lookup → 単価・補助金額を計算して返す.
  8948. \t\t * incomplete=true: 軸のどれかが未選択 → 計算しない (UI で「未選択」を示すため).
  8949. \t\t */
  8950. \t\tfunction collectWindowTypeRow(block) {
  8951. \t\t\tvar get = function(axis) {
  8952. \t\t\t\t// radio / checkbox は :checked、それ以外 (number/text) は値そのまま.
  8953. \t\t\t\tvar radio = block.querySelector('input[data-axis=\"' + axis + '\"]:checked');
  8954. \t\t\t\tif (radio) return radio.value;
  8955. \t\t\t\tvar any = block.querySelector('input[data-axis=\"' + axis + '\"]');
  8956. \t\t\t\tif (!any) return '';
  8957. \t\t\t\tif (any.type === 'radio' || any.type === 'checkbox') return '';
  8958. \t\t\t\treturn (any.value || '').trim();
  8959. \t\t\t};
  8960. \t\t\tvar setqtyEl = block.querySelector('input[data-axis=\"setqty\"]');
  8961. \t\t\tvar subtype = get('subtype');
  8962. \t\t\tvar pw_val  = get('pw');
  8963. \t\t\tvar ph_val  = get('ph');
  8964. \t\t\tvar pm_val  = get('pm');
  8965. \t\t\tvar pc_val  = get('pc');
  8966. \t\t\tvar setqty  = setqtyEl ? Math.max(1, parseInt(setqtyEl.value) || 1) : 1;
  8968. \t\t\tvar row = {
  8969. \t\t\t\tsubtype: subtype, pw: pw_val, ph: ph_val, pm: pm_val, pc: pc_val, setqty: setqty,
  8970. \t\t\t\tunit_price_exc: 0, unit_ct_exc: 0, subsidy: 0,
  8971. \t\t\t\tsize_class: null, glass_perf: null,
  8972. \t\t\t\tincomplete: false
  8973. \t\t\t};
  8975. \t\t\t// p_option1 / p_w / p_h / p_m / color のいずれかが商品データに無いときは未選択でも完了扱いにする.
  8976. \t\t\t// (例: 商品によっては subtype が無い場合がある)
  8977. \t\t\tvar hasSubtype = !!block.querySelector('input[data-axis=\"subtype\"]');
  8978. \t\t\tvar hasPw      = !!block.querySelector('input[data-axis=\"pw\"]');
  8979. \t\t\tvar hasPh      = !!block.querySelector('input[data-axis=\"ph\"]');
  8980. \t\t\tvar hasPm      = !!block.querySelector('input[data-axis=\"pm\"]');
  8981. \t\t\tvar hasPc      = !!block.querySelector('input[data-axis=\"pc\"]');
  8983. \t\t\tif ((hasSubtype && !subtype) || (hasPw && !pw_val) || (hasPh && !ph_val)
  8984. \t\t\t    || (hasPm && !pm_val)  || (hasPc && !pc_val)) {
  8985. \t\t\t\trow.incomplete = true;
  8986. \t\t\t\treturn row;
  8987. \t\t\t}
  8989. \t\t\tvar ppRow = lookupPpRow(subtype, pw_val, ph_val, pm_val, pc_val);
  8990. \t\t\tif (ppRow) {
  8991. \t\t\t\trow.unit_price_exc = parseInt(ppRow.price) || 0;
  8992. \t\t\t\trow.unit_ct_exc    = parseInt(ppRow.ct)    || 0;
  8993. \t\t\t}
  8994. \t\t\t// ガラス名検出 → シリーズ上限 → subtype 上限 → 商品上限 の順で min クリップ.
  8995. \t\t\t// 例: LiteU (SERIES_GRADE_CAP_VAL=null) は Low-E でも null に落ちて補助対象外.
  8996. \t\t\t// 例: ウチリモの「内開き窓」subtype は真空ガラスでも S に落ちる.
  8997. \t\t\trow.glass_perf = finalizeGlassGrade(detectGlassPerformance(pm_val), subtype);
  8998. \t\t\trow.size_class = detectSizeClass(parseMm(pw_val), parseMm(ph_val));
  8999. \t\t\trow.subsidy    = lookupSubsidyAmount(row.glass_perf, row.size_class);
  9000. \t\t\treturn row;
  9001. \t\t}
  9003. \t\t/**
  9004. \t\t * sale_type=2 用集計: 全タイプから合計を出し DOM 更新.
  9005. \t\t * 計算式 (税抜→税込で出口で 1.10 倍):
  9006. \t\t *   商品金額 = Σ(各タイプ単価 × set_qty)
  9007. \t\t *   基本工事費 = 1 回分 (各タイプ pp.ct のうち最初に得た非ゼロ値)
  9008. \t\t *   補助金合計 = Σ(各タイプ補助金 × set_qty)
  9009. \t\t *   実質支払額 = (商品+ct+option) 税込 - 補助金合計
  9010. \t\t */
  9011. \t\tfunction recalcAllForSaleType2() {
  9012. \t\t\tif (typeof SALE_TYPE_ID === 'undefined' || SALE_TYPE_ID != 2) return;
  9013. \t\t\tif (!pp || pp.length === 0) {
  9014. \t\t\t\t\$('#mitsumori_message').text('価格データ準備中');
  9015. \t\t\t\t\$('#mitsumori_btn').hide();
  9016. \t\t\t\t['#mitsumori_goukei','#mitsumori_off','#mitsumori_price','#maker_price',
  9017. \t\t\t\t '#mitsumori_ct','#mitsumori_option','#mitsumori_kei','#mitsumori_shoukei','#mitsumori_tax']
  9018. \t\t\t\t .forEach(function(s){ \$(s).text('---円'); });
  9019. \t\t\t\treturn;
  9020. \t\t\t}
  9021. \t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  9022. \t\t\tif (blocks.length === 0) return;
  9024. \t\t\tvar rows = [];
  9025. \t\t\tvar hasIncomplete = false;
  9026. \t\t\tvar baseCt = 0;
  9027. \t\t\tvar hasAnyPriced = false;
  9029. \t\t\tblocks.forEach(function(b) {
  9030. \t\t\t\tvar r = collectWindowTypeRow(b);
  9031. \t\t\t\trows.push({ block: b, row: r });
  9032. \t\t\t\tif (r.incomplete) hasIncomplete = true;
  9033. \t\t\t\tif (r.unit_ct_exc > 0 && baseCt === 0) baseCt = r.unit_ct_exc;
  9034. \t\t\t\tif (r.unit_price_exc > 0) hasAnyPriced = true;
  9035. \t\t\t\tvar subSpan = b.querySelector('.wt-subsidy-amount');
  9036. \t\t\t\tif (subSpan) subSpan.textContent = r.incomplete ? '―' : Math.round(r.subsidy * r.setqty).toLocaleString();
  9037. \t\t\t});
  9039. \t\t\tif (hasIncomplete || !hasAnyPriced) {
  9040. \t\t\t\t\$('#mitsumori_message').text('窓タイプを選択してください');
  9041. \t\t\t\t\$('#mitsumori_btn').hide();
  9042. \t\t\t\treturn;
  9043. \t\t\t}
  9045. \t\t\tvar ops = [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10];
  9046. \t\t\tvar purchaseOnly = ops.some(function(v){ return v === '商品購入のみ'; });
  9048. \t\t\tvar sumPriceExc = 0, sumSubsidy = 0, totalPanes = 0;
  9049. \t\t\trows.forEach(function(item) {
  9050. \t\t\t\tvar r = item.row;
  9051. \t\t\t\tsumPriceExc += r.unit_price_exc * r.setqty;
  9052. \t\t\t\tsumSubsidy  += r.subsidy * r.setqty;
  9053. \t\t\t\tif (r.unit_price_exc > 0) totalPanes += r.setqty;
  9054. \t\t\t});
  9056. \t\t\t// 内窓 工事費（顧客最終回答）: 1枚目 22,000円 + 2枚目以降 1枚あたり +5,000円（税込表示額）。
  9057. \t\t\t// 既存パイプライン整合のため税抜(ctExc)も用意（税行 taxAmt 用）。商品購入のみは 0。
  9058. \t\t\tvar WINDOW_CT_BASE = 22000, WINDOW_CT_ADD = 5000;
  9059. \t\t\tvar ctIncTarget = purchaseOnly ? 0 : (WINDOW_CT_BASE + Math.max(0, totalPanes - 1) * WINDOW_CT_ADD);
  9060. \t\t\tvar ctExc  = purchaseOnly ? 0 : Math.round(ctIncTarget / (1 + TAX_RATE));
  9061. \t\t\tvar optExc = purchaseOnly ? 0 : (collectOptions().total || 0);
  9063. \t\t\tvar sumPriceInc = Math.round(sumPriceExc * (1 + TAX_RATE));
  9064. \t\t\tvar ctInc       = ctIncTarget;
  9065. \t\t\tvar optInc      = Math.round(optExc * (1 + TAX_RATE));
  9066. \t\t\tvar goukeiInc   = sumPriceInc + ctInc + optInc;
  9068. \t\t\t// 窓リノベ2026 申請条件:
  9069. \t\t\t//   - 補助金合計 ≥ 50,000 円 (5 万円未満は申請不可 → 還元 0 円扱い)
  9070. \t\t\t//   - 1 戸あたり上限 1,000,000 円 (住宅・非住宅240㎡以下)
  9071. \t\t\t//     ※ 非住宅 240㎡超の 10,000,000 円上限は対象外 (商品設計時に別扱い想定)
  9072. \t\t\tvar SUBSIDY_MIN_AMOUNT = 50000;
  9073. \t\t\tvar SUBSIDY_MAX_PER_UNIT = 1000000;
  9074. \t\t\tvar subsidyRawSum = sumSubsidy;
  9075. \t\t\tvar subsidyEligible = subsidyRawSum >= SUBSIDY_MIN_AMOUNT;
  9076. \t\t\tvar subsidyAmt = 0;
  9077. \t\t\tvar subsidyNote = '';
  9078. \t\t\tif (subsidyEligible) {
  9079. \t\t\t\tif (subsidyRawSum > SUBSIDY_MAX_PER_UNIT) {
  9080. \t\t\t\t\tsubsidyAmt = SUBSIDY_MAX_PER_UNIT;
  9081. \t\t\t\t\tsubsidyNote = '※補助上限 ' + SUBSIDY_MAX_PER_UNIT.toLocaleString()
  9082. \t\t\t\t\t\t+ '円 超過分は控除対象外（補助金合計 ' + subsidyRawSum.toLocaleString() + '円）';
  9083. \t\t\t\t} else {
  9084. \t\t\t\t\tsubsidyAmt = subsidyRawSum;
  9085. \t\t\t\t}
  9086. \t\t\t} else if (subsidyRawSum > 0) {
  9087. \t\t\t\tsubsidyNote = '※補助金合計が 5 万円未満のため申請対象外です（'
  9088. \t\t\t\t\t+ subsidyRawSum.toLocaleString() + '円）';
  9089. \t\t\t} else if (SERIES_GRADE_CAP_VAL === null) {
  9090. \t\t\t\t// LiteU 等の単板構成シリーズ: グレード判定で必ず null になる
  9091. \t\t\t\tsubsidyNote = '※本商品は補助金（先進的窓リノベ2026事業）対象外です';
  9092. \t\t\t} else if (PRODUCT_GRADE_CAP === null) {
  9093. \t\t\t\tsubsidyNote = '※本商品は補助金対象外として登録されています';
  9094. \t\t\t}
  9096. \t\t\tvar implementedInc = Math.max(0, goukeiInc - subsidyAmt);
  9097. \t\t\tvar taxAmt      = Math.round((sumPriceExc + ctExc + optExc) * TAX_RATE);
  9099. \t\t\t\$('#mitsumori_message').text(subsidyNote);
  9100. \t\t\t\$('#mitsumori_btn').show();
  9101. \t\t\t\$('#mitsumori_goukei').text(goukeiInc.toLocaleString() + '円');
  9102. \t\t\t\$('#mitsumori_price').text(sumPriceInc.toLocaleString() + '円');
  9103. \t\t\t\$('#mitsumori_ct').text(ctInc.toLocaleString() + '円');
  9104. \t\t\t\$('#mitsumori_option').text(optInc.toLocaleString() + '円');
  9105. \t\t\t\$('#mitsumori_off').text((subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円');
  9106. \t\t\t\$('#maker_price').text('---円'); // 補助金窓では未使用
  9107. \t\t\t\$('#mitsumori_kei').text(goukeiInc.toLocaleString() + '円');
  9108. \t\t\t\$('#mitsumori_shoukei').text(implementedInc.toLocaleString() + '円');
  9109. \t\t\t\$('#mitsumori_tax').text(taxAmt.toLocaleString() + '円');
  9111. \t\t\t// 内訳を mitsumori_json に詰めて hidden input にセット (PDF / カート連携用)
  9112. \t\t\tvar window_types = rows.map(function(item) {
  9113. \t\t\t\tvar r = item.row;
  9114. \t\t\t\t// 幅 / 高さは数値入力 (mm) が来るので \"1750mm\" 形式で保存する.
  9115. \t\t\t\t// 古い radio 由来の \"200cm まで\" 形式が来た場合はそのまま保存して互換.
  9116. \t\t\t\tvar w_mm = parseMm(r.pw);
  9117. \t\t\t\tvar h_mm = parseMm(r.ph);
  9118. \t\t\t\tvar w_save = (w_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.pw))) ? (w_mm + 'mm') : r.pw;
  9119. \t\t\t\tvar h_save = (h_mm > 0 && /^\\s*\\d+(?:\\.\\d+)?\\s*\$/.test(String(r.ph))) ? (h_mm + 'mm') : r.ph;
  9120. \t\t\t\treturn {
  9121. \t\t\t\t\tsubtype:        r.subtype,
  9122. \t\t\t\t\tw:              w_save,
  9123. \t\t\t\t\th:              h_save,
  9124. \t\t\t\t\tglass:          r.pm,
  9125. \t\t\t\t\tcolor:          r.pc,
  9126. \t\t\t\t\tsetqty:         r.setqty,
  9127. \t\t\t\t\tunit_price_inc: Math.round(r.unit_price_exc * (1 + TAX_RATE)),
  9128. \t\t\t\t\tline_total_inc: Math.round(r.unit_price_exc * r.setqty * (1 + TAX_RATE)),
  9129. \t\t\t\t\tsize_class:     r.size_class,
  9130. \t\t\t\t\tglass_perf:     r.glass_perf,
  9131. \t\t\t\t\tsubsidy_unit:   r.subsidy,
  9132. \t\t\t\t\tsubsidy_total:  r.subsidy * r.setqty
  9133. \t\t\t\t};
  9134. \t\t\t});
  9135. \t\t\tvar opCalc2 = collectOptions();
  9136. \t\t\tvar mitsumori_json = {
  9137. \t\t\t\t\"mitsumori_goukei\": goukeiInc.toLocaleString() + '円',
  9138. \t\t\t\t\"mitsumori_price\":  sumPriceInc.toLocaleString() + '円',
  9139. \t\t\t\t\"mitsumori_ct\":     ctInc.toLocaleString() + '円',
  9140. \t\t\t\t\"mitsumori_option\": optInc.toLocaleString() + '円',
  9141. \t\t\t\t\"mitsumori_off\":    (subsidyAmt > 0 ? '-' : '') + subsidyAmt.toLocaleString() + '円',
  9142. \t\t\t\t\"maker_price\":      '---円',
  9143. \t\t\t\t\"product_id\":       {{ Product.id }},
  9144. \t\t\t\t\"sale_type\":        SALE_TYPE_ID,
  9145. \t\t\t\t\"housing_key\":      getCurrentHousingKey(),
  9146. \t\t\t\t\"series_key\":       DETECTED_SERIES,
  9147. \t\t\t\t\"series_grade_cap\": (SERIES_GRADE_CAP_VAL === undefined) ? null : SERIES_GRADE_CAP_VAL,
  9148. \t\t\t\t\"product_grade_cap\":(PRODUCT_GRADE_CAP    === undefined) ? null : PRODUCT_GRADE_CAP,
  9149. \t\t\t\t\"window_types\":     window_types,
  9150. \t\t\t\t\"subsidy_total\":    subsidyAmt,
  9151. \t\t\t\t\"subsidy_raw\":      subsidyRawSum,
  9152. \t\t\t\t\"subsidy_eligible\": subsidyEligible,
  9153. \t\t\t\t\"subsidy_note\":     subsidyNote,
  9154. \t\t\t\t\"op_items\":         opCalc2.items
  9155. \t\t\t};
  9156. \t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  9157. \t\t\trenderWindowTypesModalRows(window_types, subsidyAmt);
  9158. \t\t}
  9160. \t\t/**
  9161. \t\t * sale_type=2 用: 見積モーダル明細テーブルを window_types で動的展開.
  9162. \t\t * - 既存の商品名行 (1 行目) は hide() し、各タイプ行を上に挿入
  9163. \t\t * - 基本工事費行はそのまま (#mitsumori_ct_01 / _02 が更新されている)
  9164. \t\t * - 補助金 (割引額) 行を末尾に追加
  9165. \t\t * - 既存の renderOptionDetailRows と共存できるよう class で区別
  9166. \t\t */
  9167. \t\tfunction renderWindowTypesModalRows(window_types, subsidyAmt) {
  9168. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  9169. \t\t\tif (!\$tbody.length) return;
  9170. \t\t\t// 既存の動的行を全削除 (opt-row は既存実装、wt-row / wt-subsidy-row は今回追加)
  9171. \t\t\t\$tbody.find('tr.wt-row, tr.wt-subsidy-row').remove();
  9173. \t\t\tvar \$itemRow = \$tbody.find('tr').first();
  9174. \t\t\tvar fmt = new Intl.NumberFormat('ja-JP');
  9176. \t\t\tif (!window_types || window_types.length === 0) {
  9177. \t\t\t\t// 集計対象なし → 商品名行を表示に戻す
  9178. \t\t\t\t\$itemRow.show();
  9179. \t\t\t\treturn;
  9180. \t\t\t}
  9182. \t\t\twindow_types.forEach(function(wt, i) {
  9183. \t\t\t\tvar label = '窓タイプ' + (i + 1) + '：'
  9184. \t\t\t\t\t+ (wt.subtype || '') + ' / '
  9185. \t\t\t\t\t+ (wt.w || '') + '×' + (wt.h || '') + ' / '
  9186. \t\t\t\t\t+ (wt.glass || '') + ' / '
  9187. \t\t\t\t\t+ (wt.color || '');
  9188. \t\t\t\tvar \$tr = \$('<tr class=\"wt-row\"></tr>')
  9189. \t\t\t\t\t.append('<td>' + label + '</td>')
  9190. \t\t\t\t\t.append('<td>' + wt.setqty + '</td>')
  9191. \t\t\t\t\t.append('<td>セット</td>')
  9192. \t\t\t\t\t.append('<td>' + fmt.format(wt.unit_price_inc) + '円</td>')
  9193. \t\t\t\t\t.append('<td>' + fmt.format(wt.line_total_inc) + '円</td>');
  9194. \t\t\t\t\$itemRow.before(\$tr);
  9195. \t\t\t});
  9197. \t\t\t// 元の商品名行は複数タイプに置換されたので非表示
  9198. \t\t\t\$itemRow.hide();
  9200. \t\t\t// 補助金（割引額）行を末尾に追加
  9201. \t\t\tif (subsidyAmt > 0) {
  9202. \t\t\t\tvar \$subRow = \$('<tr class=\"wt-subsidy-row\"></tr>')
  9203. \t\t\t\t\t.append('<td>補助金（割引額）</td>')
  9204. \t\t\t\t\t.append('<td>1</td>')
  9205. \t\t\t\t\t.append('<td>式</td>')
  9206. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>')
  9207. \t\t\t\t\t.append('<td>-' + fmt.format(subsidyAmt) + '円</td>');
  9208. \t\t\t\t\$tbody.append(\$subRow);
  9209. \t\t\t}
  9210. \t\t}
  9212. \t\t// 公開: onWindowTypeAxisChange (UI 骨格 task 1) からも呼ばれる
  9213. \t\twindow.recalcAll = recalcAllForSaleType2;
  9215. \t\t// 公開: ガラス選択肢が補助金対象か (窓タイプブロック生成時のバッジ判定に使う).
  9216. \t\t// subtype は P→S に落とすことはあっても null にはしないため、性能区分の
  9217. \t\t// 対象/対象外は subtype に依存しない。ここでは series/product 上限のみ適用し、
  9218. \t\t// finalizeGlassGrade が null でなければ「補助金対象ガラス」と判定する。
  9219. \t\twindow.glassYieldsSubsidy = function(glassName) {
  9220. \t\t\tif (!glassName) return false;
  9221. \t\t\treturn finalizeGlassGrade(detectGlassPerformance(glassName), '') !== null;
  9222. \t\t};
  9224. \t\tfunction mitsumori_simulation(type , value_id){
  9225. \t\t\t// sale_type=2 (補助金窓) は複数タイプ集計 UI に統合済み. 既存 mitsumori_simulation は使わない.
  9226. \t\t\tif (typeof SALE_TYPE_ID !== 'undefined' && SALE_TYPE_ID == 2) {
  9227. \t\t\t\t// type/value_id が op\\d+ (施工オプション) の場合はグローバル変数を先に更新
  9228. \t\t\t\tif (type && /^op\\d+\$/.test(type) && value_id) {
  9229. \t\t\t\t\tvar v = \$('#'+value_id).val();
  9230. \t\t\t\t\tif (type === 'op0')  op0  = v;
  9231. \t\t\t\t\tif (type === 'op1')  op1  = v;
  9232. \t\t\t\t\tif (type === 'op2')  op2  = v;
  9233. \t\t\t\t\tif (type === 'op3')  op3  = v;
  9234. \t\t\t\t\tif (type === 'op4')  op4  = v;
  9235. \t\t\t\t\tif (type === 'op5')  op5  = v;
  9236. \t\t\t\t\tif (type === 'op6')  op6  = v;
  9237. \t\t\t\t\tif (type === 'op7')  op7  = v;
  9238. \t\t\t\t\tif (type === 'op8')  op8  = v;
  9239. \t\t\t\t\tif (type === 'op9')  op9  = v;
  9240. \t\t\t\t\tif (type === 'op10') op10 = v;
  9241. \t\t\t\t}
  9242. \t\t\t\trecalcAllForSaleType2();
  9243. \t\t\t\treturn;
  9244. \t\t\t}
  9246. \t\t\t// 価格データ未登録 (pp 行 0 件) の商品は axis 入力に依存せず
  9247. \t\t\t// 「価格データ準備中」を表示して終了する.
  9248. \t\t\t// (例: scrape 未対象の新規商品 — um のウチリモ 7487/7488 等)
  9249. \t\t\tif (!pp || pp.length === 0) {
  9250. \t\t\t\t\$('#mitsumori_message').text(\"価格データ準備中\");
  9251. \t\t\t\t\$('#mitsumori_btn').hide();
  9252. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9253. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9254. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9255. \t\t\t\t\$('#maker_price').text(\"---円\");
  9256. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9257. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9258. \t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  9259. \t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  9260. \t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  9261. \t\t\t\treturn;
  9262. \t\t\t}
  9263. \t\t\tif(type == \"pw\"){
  9264. \t\t\t\tpw = \$('#'+value_id).val();
  9265. \t\t\t}
  9266. \t\t\tif(type == \"pd\"){
  9267. \t\t\t\tpd = \$('#'+value_id).val();
  9268. \t\t\t}
  9269. \t\t\tif(type == \"ph\"){
  9270. \t\t\t\tph = \$('#'+value_id).val();
  9271. \t\t\t}
  9272. \t\t\tif(type == \"pm\"){
  9273. \t\t\t\tpm = \$('#'+value_id).val();
  9274. \t\t\t}
  9275. \t\t\tif(type == \"pc\"){
  9276. \t\t\t\tpc = \$('#'+value_id).val();
  9277. \t\t\t}
  9278. \t\t\tif(type == \"option1\"){
  9279. \t\t\t\toption1 = \$('#'+value_id).val();
  9280. \t\t\t}
  9281. \t\t\tif(type == \"option2\"){
  9282. \t\t\t\toption2 = \$('#'+value_id).val();
  9283. \t\t\t}
  9284. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  9285. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  9286. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  9287. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  9288. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  9289. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  9290. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  9291. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  9292. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  9293. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  9294. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  9296. \t\t\t// op0 が「商品購入のみ」のとき、他のオプション (op1..op10) を disable 化.
  9297. \t\t\t// 価格計算側 (calcGoukei の purchaseOnly 分岐) は既にゼロ化しているが、
  9298. \t\t\t// UI で選択可能に見えるとユーザーが混乱するため radio を完全に無効化する.
  9299. \t\t\t(function applyPurchaseOnlyUI() {
  9300. \t\t\t\tvar isPurchaseOnly = (op0 === '商品購入のみ');
  9301. \t\t\t\tfor (var k = 1; k <= 10; k++) {
  9302. \t\t\t\t\tvar \$inputs = \$('input[name=\"op' + k + '\"]');
  9303. \t\t\t\t\tif (\$inputs.length === 0) continue;
  9304. \t\t\t\t\t\$inputs.prop('disabled', isPurchaseOnly);
  9305. \t\t\t\t\tvar \$group = \$inputs.first().closest('.form-group');
  9306. \t\t\t\t\t\$group.css({
  9307. \t\t\t\t\t\t'opacity':        isPurchaseOnly ? '0.4'  : '1',
  9308. \t\t\t\t\t\t'pointer-events': isPurchaseOnly ? 'none' : 'auto'
  9309. \t\t\t\t\t});
  9310. \t\t\t\t}
  9311. \t\t\t})();
  9313. \t\t\t// 全 type 共通: 該当 radio を checked にし、ボタンの is-selected を付け替え + ラベル更新.
  9314. \t\t\t//   value_id が指定されていて、対応する DOM 要素が opt-btn 配下にあれば適用する.
  9315. \t\t\t//   (icheck-danger 形式から opt-btn 形式に統一した際、option1/option2/pw/pd/ph/pm/pc 等の
  9316. \t\t\t//    クリックで is-selected が更新されない不具合があったため、op\\d+ 限定の処理を一般化)
  9317. \t\t\tif (value_id) {
  9318. \t\t\t\tvar \$clicked = \$('#' + value_id);
  9319. \t\t\t\tif (\$clicked.length && \$clicked.closest('.opt-btn').length) {
  9320. \t\t\t\t\t\$clicked.prop('checked', true);
  9321. \t\t\t\t\tvar groupName = \$clicked.attr('name');
  9322. \t\t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  9323. \t\t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  9324. \t\t\t\t\tvar \$group = \$clicked.closest('.form-group');
  9325. \t\t\t\t\tvar \$label = \$group.find('.rp-section-label');
  9326. \t\t\t\t\tif (\$label.length) {
  9327. \t\t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  9328. \t\t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  9329. \t\t\t\t\t}
  9330. \t\t\t\t\t// op_data の price=0 & 解体/撤去/設置場所 オプションの場合、ON 選択時に「現場調査後に正式お見積もり」文言を表示.
  9331. \t\t\t\t\t//   (twig 側で is_removal_unknown ブロックを描画済み。display 切替のみ JS で行う)
  9332. \t\t\t\t\tif (/^op\\d+\$/.test(type)) {
  9333. \t\t\t\t\t\tvar opIdx = type.replace('op', '');
  9334. \t\t\t\t\t\tvar opEntry = op_data[parseInt(opIdx)];
  9335. \t\t\t\t\t\tif (opEntry) {
  9336. \t\t\t\t\t\t\tvar \$note = \$group.find('.opt-survey-note[data-op-idx=\"' + opIdx + '\"]');
  9337. \t\t\t\t\t\t\tif (\$note.length) {
  9338. \t\t\t\t\t\t\t\tvar isOn = (\$clicked.val() === opEntry.on);
  9339. \t\t\t\t\t\t\t\t\$note.toggle(isOn);
  9340. \t\t\t\t\t\t\t}
  9341. \t\t\t\t\t\t}
  9342. \t\t\t\t\t\t// wd (sale_type=5) のステップ / デッキフェンス用の注記もここで切替.
  9343. \t\t\t\t\t\t//   ステップ → deck_step (op0 だが op_data 範囲外), 必要 選択時に表示.
  9344. \t\t\t\t\t\tvar radioName = \$clicked.attr('name');
  9345. \t\t\t\t\t\tif (radioName === 'deck_step') {
  9346. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-step').toggle(\$clicked.val() === '必要');
  9347. \t\t\t\t\t\t} else if (radioName === 'deck_fence') {
  9348. \t\t\t\t\t\t\t\$group.find('.opt-survey-note-wd-fence').toggle(\$clicked.val() === '必要');
  9349. \t\t\t\t\t\t}
  9350. \t\t\t\t\t}
  9351. \t\t\t\t}
  9352. \t\t\t}
  9354. \t\t\t// 必須項目チェックは sale_type 1 系（カーポート/物置/フェンスなど価格マトリクス必要）に限定
  9355. \t\t\tvar requireMatrix = (SALE_TYPE_ID == 1 || SALE_TYPE_ID == 2 || SALE_TYPE_ID == 3 || SALE_TYPE_ID == 4 || SALE_TYPE_ID == 5 || SALE_TYPE_ID == 6 || SALE_TYPE_ID == 7 || SALE_TYPE_ID == 9);
  9357. \t\t\t// sale_type=3 (物置・ゴミステーション・照明 等) では「素材」を選択肢として扱わない.
  9358. \t\t\t//   - mo/gs/sy は m が \"指定なし\" など名目的にしか入っていない
  9359. \t\t\t//   - sl は m が空のままで matrix に行が来る
  9360. \t\t\t//   そのため pm の必須チェックを sale_type=3 でスキップする。
  9361. \t\t\tvar pmRequired = (SALE_TYPE_ID != 3);
  9363. \t\t\tif (requireMatrix) {
  9364. \t\t\t\tif(pmRequired && pm == \"\"){
  9365. \t\t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  9366. \t\t\t\t}
  9367. \t\t\t\tif(ph == \"\"){
  9368. \t\t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  9369. \t\t\t\t}
  9370. \t\t\t\tif(pd == \"\"){
  9371. \t\t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  9372. \t\t\t\t}
  9373. \t\t\t\tif(pw == \"\"){
  9374. \t\t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  9375. \t\t\t\t}
  9376. \t\t\t\tif(pc == \"\"){
  9377. \t\t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  9378. \t\t\t\t\t\$('#mitsumori_btn').hide();
  9379. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9380. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9381. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9382. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  9383. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9384. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9385. \t\t\t\t}
  9386. \t\t\t}
  9388. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && (!pmRequired || pm != \"\") && pc != \"\"){
  9389. \t\t\t\t\$('#mitsumori_btn').show();
  9391. \t\t\t\t// 入力コンテキスト（sale_type 別パラメータ）
  9392. \t\t\t\tvar ctx = {
  9393. \t\t\t\t\tset_count:    parseInt(\$('#set_count').val())    || 1,
  9394. \t\t\t\t\tdaisu:        parseInt(\$('#daisu').val())        || 1,
  9395. \t\t\t\t\tmaisu:        parseInt(\$('#maisu').val())        || 3,
  9396. \t\t\t\t\tsuuryou:      parseInt(\$('#suuryou').val())      || 1,
  9397. \t\t\t\t\tarea:         (function(){
  9398. \t\t\t\t\t\t// tf(人工芝): 施工サイズ 縦(m)×横(m) から面積を算出し #area に反映.
  9399. \t\t\t\t\t\tvar L = parseFloat(\$('#tf_len').val()) || 0;
  9400. \t\t\t\t\t\tvar W = parseFloat(\$('#tf_wid').val()) || 0;
  9401. \t\t\t\t\t\tif (L > 0 && W > 0) { var a = L * W; \$('#area').val(a); return a; }
  9402. \t\t\t\t\t\treturn parseFloat(\$('#area').val()) || 0;
  9403. \t\t\t\t\t})(),
  9404. \t\t\t\t\ttf_len:       parseFloat(\$('#tf_len').val())     || 0,
  9405. \t\t\t\t\ttf_wid:       parseFloat(\$('#tf_wid').val())     || 0,
  9406. \t\t\t\t\ttf_qty:       parseInt(\$('#tf_qty').val())       || 1,
  9407. \t\t\t\t\tquantityOnly: parseInt(\$('#quantity_only').val())|| 1,
  9408. \t\t\t\t\tmado_w:       \$('#mado_w').val() || '',
  9409. \t\t\t\t\tmado_h:       \$('#mado_h').val() || '',
  9410. \t\t\t\t\tmado_type:    \$('input[name=mado_type]:checked').val()  || '',
  9411. \t\t\t\t\tglass_type:   \$('input[name=glass_type]:checked').val() || '',
  9412. \t\t\t\t\tdeck_step:    \$('input[name=deck_step]:checked').val()  || '',
  9413. \t\t\t\t\tdeck_fence:   \$('input[name=deck_fence]:checked').val() || '',
  9414. \t\t\t\t};
  9416. \t\t\t\t// 施工オプション集計（残土処理を含む）
  9417. \t\t\t\tvar opCalc = collectOptions();
  9419. \t\t\t\tvar pp_matched = false;
  9420. \t\t\t\t// 各軸の汎用 axisMatch:
  9421. \t\t\t\t//   user 選択 == matrix 値 / user \"指定なし\" / matrix 値が空
  9422. \t\t\t\tvar axisMatch = function(input, value){
  9423. \t\t\t\t    return input == value || input == \"指定なし\" || value === \"\" || value == null;
  9424. \t\t\t\t};
  9425. \t\t\t\t// 色専用マッチャー: scraper のデータ形式に合わせて拡張する
  9426. \t\t\t\t//   1. 完全一致 / \"指定なし\" / 値が空 → 真 (axisMatch と同じ)
  9427. \t\t\t\t//   2. matrix 値が \"色1/色2/色3\" の形 (同価格グループ) → split して user 選択が含まれれば真
  9428. \t\t\t\t// scraper のロジック (scraper_price.py L765-779):
  9429. \t\t\t\t//   全色同価格 → c=\"\"、価格違いグループあり → 各 group を \"/\" 結合した色名で 1 行
  9430. \t\t\t\tvar colorMatch = function(input, value){
  9431. \t\t\t\t    if (axisMatch(input, value)) return true;
  9432. \t\t\t\t    if (typeof value === 'string' && value.indexOf('/') !== -1 && input) {
  9433. \t\t\t\t        var parts = value.split('/');
  9434. \t\t\t\t        for (var idx = 0; idx < parts.length; idx++) {
  9435. \t\t\t\t            if (parts[idx].trim() === input) return true;
  9436. \t\t\t\t        }
  9437. \t\t\t\t    }
  9438. \t\t\t\t    return false;
  9439. \t\t\t\t};
  9441. \t\t\t\t// 他軸 (w/d/h/m + option1/option2) でマッチする pp 行を抽出.
  9442. \t\t\t\t// option1/option2 は um の subtype 等で使われる. axisMatch は free_area 側が
  9443. \t\t\t\t// 空のとき真を返すので、um 以外のカテゴリ (option 軸を使わない) でも影響なし.
  9444. \t\t\t\tvar candidates = pp.filter(function(el){
  9445. \t\t\t\t    return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m)
  9446. \t\t\t\t        && axisMatch(option1, el.option1) && axisMatch(option2, el.option2);
  9447. \t\t\t\t});
  9448. \t\t\t\t// フォールバック: 全軸一致が 0 件のときに限り option1/option2 を無視して再マッチ。
  9449. \t\t\t\t// 玄関ドア等で option1(なし/ランマ付き)・option2(◯◯タイプ) が pm(開き方) から
  9450. \t\t\t\t// 導出可能な冗長軸で、未選択だと全軸 AND 一致を満たせず価格が出ない事象の救済。
  9451. \t\t\t\t// pm/幅/奥行/高さ は従来どおり一致を要求するため通常商品の価格選択に影響しない。
  9452. \t\t\t\tif (candidates.length === 0) {
  9453. \t\t\t\t    candidates = pp.filter(function(el){
  9454. \t\t\t\t        return axisMatch(pw, el.w) && axisMatch(pd, el.d) && axisMatch(ph, el.h) && axisMatch(pm, el.m);
  9455. \t\t\t\t    });
  9456. \t\t\t\t}
  9457. \t\t\t\tvar picked = null;
  9459. \t\t\t\t// 優先 1: 色も含めて完全一致 (\"色1/色2\" 形式の split match を含む)
  9460. \t\t\t\tfor (var ii = 0; ii < candidates.length; ii++) {
  9461. \t\t\t\t    if (colorMatch(pc, candidates[ii].c)) { picked = candidates[ii]; break; }
  9462. \t\t\t\t}
  9464. \t\t\t\t// 優先 2: 完全一致なし & user の pc が候補のどの c 値にも該当しない (= 命名違い等)
  9465. \t\t\t\t//   かつ候補全行で price が一致する場合は、色軸を実質無視して先頭行を採用.
  9466. \t\t\t\t//   例 id=3353: pp.c は \"ステンカラー＋...\" 6種だが price は全て同じなので
  9467. \t\t\t\t//     SM(スミ) を選んでも安全に最初の行の価格を返せる.
  9468. \t\t\t\tif (!picked && candidates.length > 0) {
  9469. \t\t\t\t    var ppCsInCand = candidates.map(function(r){ return r.c || ''; });
  9470. \t\t\t\t    var pcAbsent = (pc !== '' && pc !== '指定なし' && ppCsInCand.indexOf(pc) === -1
  9471. \t\t\t\t                    && ppCsInCand.every(function(v){ return v.indexOf('/') === -1 || v.split('/').map(function(s){return s.trim();}).indexOf(pc) === -1; }));
  9472. \t\t\t\t    if (pcAbsent) {
  9473. \t\t\t\t        var uniqPrices = new Set();
  9474. \t\t\t\t        candidates.forEach(function(r){ uniqPrices.add(String(r.price)); });
  9475. \t\t\t\t        if (uniqPrices.size === 1) {
  9476. \t\t\t\t            // 全候補同価格 → 色軸を wildcard 扱いで OK
  9477. \t\t\t\t            picked = candidates[0];
  9478. \t\t\t\t        }
  9479. \t\t\t\t        // 価格が異なる場合は意図的に picked=null のまま「対応しておりません」.
  9480. \t\t\t\t    }
  9481. \t\t\t\t}
  9482. \t\t\t\tpp.forEach((el) => {
  9483. \t\t\t\t  if (el === picked) {
  9484. \t\t\t\t\tpp_matched = true;
  9486. \t\t\t\t\t// tg block-keyed オプション差額を集計 (tg 以外は total=0)
  9487. \t\t\t\t\tvar oiCalc = collectOptionItems(el.w || '', el.d || '');
  9488. \t\t\t\t\t// tg ブロックに合わせてラジオを再描画 (tg 以外は no-op)
  9489. \t\t\t\t\trenderOptionItemRadios(el.w || '', el.d || '');
  9490. \t\t\t\t\t// fe ブロックの種類×段数 サブ radio (fe 以外/未設定は no-op)
  9491. \t\t\t\t\trenderFeBlockRadios();
  9492. \t\t\t\t\t// fe ご希望のフェンス設置方法 — 「既存ブロックに穴空け」 entry の連動表示
  9493. \t\t\t\t\tupdateFeOpConditionalVisibility();
  9495. \t\t\t\t\tvar calc       = calcGoukei(el, opCalc.total, ctx);
  9496. \t\t\t\t\tvar goukei     = calc.goukei;
  9497. \t\t\t\t\tvar price      = calc.price;
  9498. \t\t\t\t\tvar ct         = calc.ct;
  9499. \t\t\t\t\tvar optionSum  = calc.opt;
  9500. \t\t\t\t\t// tf(人工芝): 必要枚数入力へ算出結果を反映（施工サイズ入力時は上書き、
  9501. \t\t\t\t\t// 直接指定時は同値なので実質変化なし。要素が無い sale_type では no-op）
  9502. \t\t\t\t\tvar \$tfQty = \$('#tf_qty');
  9503. \t\t\t\t\tif (\$tfQty.length) \$tfQty.val(calc.qty || 1);
  9504. \t\t\t\t\t// オプション差額は税抜 → 税込に変換して合計に加算
  9505. \t\t\t\t\tvar oiIncTax   = toIncTax(oiCalc.total);
  9506. \t\t\t\t\tgoukei += oiIncTax;
  9507. \t\t\t\t\tprice  += oiIncTax;  // 差額は本体価格扱いとして mitsumori_price にも加算
  9508. \t\t\t\t\t// maker_price も scraper が税抜で保存しているため税込に変換
  9509. \t\t\t\tvar makerPrice = toIncTax(parseInt(el.maker_price) || 0);
  9511. \t\t\t\t\t\$('#mitsumori_message').text(formatter.format(goukei) + \"円\");
  9512. \t\t\t\t\t\$('#mitsumori_goukei').text(formatter.format(goukei) + \"円\");
  9513. \t\t\t\t\t\$('#mitsumori_off').text(formatter.format(price - makerPrice) + \"円\");
  9514. \t\t\t\t\t\$('#mitsumori_price').text(formatter.format(price) + \"円\");
  9515. \t\t\t\t\t\$('#maker_price').text(formatter.format(makerPrice) + \"円\");
  9516. \t\t\t\t\t\$('#mitsumori_ct').text(formatter.format(ct) + \"円\");
  9517. \t\t\t\t\t\$('#mitsumori_option').text(formatter.format(optionSum) + \"円\");
  9519. \t\t\t\t\t\$('#mitsumori_kei').text(formatter.format(goukei) + \"円\");
  9520. \t\t\t\t\t\$('#mitsumori_price_01').text(formatter.format(price) + \"円\");
  9521. \t\t\t\t\t\$('#mitsumori_price_02').text(formatter.format(price) + \"円\");
  9522. \t\t\t\t\t\$('#mitsumori_ct_01').text(formatter.format(ct) + \"円\");
  9523. \t\t\t\t\t\$('#mitsumori_ct_02').text(formatter.format(ct) + \"円\");
  9524. \t\t\t\t\t\$('#mitsumori_goukei_02').text(formatter.format(goukei) + \"円\");
  9526. \t\t\t\t\tvar shoukei = goukei / 1.1;
  9527. \t\t\t\t\tvar tax     = parseInt(goukei - shoukei);
  9528. \t\t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  9529. \t\t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + \"円\");
  9531. \t\t\t\t\t// PDF 明細用：オプション内訳テーブルを差し込む (施工オプション + tg block オプション)
  9532. \t\t\t\t\trenderOptionDetailRows(opCalc.items.concat(oiCalc.items.map(function(it){
  9533. \t\t\t\t\t\treturn { name: it.name, value: it.label, price: it.diff };
  9534. \t\t\t\t\t})));
  9535. \t\t\t\t  }
  9536. \t\t\t\t});
  9538. \t\t\t\tif (!pp_matched) {
  9539. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  9540. \t\t\t\t\t\$('#mitsumori_btn').hide();
  9541. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  9542. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  9543. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  9544. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  9545. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  9546. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  9547. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  9548. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  9549. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  9550. \t\t\t\t}
  9552. \t\t\t\t// mitsumori_json: バック側に送信する見積データ
  9553. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  9554. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  9555. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  9556. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  9557. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  9558. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  9559. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  9560. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  9561. \t\t\t\t\t\t\t\t\t\t\"sale_type\": SALE_TYPE_ID,
  9562. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  9563. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  9564. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  9565. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  9566. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  9567. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  9568. \t\t\t\t\t\t\t\t\t\t\"op_items\": opCalc.items,
  9569. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     ctx.mado_w,
  9570. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     ctx.mado_h,
  9571. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  ctx.mado_type,
  9572. \t\t\t\t\t\t\t\t\t\t\"glass_type\": ctx.glass_type,
  9573. \t\t\t\t\t\t\t\t\t\t\"set_count\":  ctx.set_count,
  9574. \t\t\t\t\t\t\t\t\t\t\"daisu\":      ctx.daisu,
  9575. \t\t\t\t\t\t\t\t\t\t\"maisu\":      ctx.maisu,
  9576. \t\t\t\t\t\t\t\t\t\t\"suuryou\":    ctx.suuryou,
  9577. \t\t\t\t\t\t\t\t\t\t\"area\":       ctx.area,
  9578. \t\t\t\t\t\t\t\t\t\t\"tf_len\":     ctx.tf_len,
  9579. \t\t\t\t\t\t\t\t\t\t\"tf_wid\":     ctx.tf_wid,
  9580. \t\t\t\t\t\t\t\t\t\t\"tf_qty\":     \$('#tf_qty').val(),
  9581. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  ctx.deck_step,
  9582. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": ctx.deck_fence };
  9584. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  9585. \t\t\t}
  9586. \t\t}
  9588. \t\t// PDF/モーダル明細の動的差し替え（基本工事費の次にオプション行を追加）
  9589. \t\tfunction renderOptionDetailRows(items) {
  9590. \t\t\tvar \$tbody = \$('.modal-mitsumori table tbody');
  9591. \t\t\tif (!\$tbody.length) return;
  9592. \t\t\t\$tbody.find('tr.opt-row').remove();
  9593. \t\t\tvar anchorRow = \$tbody.find('tr').filter(function(){
  9594. \t\t\t\treturn \$(this).find('td:first').text().indexOf('残土') !== -1
  9595. \t\t\t\t\t|| \$(this).find('td:first').text().indexOf('基本工事費') !== -1;
  9596. \t\t\t}).last();
  9597. \t\t\titems.forEach(function(it){
  9598. \t\t\t\tif (!it.name || !it.value) return;
  9599. \t\t\t\tvar priceTxt = it.price > 0
  9600. \t\t\t\t\t? formatter.format(it.price) + '円'
  9601. \t\t\t\t\t: '0円';
  9602. \t\t\t\tvar \$tr = \$('<tr class=\"opt-row\"></tr>')
  9603. \t\t\t\t\t.append('<td>' + it.name + '：' + it.value + '</td>')
  9604. \t\t\t\t\t.append('<td>1</td>')
  9605. \t\t\t\t\t.append('<td>式</td>')
  9606. \t\t\t\t\t.append('<td>' + priceTxt + '</td>')
  9607. \t\t\t\t\t.append('<td>' + (it.price > 0 ? formatter.format(it.price) + '円' : '') + '</td>');
  9608. \t\t\t\tif (anchorRow.length) {
  9609. \t\t\t\t\tanchorRow.after(\$tr);
  9610. \t\t\t\t\tanchorRow = \$tr;
  9611. \t\t\t\t} else {
  9612. \t\t\t\t\t\$tbody.append(\$tr);
  9613. \t\t\t\t}
  9614. \t\t\t});
  9615. \t\t}
  9617. \t\t// 見積書モーダルを開く直前に、右側「現在のお見積り額」パネルの表示値を
  9618. \t\t// モーダル内の対応 ID にコピーして金額の食い違いを防ぐ。
  9619. \t\t// pw/pd/ph/pm が未選択で mitsumori_simulation の full update に到達しない場合でも、
  9620. \t\t// パネル側の値（HTML 静的初期値 or 直近の simulation 結果）が modal にも反映される。
  9621. \t\tfunction syncMitsumoriModalFromPanel() {
  9622. \t\t\tvar goukeiText = \$('#mitsumori_goukei').text();
  9623. \t\t\tvar priceText  = \$('#mitsumori_price').text();
  9624. \t\t\tvar ctText     = \$('#mitsumori_ct').text();
  9626. \t\t\t\$('#mitsumori_kei').text(goukeiText);
  9627. \t\t\t\$('#mitsumori_price_01').text(priceText);
  9628. \t\t\t\$('#mitsumori_price_02').text(priceText);
  9629. \t\t\t\$('#mitsumori_ct_01').text(ctText);
  9630. \t\t\t\$('#mitsumori_ct_02').text(ctText);
  9631. \t\t\t\$('#mitsumori_goukei_02').text(goukeiText);
  9633. \t\t\t// 小計 / 消費税 は税込 goukei から逆算
  9634. \t\t\tvar num = parseInt(goukeiText.replace(/[^\\d-]/g, ''), 10);
  9635. \t\t\tif (!isNaN(num) && num > 0) {
  9636. \t\t\t\tvar shoukei = Math.round(num / 1.1);
  9637. \t\t\t\tvar tax     = num - shoukei;
  9638. \t\t\t\t\$('#mitsumori_shoukei').text(formatter.format(shoukei) + '円');
  9639. \t\t\t\t\$('#mitsumori_tax').text(formatter.format(tax) + '円');
  9640. \t\t\t} else {
  9641. \t\t\t\t\$('#mitsumori_shoukei').text('---円');
  9642. \t\t\t\t\$('#mitsumori_tax').text('---円');
  9643. \t\t\t}
  9644. \t\t}
  9646. \t\t\$(document).on('show.bs.modal', '#modal-mitsumori', function () {
  9647. \t\t\tsyncMitsumoriModalFromPanel();
  9648. \t\t});
  9650.         {# pc の auto-init: pw/pd/ph/pm と同じく p_c（matrix 派生）の length==1 or 全空で「指定なし」化.
  9651.            search_word(color) が空の「複合色」型商品で pc が空のまま放置されて
  9652.            「カラーを選択してください」固定になるバグの修正.
  9653.            search_word に登録された name があれば優先採用. #}
  9654.         {% if p_c and (p_c|length == 1 or p_c|join == \"\") %}
  9655.             pc = \"指定なし\";
  9656.             {% for pc_val in p_c %}{% if pc_val %} pc = \"{{ pc_val }}\"; {% endif %}{% endfor %}
  9657.             {% if color and color|length == 1 %}
  9658.                 {% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  9659.             {% endif %}
  9660.         {% elseif color and color|length == 1 %}
  9661.             pc = \"指定なし\";
  9662. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  9663. \t\t{% endif %}
  9665.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  9666.             pw = \"指定なし\";
  9667. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  9668. \t\t{% endif %}
  9670.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  9671.             pd = \"指定なし\";
  9672. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  9673. \t\t{% endif %}
  9675.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  9676.             ph = \"指定なし\";
  9677. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  9678. \t\t{% endif %}
  9680.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  9681.             pm = \"指定なし\";
  9682. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  9683. \t\t{% endif %}
  9685.         {# p_option1 / p_option2 の auto-init: length==1 or 全空で JS 変数を埋める #}
  9686.         {% if p_option1 and (p_option1|length == 1 or p_option1|join == \"\") %}
  9687.             option1 = \"\";
  9688. \t\t\t{% for opt1 in p_option1 %}{% if opt1 %} option1 = \"{{ opt1|e('js') }}\"; {% endif %}{% endfor %}
  9689. \t\t{% endif %}
  9691.         {% if p_option2 and (p_option2|length == 1 or p_option2|join == \"\") %}
  9692.             option2 = \"\";
  9693. \t\t\t{% for opt2 in p_option2 %}{% if opt2 %} option2 = \"{{ opt2|e('js') }}\"; {% endif %}{% endfor %}
  9694. \t\t{% endif %}
  9696. \t\t// カラー radio が複数あるとき初期チェックが無いと「カラーを選択してください」固定になるので、
  9697. \t\t// 何もチェックされていなければ「最初の radio」を選択する。
  9698. \t\t// sale_type≠3 は name=\"color\", sale_type=3 は name=\"color3\".
  9699. \t\t//
  9700. \t\t// 注意:
  9701. \t\t//   ・search_word（= radio の値）と pp.c（= matrix の色軸）は別の命名体系のケースがある
  9702. \t\t//     （例 id=3353: radio=\"SM(スミ)\" / pp.c=\"ステンカラー＋セピアブラウン\"）
  9703. \t\t//   ・pp.c に合わせて radio を選ぼうとしても文字列一致しないので無意味。
  9704. \t\t//   ・単純に「先頭の radio」を選ぶ実装に戻し、マッチング側で命名体系違いを吸収する
  9705. \t\t//     （pc が pp.c のどの値にもマッチしないときは色軸を wildcard 扱いにする）。
  9706. \t\t//   ・.rp-section-label のテキストも忘れずに同期する（古い session 値が残ると
  9707. \t\t//     \"ステンカラー＋セピアブラウン\" のような表示と実際の radio が食い違う）。
  9708. \t\t(function autoSelectFirstColor(){
  9709. \t\t\tvar groups = ['color', 'color3'];
  9710. \t\t\tfor (var gi = 0; gi < groups.length; gi++) {
  9711. \t\t\t\tvar name = groups[gi];
  9712. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + name + '\"]');
  9713. \t\t\t\tif (nodes.length === 0) continue;
  9714. \t\t\t\tvar anyChecked = false;
  9715. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  9716. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  9717. \t\t\t\t}
  9718. \t\t\t\tif (anyChecked) continue;
  9720. \t\t\t\tvar target = nodes[0];
  9721. \t\t\t\ttarget.checked = true;
  9722. \t\t\t\tpc = target.value;
  9724. \t\t\t\t// opt-btn の is-selected を付け替え
  9725. \t\t\t\tvar lbl = target.closest('.opt-btn');
  9726. \t\t\t\tif (lbl) {
  9727. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  9728. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  9729. \t\t\t\t\tlbl.classList.add('is-selected');
  9730. \t\t\t\t}
  9731. \t\t\t\t// 「カラー: <name>」表示の同期（古い mitsumori_json.pc が残らないように）
  9732. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  9733. \t\t\t\tif (grp) {
  9734. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  9735. \t\t\t\t\tif (section) {
  9736. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  9737. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  9738. \t\t\t\t\t}
  9739. \t\t\t\t}
  9740. \t\t\t}
  9741. \t\t})();
  9743. \t\t// option1 / option2 / pw / pd / ph / pm (matrix 軸の radio 群) も同様に
  9744. \t\t// 「どれもチェックされていなければ先頭を選ぶ」を適用する.
  9745. \t\t//   sale_type=2 の窓タイプ等で「初期表示時に一番初めの選択肢が選択されていない」事象を解消.
  9746. \t\t(function autoSelectFirstMatrixAxis(){
  9747. \t\t\tvar axes = [
  9748. \t\t\t\t{ name: 'pw',      jsVar: 'pw' },
  9749. \t\t\t\t{ name: 'pd',      jsVar: 'pd' },
  9750. \t\t\t\t{ name: 'ph',      jsVar: 'ph' },
  9751. \t\t\t\t{ name: 'pm',      jsVar: 'pm' },
  9752. \t\t\t\t{ name: 'glass_type', jsVar: 'pm' },
  9753. \t\t\t\t{ name: 'option1', jsVar: 'option1' },
  9754. \t\t\t\t{ name: 'option2', jsVar: 'option2' }
  9755. \t\t\t];
  9756. \t\t\tfor (var ai = 0; ai < axes.length; ai++) {
  9757. \t\t\t\tvar ax = axes[ai];
  9758. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"' + ax.name + '\"]');
  9759. \t\t\t\tif (nodes.length === 0) continue;
  9760. \t\t\t\tvar anyChecked = false;
  9761. \t\t\t\tfor (var i = 0; i < nodes.length; i++) {
  9762. \t\t\t\t\tif (nodes[i].checked) { anyChecked = true; break; }
  9763. \t\t\t\t}
  9764. \t\t\t\tif (anyChecked) continue;
  9766. \t\t\t\tvar target = nodes[0];
  9767. \t\t\t\ttarget.checked = true;
  9768. \t\t\t\t// グローバル JS 変数も埋める
  9769. \t\t\t\tif (ax.jsVar === 'pw') pw = target.value;
  9770. \t\t\t\telse if (ax.jsVar === 'pd') pd = target.value;
  9771. \t\t\t\telse if (ax.jsVar === 'ph') ph = target.value;
  9772. \t\t\t\telse if (ax.jsVar === 'pm') pm = target.value;
  9773. \t\t\t\telse if (ax.jsVar === 'option1') option1 = target.value;
  9774. \t\t\t\telse if (ax.jsVar === 'option2') option2 = target.value;
  9776. \t\t\t\tvar lbl = target.closest('.opt-btn');
  9777. \t\t\t\tif (lbl) {
  9778. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  9779. \t\t\t\t\tfor (var k = 0; k < sib.length; k++) sib[k].classList.remove('is-selected');
  9780. \t\t\t\t\tlbl.classList.add('is-selected');
  9781. \t\t\t\t}
  9782. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || (target.closest('.form-group'));
  9783. \t\t\t\tif (grp) {
  9784. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  9785. \t\t\t\t\tif (section) {
  9786. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  9787. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + target.value + '</span>';
  9788. \t\t\t\t\t}
  9789. \t\t\t\t}
  9790. \t\t\t}
  9791. \t\t})();
  9793. \t\t// 取付/設置工事トグル（off 値が「商品購入のみ」のオプション）は、新規アクセス時に
  9794. \t\t// どちらの radio も未チェックのため初期価格が「商品購入のみ」= 基本工事費抜きになる。
  9795. \t\t// 顧客要望（#10）に合わせ、未選択時は「工事も希望する」(on 側) を初期選択し、
  9796. \t\t// 初期表示を基本工事費込みの最安値に統一する（色・寸法軸の先頭自動選択と同型）。
  9797. \t\t//   ・判定キーは calcGoukei / applyPurchaseOnlyUI と同じ定数「商品購入のみ」。
  9798. \t\t//   ・別用途で op{n} を流用する商品（ウッドデッキ deck_step 等）は radio 値に
  9799. \t\t//     「商品購入のみ」を含まないため対象外（既存挙動を壊さない）。
  9800. \t\t//   ・mitsumori_json 復元やユーザー操作で既に選択済みなら尊重する。
  9801. \t\t(function autoSelectFirstInstall(){
  9802. \t\t\tfor (var i = 0; i <= 10; i++) {
  9803. \t\t\t\tvar nodes = document.querySelectorAll('input[type=\"radio\"][name=\"op' + i + '\"]');
  9804. \t\t\t\tif (nodes.length === 0) continue;
  9806. \t\t\t\t// このグループが「商品購入のみ」を off に持つ工事トグルか判定し、
  9807. \t\t\t\t// 「商品購入のみ」でない側 (= 工事希望 on) を取得する。
  9808. \t\t\t\tvar hasPurchaseOnly = false;
  9809. \t\t\t\tvar onNode = null;
  9810. \t\t\t\tfor (var j = 0; j < nodes.length; j++) {
  9811. \t\t\t\t\tif (nodes[j].value === '商品購入のみ') hasPurchaseOnly = true;
  9812. \t\t\t\t\telse if (!onNode) onNode = nodes[j];
  9813. \t\t\t\t}
  9814. \t\t\t\tif (!hasPurchaseOnly || !onNode) continue;
  9816. \t\t\t\tvar anyChecked = false;
  9817. \t\t\t\tfor (var k = 0; k < nodes.length; k++) {
  9818. \t\t\t\t\tif (nodes[k].checked) { anyChecked = true; break; }
  9819. \t\t\t\t}
  9820. \t\t\t\tif (anyChecked) continue;
  9822. \t\t\t\tonNode.checked = true;
  9823. \t\t\t\t// グローバル op 変数を on 値で埋める（calcGoukei の purchaseOnly 判定が参照）
  9824. \t\t\t\tswitch (i) {
  9825. \t\t\t\t\tcase 0:  op0  = onNode.value; break;
  9826. \t\t\t\t\tcase 1:  op1  = onNode.value; break;
  9827. \t\t\t\t\tcase 2:  op2  = onNode.value; break;
  9828. \t\t\t\t\tcase 3:  op3  = onNode.value; break;
  9829. \t\t\t\t\tcase 4:  op4  = onNode.value; break;
  9830. \t\t\t\t\tcase 5:  op5  = onNode.value; break;
  9831. \t\t\t\t\tcase 6:  op6  = onNode.value; break;
  9832. \t\t\t\t\tcase 7:  op7  = onNode.value; break;
  9833. \t\t\t\t\tcase 8:  op8  = onNode.value; break;
  9834. \t\t\t\t\tcase 9:  op9  = onNode.value; break;
  9835. \t\t\t\t\tcase 10: op10 = onNode.value; break;
  9836. \t\t\t\t}
  9837. \t\t\t\t// opt-btn の is-selected を付け替え
  9838. \t\t\t\tvar lbl = onNode.closest('.opt-btn');
  9839. \t\t\t\tif (lbl) {
  9840. \t\t\t\t\tvar sib = lbl.parentNode ? lbl.parentNode.querySelectorAll('.opt-btn') : [];
  9841. \t\t\t\t\tfor (var s = 0; s < sib.length; s++) sib[s].classList.remove('is-selected');
  9842. \t\t\t\t\tlbl.classList.add('is-selected');
  9843. \t\t\t\t}
  9844. \t\t\t\t// rp-section-label 表示同期 + 現地調査文言（is_removal_unknown / is_tf_kouji）を on 表示に
  9845. \t\t\t\tvar grp = (lbl && lbl.closest('.form-group')) || onNode.closest('.form-group');
  9846. \t\t\t\tif (grp) {
  9847. \t\t\t\t\tvar section = grp.querySelector('.rp-section-label');
  9848. \t\t\t\t\tif (section) {
  9849. \t\t\t\t\t\tvar labelHead = section.textContent.split(':')[0].trim();
  9850. \t\t\t\t\t\tsection.innerHTML = labelHead + ': <span>' + onNode.value + '</span>';
  9851. \t\t\t\t\t}
  9852. \t\t\t\t\tvar note = grp.querySelector('.opt-survey-note[data-op-idx=\"' + i + '\"]');
  9853. \t\t\t\t\tif (note) note.style.display = '';
  9854. \t\t\t\t}
  9855. \t\t\t}
  9856. \t\t})();
  9858. \t\t// ページ読み込み時: 見積金額が「合計」になっているため、カート数量は基本1
  9859. \t\t// sale_type=9（商品のみ購入）だけ通常 EC として数量を引き継ぐ
  9860. \t\t(function initQuantityByType(){
  9861. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  9862. \t\t\tif (saleType == 9 && \$('#quantity_only').length) {
  9863. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  9864. \t\t\t} else {
  9865. \t\t\t\t\$('#quantity').val(1);
  9866. \t\t\t\t\$('input[name=\"quantity\"]').val(1);
  9867. \t\t\t}
  9868. \t\t})();
  9870. \t\t// type → ラベルのプレフィックス文字列
  9871. \t\t// option1/option2 のラベルは category 依存 (rd: ランマ/タイプ, sh: サイズプリセット/駆動方式 等).
  9872. \t\t// PHP から渡された option1_label / option2_label を埋め込み、JS 側でラベル更新に使う.
  9873. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材',
  9874. \t\t                   option1: '{{ option1_label|default('オプション1')|e('js') }}',
  9875. \t\t                   option2: '{{ option2_label|default('オプション2')|e('js') }}'};
  9876. \t\t// type → input[name]
  9877. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm',
  9878. \t\t                   option1: 'option1', option2: 'option2'};
  9880. \t\t// opt-btn用: 値を直接受け取るラッパー
  9881. \t\tfunction mitsumori_simulation_val(type, value) {
  9882. \t\t\tif (type === 'pc') pc = value;
  9883. \t\t\tif (type === 'pw') pw = value;
  9884. \t\t\tif (type === 'pd') pd = value;
  9885. \t\t\tif (type === 'ph') ph = value;
  9886. \t\t\tif (type === 'pm') pm = value;
  9887. \t\t\tif (type === 'option1') option1 = value;
  9888. \t\t\tif (type === 'option2') option2 = value;
  9890. \t\t\t// is-selected クラスを同グループ内で付け替え
  9891. \t\t\tvar inputName = optNameMap[type];
  9892. \t\t\tif (inputName) {
  9893. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  9894. \t\t\t\t\$btns.removeClass('is-selected');
  9895. \t\t\t\t\$btns.filter(function(){
  9896. \t\t\t\t\treturn \$(this).find('input').val() === value;
  9897. \t\t\t\t}).addClass('is-selected');
  9898. \t\t\t}
  9900. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  9901. \t\t\tvar labelPrefix = optLabelMap[type];
  9902. \t\t\tif (labelPrefix) {
  9903. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  9904. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  9905. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  9906. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  9907. \t\t\t}
  9909. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  9910. \t\t\tmitsumori_simulation('', '');
  9911. \t\t}
  9913. \t\tmitsumori_simulation(\"\",\"\");
  9915. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll を付与し
  9916. \t\t// 縦3段グリッド＋横スクロール表示にする（顧客要望「3列くらいで横スクロール」）
  9917. \t\tfunction applyBtnGroupScroll() {
  9918. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  9919. \t\t\t\tvar \$group = \$(this);
  9920. \t\t\t\t\$group.removeClass('is-scroll');
  9921. \t\t\t\tvar \$items = \$group.children();
  9922. \t\t\t\tif (\$items.length === 0) return;
  9924. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  9925. \t\t\t\tvar totalWidth = 0;
  9926. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  9927. \t\t\t\t\$items.each(function() {
  9928. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  9929. \t\t\t\t});
  9931. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  9932. \t\t\t\tvar anyTooWide = false;
  9933. \t\t\t\t\$items.each(function() {
  9934. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  9935. \t\t\t\t});
  9937. \t\t\t\t// 折り返し時の行数も計測
  9938. \t\t\t\tvar tops = {};
  9939. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  9940. \t\t\t\tvar rowCount = Object.keys(tops).length;
  9942. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  9943. \t\t\t\t\t\$group.addClass('is-scroll');
  9944. \t\t\t\t}
  9945. \t\t\t});
  9946. \t\t}
  9947. \t\tapplyBtnGroupScroll();
  9948. \t\t\$(window).on('resize', function() {
  9949. \t\t\tclearTimeout(window._btnScrollTimer);
  9950. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  9951. \t\t});
  9953. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  9954. \t\t(function syncPrice02Display() {
  9955. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  9956. \t\t\tvar displayEl = document.getElementById('price02-display');
  9957. \t\t\tif (!goukeiEl || !displayEl) return;
  9958. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  9959. \t\t\t// ---円（未確定）の場合は書き換えない
  9960. \t\t\tif (goukeiText && goukeiText !== '---円') {
  9961. \t\t\t\tdisplayEl.textContent = goukeiText;
  9962. \t\t\t}
  9963. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  9964. \t\t\tnew MutationObserver(function() {
  9965. \t\t\t\tvar text = goukeiEl.textContent.trim();
  9966. \t\t\t\tif (text && text !== '---円') {
  9967. \t\t\t\t\tdisplayEl.textContent = text;
  9968. \t\t\t\t}
  9969. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  9970. \t\t})();
  9971. \t\tfunction contact_form(product_id){
  9972. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  9973. \t\t\t\$('#form1').submit();
  9974. \t\t}
  9976. \t\t// maisu / madoset は下部の新しい関数定義を使用
  9979. \t\tfunction heibei(bei){
  9980. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  9981. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  9982. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  9983. \t\t\t// goukei に既に枚数を含むため、カート数量は1で固定
  9984. \t\t\t\$('#quantity').val(1);
  9985. \t\t\tmitsumori_simulation('heibei','heibei');
  9986. \t\t}
  9987. \t\tfunction daisu(dai){
  9988. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  9989. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  9990. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  9991. \t\t\t\$('#quantity').val(1);
  9992. \t\t\tmitsumori_simulation('daisu','daisu');
  9993. \t\t}
  9994. \t\t// sale_type=7（数量買い・基本工事費固定）用：個数入力
  9995. \t\tfunction suuryou(n){
  9996. \t\t\t\$('#suuryou').val(parseInt(\$('#suuryou').val()) + n);
  9997. \t\t\tif(parseInt(\$('#suuryou').val()) < 1){ \$('#suuryou').val(1); }
  9998. \t\t\tif(parseInt(\$('#suuryou').val()) > 100){ \$('#suuryou').val(100); }
  9999. \t\t\t\$('#quantity').val(1);
  10000. \t\t\tmitsumori_simulation('suuryou','suuryou');
  10001. \t\t}
  10002. \t\tfunction maisu(mai){
  10003. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  10004. \t\t\t// sale_type=4 (フェンス) は3枚未満不可、6 (芝生) は1枚から
  10005. \t\t\tvar minMai = (SALE_TYPE_ID == 4) ? 3 : 1;
  10006. \t\t\tif(parseInt(\$('#maisu').val()) < minMai){ \$('#maisu').val(minMai); }
  10007. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  10008. \t\t\t\$('#quantity').val(1);
  10009. \t\t\tmitsumori_simulation('maisu','maisu');
  10010. \t\t}
  10012. \t\t// タイプ2: セット数プルダウン連動
  10013. \t\tfunction madosetSelect(val){
  10014. \t\t\tvar v = parseInt(val);
  10015. \t\t\tif(v < 1) v = 1;
  10016. \t\t\tif(v > 20) v = 20;
  10017. \t\t\t\$('#set_count').val(v);
  10018. \t\t\t\$('#quantity').val(1);
  10019. \t\t\t\$('input[name=\"quantity\"]').val(1);
  10020. \t\t\tmitsumori_simulation('set','set_count');
  10021. \t\t}
  10022. \t\t// タイプ2: ±ボタン版（後方互換）
  10023. \t\tfunction madoset(mai){
  10024. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  10025. \t\t\tvar next = current + mai;
  10026. \t\t\tif(next < 1) next = 1;
  10027. \t\t\tif(next > 20) next = 20;
  10028. \t\t\t\$('#set_count').val(next);
  10029. \t\t\tmadosetSelect(next);
  10030. \t\t}
  10032. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  10033. \t\tvar deck_step = \"{% if mitsumori_json and mitsumori_json.deck_step is defined %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  10034. \t\tvar deck_fence = \"{% if mitsumori_json and mitsumori_json.deck_fence is defined %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  10036. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  10037. \t\tfunction syncPdfJson(){
  10038. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  10039. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  10040. \t\t}
  10042. \t\t// タイプ9: 商品のみ購入
  10043. \t\tfunction quantityOnly(val){
  10044. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  10045. \t\t\tvar next = current + val;
  10046. \t\t\tif(next < 1) next = 1;
  10047. \t\t\t\$('#quantity_only').val(next);
  10048. \t\t\t\$('#quantity').val(next);
  10049. \t\t}
  10051.         // ===== スマホ用下部固定バーへの金額同期 =====
  10052.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  10053.         (function() {
  10054.             var msgTarget   = document.getElementById('mitsumori_message');
  10055.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  10056.             var spPrice     = document.getElementById('sp-mitsumori-price');
  10057.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  10058.             if (!spPrice || !spBtn) return;
  10060.             function syncBar() {
  10061.                 var msg    = msgTarget ? msgTarget.textContent : '';
  10062.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  10064.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  10065.                 if (msg.indexOf('選択してください') !== -1) {
  10066.                     spPrice.textContent = msg;
  10067.                     spPrice.style.fontSize = '13px';
  10068.                     spPrice.style.color    = '#888';
  10069.                     spBtn.style.display    = 'none';
  10070.                 } else {
  10071.                     // 価格確定時はボタンを表示
  10072.                     spPrice.textContent = goukei;
  10073.                     spPrice.style.fontSize = '18px';
  10074.                     spPrice.style.color    = '#c00';
  10075.                     spBtn.style.display    = 'block';
  10076.                 }
  10077.             }
  10079.             // 初期値を同期
  10080.             syncBar();
  10082.             // mitsumori_message の変化を監視
  10083.             if (msgTarget) {
  10084.                 new MutationObserver(syncBar).observe(
  10085.                     msgTarget, { childList: true, subtree: true, characterData: true }
  10086.                 );
  10087.             }
  10088.             // mitsumori_goukei の変化も監視
  10089.             if (goukeiTarget) {
  10090.                 new MutationObserver(syncBar).observe(
  10091.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  10092.                 );
  10093.             }
  10094.         })();
  10096.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  10097.         (function() {
  10098.             var card = document.querySelector('.mitsumori-card-pc');
  10099.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  10100.             if (!card || !btn) return;
  10101.             // MutationObserverでcollapsed-cardクラスの変化を監視
  10102.             new MutationObserver(function() {
  10103.                 if (card.classList.contains('collapsed-card')) {
  10104.                     btn.textContent = '▼ 詳細';
  10105.                 } else {
  10106.                     btn.textContent = '▲ 閉じる';
  10107.                 }
  10108.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  10109.         })();
  10111.         // ===== エリア案内: スマホのみタップで展開 =====
  10112.         (function() {
  10113.             var notice = document.querySelector('.ec-areaNotice');
  10114.             if (!notice) return;
  10115.             notice.addEventListener('click', function(e) {
  10116.                 if (window.innerWidth > 767) return;
  10117.                 // リンククリック時は展開/折りたたみせずリンク遷移
  10118.                 if (e.target.tagName === 'A') return;
  10119.                 notice.classList.toggle('is-open');
  10120.             });
  10121.         })();
  10123.     </script>
  10124.     <script type=\"application/ld+json\">
  10125.     {
  10126.         \"@context\": \"https://schema.org/\",
  10127.         \"@type\": \"Product\",
  10128.         \"name\": \"{{ Product.name }}\",
  10129.         \"image\": [
  10130.             {% for img in Product.ProductImage %}
  10131.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  10133.             {% else %}
  10134.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  10135.             {% endfor %}
  10136.         ],
  10137.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  10138.         {% if Product.code_min %}
  10139.         \"sku\": \"{{ Product.code_min }}\",
  10140.         {% endif %}
  10141.         \"offers\": {
  10142.             \"@type\": \"Offer\",
  10143.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  10144.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  10145.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  10146.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  10147.         }
  10148.     }
  10149.     </script>
  10151. {% endblock %}
  10153. {% block main %}
  10154.     {# option1 / option2 ラベルをカテゴリ別に決定 (sh=31, rd=43, mo=15) - block scope のため main 側でも再定義 #}
  10155.     {% set option1_label = 'オプション1' %}
  10156.     {% set option2_label = 'オプション2' %}
  10157.     {% if Product.ProductCategories is not empty %}
  10158.         {% for pcat in Product.ProductCategories %}
  10159.             {% if pcat.category_id == 31 %}{% set option1_label = 'サイズプリセット' %}{% set option2_label = '駆動方式' %}{% endif %}
  10160.             {% if pcat.category_id == 43 %}{% set option1_label = 'ランマ' %}{% set option2_label = 'タイプ' %}{% endif %}
  10161.             {% if pcat.category_id == 15 %}{% set option1_label = '棚タイプ' %}{% endif %}
  10162.             {% if pcat.category_id == 17 %}{% set option1_label = '窓タイプ' %}{% endif %}
  10163.         {% endfor %}
  10164.     {% endif %}
  10165.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  10166.         <div class=\"ec-grid2\">
  10167.             <div class=\"ec-grid2__cell\">
  10168.                 <div class=\"ec-sliderItemRole\">
  10169. \t                {# 商品名 + ブランド名 + SNSシェア #}
  10170. \t                <div class=\"ec-productRole__title\">
  10171. \t                    <div class=\"ec-productRole__titleRow\">
  10172. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  10173. \t                        <div class=\"ec-share-inline\">
  10174. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  10175. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  10176. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.74l7.73-8.835L1.254 2.25H8.08l4.254 5.622L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117z\"/></svg>
  10177. \t                            </a>
  10178. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  10179. \t                                <svg viewBox=\"0 0 24 24\" style=\"width:15px;height:15px;fill:#fff;\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"/></svg>
  10180. \t                            </a>
  10181. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  10182. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  10183. \t                                <i class=\"fab fa-line\"></i>
  10184. \t                            </a>
  10185. \t                        </div>
  10186. \t                    </div>
  10187. \t                </div>
  10188.                     {% if BaseInfo.option_favorite_product %}
  10189.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  10190. \t\t\t\t\t\t{% if is_favorite == false %}
  10191.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  10192.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  10193.                         </form>
  10194.                         {% else %}
  10195.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  10196.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  10197.                         </form>
  10198.                         {% endif %}
  10199.                      </div>
  10200.                     {% endif %}
  10201.                     <div class=\"item_visual\">
  10202.                         {% for ProductImage in Product.ProductImage %}
  10203.                             <div class=\"slide-item\">
  10204.                                 <a class=\"js-zoom\" href=\"{{ asset(ProductImage, 'save_image') }}\" aria-label=\"{{ loop.first ? Product.name : '' }}\">
  10205.                                     <img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"{% if loop.index > 1 %} loading=\"lazy\"{% endif %}>
  10206.                                 </a>
  10207.                             </div>
  10208.                         {% else %}
  10209.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ Product.name }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  10210.                         {% endfor %}
  10211.                     </div>
  10212.                     <div class=\"item_nav\">
  10213.                         {% for ProductImage in Product.ProductImage %}
  10214.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  10215.                         {% endfor %}
  10216.                     </div>
  10218.                 </div>
  10220.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  10221.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  10222.                         <div class=\"ec-areaNotice__inner\">
  10223.                             <div class=\"ec-areaNotice__icon\">📍</div>
  10224.                             <div class=\"ec-areaNotice__body\">
  10225.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  10226.                                 <div class=\"ec-areaNotice__detail\">
  10227.                                     <p class=\"ec-areaNotice__text\">
  10228.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  10229.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  10230.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  10231.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  10232.                                     </p>
  10233.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  10234.                                 </div>
  10235.                             </div>
  10236.                         </div>
  10237.                     </div>
  10239.             </div>
  10241.             <div class=\"ec-grid2__cell2\">
  10242.                 <div class=\"ec-productRole__profile\" >
  10243.                     {# 関連カテゴリ (DIY=21 / 石材=28 / 照明=44 は非表示要件のため除外) #}
  10244.                     {% set hidden_cat_ids = [21, 28, 44] %}
  10245.                     {% if Product.ProductCategories is not empty %}
  10246.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  10247.                             {% for ProductCategory in Product.ProductCategories %}
  10248.                                 {% if ProductCategory.Category.id not in hidden_cat_ids %}
  10249.                                 <ul>
  10250.                                     <li>
  10251.                                         {% for Category in ProductCategory.Category.path %}
  10252.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  10253.                                             <span>＞</span>{% endif -%}
  10254.                                         {% endfor %}
  10255.                                     </li>
  10256.                                 </ul>
  10257.                                 {% endif %}
  10258.                             {% endfor %}
  10259.                         </div>
  10260.                     {% endif %}
  10261.                     {# 販売価格 #}
  10262.                     <div class=\"ec-productRole__price\">
  10263. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  10264.                         {% if Product.hasProductClass -%}
  10265.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  10266.                                 <div class=\"ec-price\">
  10267.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  10268.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  10269.                                 </div>
  10270.                             {% else %}
  10271.                                 <div class=\"ec-price\">
  10272.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  10273.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})</span>
  10274.                                 </div>
  10275.                             {% endif %}
  10276.                         {% else %}
  10277.                             <div class=\"ec-price\">
  10278.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  10279.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  10280.                             </div>
  10281.                         {% endif %}
  10282.                     </div>
  10283.                     {# タグ #}
  10284.                     <ul class=\"ec-productRole__tags\">
  10285.                         {% for Tag in Product.Tags %}
  10286.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  10287.                         {% endfor %}
  10288.                     </ul>
  10289.                     {# 商品コード #}
  10290.                     {% if Product.code_min is not empty %}
  10291.                         <div class=\"ec-productRole__code\">
  10292.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  10293.                         </div>
  10294.                     {% endif %}
  10296.                     <div class=\"ec-productRole__description\">
  10297. \t\t\t\t        <div class=\"ec-rectHeading\">
  10298. \t\t\t\t            <h4>製品情報</h4>
  10299. \t\t\t\t        </div>
  10300. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  10301.                     </div>
  10304. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  10305. \t\t\t\t\t  <div class=\"card-header\">
  10306. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  10307. \t\t\t\t\t  </div>
  10308. \t\t\t\t\t  <div class=\"card-body p-2\">
  10309.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  10310.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  10311.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  10312.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  10313.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  10314.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  10315. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  10316. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  10317. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  10318. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  10319. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  10320. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  10321. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  10322. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  10323. \t\t\t\t\t\t{% if hasRelated %}
  10324. \t\t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のタイプを選択してください。</label></div>
  10325. \t\t\t\t\t\t{% endif %}
  10327. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  10328. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  10329. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10330. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  10331. \t\t\t\t\t\t  {% if img1 %}
  10332. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  10333. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10334. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  10335. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10336. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10337. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10338. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10339. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10340. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10341. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10342. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10343. \t\t\t\t\t\t        </a>
  10344. \t\t\t\t\t\t      {% endfor %}
  10345. \t\t\t\t\t\t    </div>
  10346. \t\t\t\t\t\t  {% else %}
  10347. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  10348. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10349. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  10350. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10351. \t\t\t\t\t\t          {{ rp_name }}
  10352. \t\t\t\t\t\t        </a>
  10353. \t\t\t\t\t\t      {% endfor %}
  10354. \t\t\t\t\t\t    </div>
  10355. \t\t\t\t\t\t  {% endif %}
  10356. \t\t\t\t\t\t</div>
  10357. \t\t\t\t\t\t{% endif %}
  10359. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  10360. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  10361. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10362. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  10363. \t\t\t\t\t\t  {% if img2 %}
  10364. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10365. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  10366. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10367. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10368. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10369. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10370. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10371. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10372. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10373. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10374. \t\t\t\t\t\t        </a>
  10375. \t\t\t\t\t\t      {% endfor %}
  10376. \t\t\t\t\t\t    </div>
  10377. \t\t\t\t\t\t  {% else %}
  10378. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10379. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  10380. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10381. \t\t\t\t\t\t          {{ rp_name }}
  10382. \t\t\t\t\t\t        </a>
  10383. \t\t\t\t\t\t      {% endfor %}
  10384. \t\t\t\t\t\t    </div>
  10385. \t\t\t\t\t\t  {% endif %}
  10386. \t\t\t\t\t\t</div>
  10387. \t\t\t\t\t\t{% endif %}
  10389. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  10390. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  10391. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10392. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  10393. \t\t\t\t\t\t  {% if img3 %}
  10394. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10395. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  10396. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10397. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10398. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10399. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  10400. \t\t\t\t\t\t               width=\"120\" height=\"120\" loading=\"lazy\"
  10401. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  10402. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  10403. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  10404. \t\t\t\t\t\t        </a>
  10405. \t\t\t\t\t\t      {% endfor %}
  10406. \t\t\t\t\t\t    </div>
  10407. \t\t\t\t\t\t  {% else %}
  10408. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10409. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  10410. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10411. \t\t\t\t\t\t          {{ rp_name }}
  10412. \t\t\t\t\t\t        </a>
  10413. \t\t\t\t\t\t      {% endfor %}
  10414. \t\t\t\t\t\t    </div>
  10415. \t\t\t\t\t\t  {% endif %}
  10416. \t\t\t\t\t\t</div>
  10417. \t\t\t\t\t\t{% endif %}
  10419. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  10420. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  10421. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10422. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  10423. \t\t\t\t\t\t  {% if img4 %}
  10424. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  10425. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  10426. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  10427. \t\t\t\t\t\t        <a class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10428. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  10429. \t\t\t\t\t\t               src=\"{{ (related_image_obj[rp_id] is defined and related_image_obj[rp_id]) ? asset(related_image_obj[rp_id], 'save_image') : asset(''|no_image_product, 'save_image') }}\"
  10430. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" width=\"120\" height=\"120\" loading=\"lazy\">
  10431. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  10432. \t\t\t\t\t\t        </a>
  10433. \t\t\t\t\t\t      {% endfor %}
  10434. \t\t\t\t\t\t    </div>
  10435. \t\t\t\t\t\t  {% else %}
  10436. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  10437. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  10438. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  10439. \t\t\t\t\t\t        <a class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\" href=\"/products/detail/{{ rp_id }}\">
  10440. \t\t\t\t\t\t          {{ rp_name }}
  10441. \t\t\t\t\t\t        </a>
  10442. \t\t\t\t\t\t      {% endfor %}
  10443. \t\t\t\t\t\t    </div>
  10444. \t\t\t\t\t\t  {% endif %}
  10445. \t\t\t\t\t\t</div>
  10446. \t\t\t\t\t\t{% endif %}
  10449. \t\t\t\t\t    {# ガレージ等で全オプション空のときに見出しのみ表示される事象を回避.
  10450. \t\t\t\t\t       色 / 寸法 / 素材 / option1/2 / op_data いずれかに「描画される」要素がある場合のみ
  10451. \t\t\t\t\t       「この商品のオプションを選択してください。」見出しを表示する.
  10453. \t\t\t\t\t       op_data は cg=9 で「残土」 / gs=27 で「撤去」「残土」を後段ループで
  10454. \t\t\t\t\t       hide するため、単純な op|length > 0 では「見出しだけ残る」事象が
  10455. \t\t\t\t\t       wh / cg の一部商品で発生していた. 描画される entry を事前カウントする. #}
  10456. \t\t\t\t\t    {% set is_gs_h = false %}
  10457. \t\t\t\t\t    {% set is_cg_h = false %}
  10458. \t\t\t\t\t    {% if Product.ProductCategories is not empty %}
  10459. \t\t\t\t\t        {% for pc_h in Product.ProductCategories %}
  10460. \t\t\t\t\t            {% if pc_h.category_id == 27 %}{% set is_gs_h = true %}{% endif %}
  10461. \t\t\t\t\t            {% if pc_h.category_id == 9  %}{% set is_cg_h = true %}{% endif %}
  10462. \t\t\t\t\t        {% endfor %}
  10463. \t\t\t\t\t    {% endif %}
  10464. \t\t\t\t\t    {% set visible_op_count = 0 %}
  10465. \t\t\t\t\t    {% if op and op|length %}
  10466. \t\t\t\t\t        {% for opi in op %}
  10467. \t\t\t\t\t            {% if opi['name'] %}
  10468. \t\t\t\t\t                {% set _hide_h = false %}
  10469. \t\t\t\t\t                {% if is_gs_h and (opi['name'] matches '/撤去/' or opi['name'] matches '/残土/') %}{% set _hide_h = true %}{% endif %}
  10470. \t\t\t\t\t                {% if is_cg_h and opi['name'] matches '/残土/' %}{% set _hide_h = true %}{% endif %}
  10471. \t\t\t\t\t                {% if not _hide_h %}{% set visible_op_count = visible_op_count + 1 %}{% endif %}
  10472. \t\t\t\t\t            {% endif %}
  10473. \t\t\t\t\t        {% endfor %}
  10474. \t\t\t\t\t    {% endif %}
  10475. \t\t\t\t\t    {% set has_any_option =
  10476. \t\t\t\t\t        (color and color|length and ProductClass.SaleType.id != 3)
  10477. \t\t\t\t\t        or (p_w and p_w|length and p_w|join != \"\")
  10478. \t\t\t\t\t        or (p_d and p_d|length and p_d|join != \"\")
  10479. \t\t\t\t\t        or (p_h and p_h|length and p_h|join != \"\")
  10480. \t\t\t\t\t        or (p_m and p_m|length and p_m|join != \"\")
  10481. \t\t\t\t\t        or (p_option1 and p_option1|length and p_option1|join != \"\")
  10482. \t\t\t\t\t        or (p_option2 and p_option2|length and p_option2|join != \"\")
  10483. \t\t\t\t\t        or ProductClass.SaleType.id in [2, 5, 6, 7, 9]
  10484. \t\t\t\t\t    %}
  10485. \t\t\t\t\t    {% if has_any_option %}
  10486. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">この商品のオプションを選択してください。</label></div>
  10487. \t\t\t\t\t    {% endif %}
  10489.                         {# sale_type=2 (補助金窓) はタイプごとに個別カラー選択するため共通カラーは非表示 #}
  10490.                         {% if color and color|length and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  10491.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10492.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  10493.                           <div class=\"opt-btn-group\">
  10494.                             {% set idx = 0 %}
  10495.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  10496.                               {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  10497.                               <label class=\"opt-btn{% if has_img %} opt-btn--with-image{% endif %}{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  10498.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  10499.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  10500.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  10501.                                 {% if has_img %}
  10502.                                   <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  10503.                                        onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  10504.                                   <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  10505.                                 {% else %}
  10506.                                   {{ cc['name'] }}
  10507.                                 {% endif %}
  10508.                               </label>
  10509.                             {% endif %}{% endfor %}
  10510.                           </div>
  10511.                         </div>
  10512.                         {% endif %}
  10514.                         {# sale_type=2 (補助金窓) はタイプごとに個別幅選択するため共通幅は非表示.
  10515.                            tf (人工芝, sale_type=6) は専用の「芝の幅」+「施工サイズ」UI を下部に持つため、
  10516.                            汎用の 幅/奥行/高さ は描画しない (両方出すと name=\"pw\"/\"ph\" が重複し、
  10517.                            片方を選ぶともう片方の選択が外れる顧客指摘あり). #}
  10518.                         {% if p_w and p_w|length and p_w|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  10519.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10520.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  10521.                           <div class=\"opt-btn-group\">
  10522.                             {% set idx = 0 %}
  10523.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  10524.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  10525.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  10526.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  10527.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  10528.                                 {{ pw }}
  10529.                               </label>
  10530.                             {% endif %}{% endfor %}
  10531.                           </div>
  10532.                         </div>
  10533.                         {% endif %}
  10535.                         {% if p_d and p_d|length and p_d|join != \"\" and ProductClass.SaleType.id not in [3, 6] %}
  10536.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10537.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  10538.                           <div class=\"opt-btn-group\">
  10539.                             {% set idx = 0 %}
  10540.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  10541.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  10542.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  10543.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  10544.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  10545.                                 {{ pd }}
  10546.                               </label>
  10547.                             {% endif %}{% endfor %}
  10548.                           </div>
  10549.                         </div>
  10550.                         {% endif %}
  10552.                         {# sale_type=2 (補助金窓) はタイプごとに個別高さ選択するため共通高さは非表示.
  10553.                            sale_type=6 (人工芝) は専用 UI なので汎用高さは描画しない. #}
  10554.                         {% if p_h and p_h|length and p_h|join != \"\" and ProductClass.SaleType.id not in [2, 3, 6] %}
  10555.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10556.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  10557.                           <div class=\"opt-btn-group\">
  10558.                             {% set idx = 0 %}
  10559.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  10560.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  10561.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  10562.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  10563.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  10564.                                 {{ ph }}
  10565.                               </label>
  10566.                             {% endif %}{% endfor %}
  10567.                           </div>
  10568.                         </div>
  10569.                         {% endif %}
  10571.                         {# sale_type=2 (補助金窓) はタイプごとに個別ガラス選択するため共通素材は非表示 #}
  10572.                         {% if p_m and p_m|length and p_m|join != \"\" and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 2 %}
  10573.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10574.                           <div class=\"rp-section-label\">素材{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  10575.                           <div class=\"opt-btn-group\">
  10576.                             {% set idx = 0 %}
  10577.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  10578.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  10579.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  10580.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  10581.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  10582.                                 {{ pm }}
  10583.                               </label>
  10584.                             {% endif %}{% endfor %}
  10585.                           </div>
  10586.                         </div>
  10587.                         {% endif %}
  10589.                         {# option1 (sale_type 2 は専用 UI が下にあるため除外 / sale_type 3 は下部ブロックで描画 /
  10590.                            sale_type 4 = fe・ts は option1 が ct_unit_price (枚数増分の工事費単価) で
  10591.                            ユーザー選択肢ではなく計算用の内部値のため radio として表示しない. 値は
  10592.                            上の auto-init (p_option1|length == 1) で JS の option1 変数に埋め込み済み) #}
  10593.                         {% if p_option1 and p_option1|length and p_option1|join != \"\" and ProductClass.SaleType.id != 2 and ProductClass.SaleType.id != 3 and ProductClass.SaleType.id != 4 %}
  10594.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10595.                           <div class=\"rp-section-label\">{{ option1_label }}{% if mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 %}: <span>{{ mitsumori_json.option1 }}</span>{% endif %}</div>
  10596.                           <div class=\"opt-btn-group\">
  10597.                             {% set idx = 0 %}
  10598.                             {% for opt1 in p_option1 %}{% if opt1 %}{% set idx = idx + 1 %}
  10599.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1) or p_option1|length == 1 %} is-selected{% endif %}\"
  10600.                                      onclick=\"mitsumori_simulation_val('option1', '{{ opt1|e('js') }}');\">
  10601.                                 <input type=\"radio\" name=\"option1\" id=\"option1_{{ idx }}\" value=\"{{ opt1 }}\"
  10602.                                        {% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1) or p_option1|length == 1 %}checked{% endif %}>
  10603.                                 {{ opt1 }}
  10604.                               </label>
  10605.                             {% endif %}{% endfor %}
  10606.                           </div>
  10607.                         </div>
  10608.                         {% endif %}
  10610.                         {# option2 #}
  10611.                         {% if p_option2 and p_option2|length and p_option2|join != \"\" and ProductClass.SaleType.id != 2 and ProductClass.SaleType.id != 3 %}
  10612.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10613.                           <div class=\"rp-section-label\">{{ option2_label }}{% if mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 %}: <span>{{ mitsumori_json.option2 }}</span>{% endif %}</div>
  10614.                           <div class=\"opt-btn-group\">
  10615.                             {% set idx = 0 %}
  10616.                             {% for opt2 in p_option2 %}{% if opt2 %}{% set idx = idx + 1 %}
  10617.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 == opt2) or p_option2|length == 1 %} is-selected{% endif %}\"
  10618.                                      onclick=\"mitsumori_simulation_val('option2', '{{ opt2|e('js') }}');\">
  10619.                                 <input type=\"radio\" name=\"option2\" id=\"option2_{{ idx }}\" value=\"{{ opt2 }}\"
  10620.                                        {% if (mitsumori_json and mitsumori_json.option2 is defined and mitsumori_json.option2 == opt2) or p_option2|length == 1 %}checked{% endif %}>
  10621.                                 {{ opt2 }}
  10622.                               </label>
  10623.                             {% endif %}{% endfor %}
  10624.                           </div>
  10625.                         </div>
  10626.                         {% endif %}
  10628. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  10629. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  10630. \t\t\t\t\t\t{% endif %}
  10632. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） 複数タイプ追加対応 (2026-05) -->
  10633. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  10635. \t\t\t\t\t\t\t{# 2026-05 改修: ex-shop プラメイク方式に倣い、1 商品で
  10636. \t\t\t\t\t\t\t   複数の「窓タイプ」(subtype × 幅 × 高さ × ガラス × カラー × セット数)
  10637. \t\t\t\t\t\t\t   を追加できる UI に変更. 各タイプは内訳 JSON として 1 明細にまとめる. #}
  10639. \t\t\t\t\t\t\t{# ec-productRole__profile は標準テンプレで height:600px / overflow:auto
  10640. \t\t\t\t\t\t\t   が当たっており、複数タイプ追加カードが内部スクロールに押し込まれて
  10641. \t\t\t\t\t\t\t   見えない. sale_type=2 のときだけ縦方向に伸ばす. #}
  10642. \t\t\t\t\t\t\t<style>
  10643. \t\t\t\t\t\t\t\t.ec-productRole__profile {
  10644. \t\t\t\t\t\t\t\t\toverflow: visible !important;
  10645. \t\t\t\t\t\t\t\t\tmax-height: none !important;
  10646. \t\t\t\t\t\t\t\t\theight: auto !important;
  10647. \t\t\t\t\t\t\t\t}
  10648. \t\t\t\t\t\t\t</style>
  10650. \t\t\t\t\t\t\t{# 住宅区分 UI: 補助金単価が戸建 / 集合住宅で異なるためお客様に申告いただく. #}
  10651. \t\t\t\t\t\t\t{% set housing_default = getProduct_field(Product.id, '住宅区分')|default('戸建') %}
  10652. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  10653. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  10654. \t\t\t\t\t\t\t    <strong>お住まいの種別を選択</strong>
  10655. \t\t\t\t\t\t\t    <small class=\"ms-2 text-muted\">補助金単価が変わります</small>
  10656. \t\t\t\t\t\t\t  </div>
  10657. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  10658. \t\t\t\t\t\t\t    <div class=\"opt-btn-group\" id=\"window-housing-type-group\">
  10659. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  10660. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"戸建\"
  10661. \t\t\t\t\t\t\t               {% if housing_default != '集合住宅' %}checked{% endif %}>
  10662. \t\t\t\t\t\t\t        戸建住宅<small class=\"d-block text-muted\">（延床240㎡以下の非住宅含む）</small>
  10663. \t\t\t\t\t\t\t      </label>
  10664. \t\t\t\t\t\t\t      <label class=\"opt-btn\">
  10665. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"window_housing_type\" value=\"集合住宅\"
  10666. \t\t\t\t\t\t\t               {% if housing_default == '集合住宅' %}checked{% endif %}>
  10667. \t\t\t\t\t\t\t        集合住宅<small class=\"d-block text-muted\">（低層・中高層／240㎡超の非住宅）</small>
  10668. \t\t\t\t\t\t\t      </label>
  10669. \t\t\t\t\t\t\t    </div>
  10670. \t\t\t\t\t\t\t  </div>
  10671. \t\t\t\t\t\t\t</div>
  10673. \t\t\t\t\t\t\t<div class=\"card mt-3 mb-3\">
  10674. \t\t\t\t\t\t\t  <div class=\"card-header\" style=\"background:#fff3cd;color:#333;\">
  10675. \t\t\t\t\t\t\t    <strong>窓タイプを選択（複数追加可・最大 20）</strong>
  10676. \t\t\t\t\t\t\t  </div>
  10677. \t\t\t\t\t\t\t  <div class=\"card-body p-2\">
  10678. \t\t\t\t\t\t\t    <div id=\"window-types-container\"><!-- 動的に窓タイプブロックが追加される --></div>
  10679. \t\t\t\t\t\t\t    <div class=\"text-center mt-2\">
  10680. \t\t\t\t\t\t\t      <button type=\"button\" id=\"btn-add-window-type\" class=\"btn btn-outline-primary btn-sm\" onclick=\"addWindowType();\">＋ 窓タイプを追加</button>
  10681. \t\t\t\t\t\t\t      <div class=\"small text-muted mt-1\">最大 20 タイプまで追加できます</div>
  10682. \t\t\t\t\t\t\t    </div>
  10683. \t\t\t\t\t\t\t  </div>
  10684. \t\t\t\t\t\t\t</div>
  10686. \t\t\t\t\t\t\t{# 窓タイプブロックのテンプレート. __IDX__ を JS で連番に置換して clone する. #}
  10687. \t\t\t\t\t\t\t<template id=\"window-type-template\">
  10688. \t\t\t\t\t\t\t  <div class=\"window-type-block\" data-type-idx=\"__IDX__\" style=\"border:1px solid #ddd;border-radius:6px;padding:10px;margin-bottom:10px;background:#fafafa;\">
  10689. \t\t\t\t\t\t\t    <div class=\"d-flex justify-content-between align-items-center mb-2\">
  10690. \t\t\t\t\t\t\t      <strong>窓タイプ <span class=\"wt-num\">__IDX__</span></strong>
  10691. \t\t\t\t\t\t\t      <button type=\"button\" class=\"btn btn-sm btn-outline-danger btn-remove-window-type\" onclick=\"removeWindowType(this);\">× 削除</button>
  10692. \t\t\t\t\t\t\t    </div>
  10694. \t\t\t\t\t\t\t    {# 窓タイプ (subtype) #}
  10695. \t\t\t\t\t\t\t    {% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  10696. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  10697. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓タイプ</div>
  10698. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  10699. \t\t\t\t\t\t\t        {% for v in p_option1 %}{% if v %}
  10700. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  10701. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_subtype___IDX__\" value=\"{{ v }}\" data-axis=\"subtype\" onchange=\"onWindowTypeAxisChange(this);\">
  10702. \t\t\t\t\t\t\t            {{ v }}
  10703. \t\t\t\t\t\t\t          </label>
  10704. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  10705. \t\t\t\t\t\t\t      </div>
  10706. \t\t\t\t\t\t\t    </div>
  10707. \t\t\t\t\t\t\t    {% endif %}
  10709. \t\t\t\t\t\t\t    {# 幅 (mm 直接入力) #}
  10710. \t\t\t\t\t\t\t    {% if p_w and p_w|length and p_w|join != \"\" %}
  10711. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  10712. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">幅</div>
  10713. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  10714. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_pw___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  10715. \t\t\t\t\t\t\t               placeholder=\"例 1750\" data-axis=\"pw\" data-unit=\"mm\"
  10716. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  10717. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  10718. \t\t\t\t\t\t\t      </div>
  10719. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応幅: 〜{{ (p_w|last)|default('') }}（{{ p_w|length }} 段階の価格帯から自動選択）</small>
  10720. \t\t\t\t\t\t\t    </div>
  10721. \t\t\t\t\t\t\t    {% endif %}
  10723. \t\t\t\t\t\t\t    {# 高さ (mm 直接入力) #}
  10724. \t\t\t\t\t\t\t    {% if p_h and p_h|length and p_h|join != \"\" %}
  10725. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  10726. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">高さ</div>
  10727. \t\t\t\t\t\t\t      <div class=\"input-group\" style=\"max-width:240px;\">
  10728. \t\t\t\t\t\t\t        <input type=\"number\" name=\"wt_ph___IDX__\" class=\"form-control\" min=\"100\" step=\"10\"
  10729. \t\t\t\t\t\t\t               placeholder=\"例 1200\" data-axis=\"ph\" data-unit=\"mm\"
  10730. \t\t\t\t\t\t\t               oninput=\"onWindowTypeAxisChange(this);\">
  10731. \t\t\t\t\t\t\t        <span class=\"input-group-text\">mm</span>
  10732. \t\t\t\t\t\t\t      </div>
  10733. \t\t\t\t\t\t\t      <small class=\"text-muted\">商品の対応高さ: 〜{{ (p_h|last)|default('') }}（{{ p_h|length }} 段階の価格帯から自動選択）</small>
  10734. \t\t\t\t\t\t\t    </div>
  10735. \t\t\t\t\t\t\t    {% endif %}
  10737. \t\t\t\t\t\t\t    {# ガラスタイプ #}
  10738. \t\t\t\t\t\t\t    {% if p_m and p_m|length and p_m|join != \"\" %}
  10739. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  10740. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">ガラスタイプ</div>
  10741. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  10742. \t\t\t\t\t\t\t        {% for v in p_m %}{% if v %}
  10743. \t\t\t\t\t\t\t          <label class=\"opt-btn\">
  10744. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pm___IDX__\" value=\"{{ v }}\" data-axis=\"pm\" onchange=\"onWindowTypeAxisChange(this);\">
  10745. \t\t\t\t\t\t\t            {{ v }}
  10746. \t\t\t\t\t\t\t          </label>
  10747. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  10748. \t\t\t\t\t\t\t      </div>
  10749. \t\t\t\t\t\t\t      <small class=\"text-muted\">「<span style=\"color:#2e7d32;font-weight:bold;\">補助金対象</span>」が付いたガラスは、先進的窓リノベ補助金の対象です。</small>
  10750. \t\t\t\t\t\t\t    </div>
  10751. \t\t\t\t\t\t\t    {% endif %}
  10753. \t\t\t\t\t\t\t    {# 窓枠カラー #}
  10754. \t\t\t\t\t\t\t    {% if color and color|length %}
  10755. \t\t\t\t\t\t\t    <div class=\"form-group mt-2 pb-2\" style=\"border-bottom:1px dashed rgba(0,0,0,.1)\">
  10756. \t\t\t\t\t\t\t      <div class=\"rp-section-label\">窓枠カラー</div>
  10757. \t\t\t\t\t\t\t      <div class=\"opt-btn-group\">
  10758. \t\t\t\t\t\t\t        {% for cc in color %}{% if cc and cc['name'] %}
  10759. \t\t\t\t\t\t\t          {% set has_img = cc['img'] is defined and cc['img'] is not empty %}
  10760. \t\t\t\t\t\t\t          <label class=\"opt-btn{% if has_img %} opt-btn--with-image{% endif %}\">
  10761. \t\t\t\t\t\t\t            <input type=\"radio\" name=\"wt_pc___IDX__\" value=\"{{ cc['name'] }}\" data-axis=\"pc\" onchange=\"onWindowTypeAxisChange(this);\">
  10762. \t\t\t\t\t\t\t            {% if has_img %}
  10763. \t\t\t\t\t\t\t              <img src=\"{{ cc['img'] }}\" alt=\"{{ cc['name'] }}\" class=\"opt-btn__img\"
  10764. \t\t\t\t\t\t\t                   onerror=\"this.parentNode.classList.remove('opt-btn--with-image'); this.remove();\">
  10765. \t\t\t\t\t\t\t              <span class=\"opt-btn__name\">{{ cc['name'] }}</span>
  10766. \t\t\t\t\t\t\t            {% else %}
  10767. \t\t\t\t\t\t\t              {{ cc['name'] }}
  10768. \t\t\t\t\t\t\t            {% endif %}
  10769. \t\t\t\t\t\t\t          </label>
  10770. \t\t\t\t\t\t\t        {% endif %}{% endfor %}
  10771. \t\t\t\t\t\t\t      </div>
  10772. \t\t\t\t\t\t\t    </div>
  10773. \t\t\t\t\t\t\t    {% endif %}
  10775. \t\t\t\t\t\t\t    {# セット数 + タイプごとの補助金額表示 (補助金は task 2 で実計算) #}
  10776. \t\t\t\t\t\t\t    <div class=\"form-group row mt-2 align-items-center\">
  10777. \t\t\t\t\t\t\t      <label class=\"col-4 col-form-label\">セット数</label>
  10778. \t\t\t\t\t\t\t      <div class=\"col-4\">
  10779. \t\t\t\t\t\t\t        <div class=\"input-group\">
  10780. \t\t\t\t\t\t\t          <input type=\"number\" name=\"wt_setqty___IDX__\" class=\"form-control wt-input-setqty\" value=\"1\" min=\"1\" max=\"99\" data-axis=\"setqty\" onchange=\"onWindowTypeAxisChange(this);\">
  10781. \t\t\t\t\t\t\t          <span class=\"input-group-text\">セット</span>
  10782. \t\t\t\t\t\t\t        </div>
  10783. \t\t\t\t\t\t\t      </div>
  10784. \t\t\t\t\t\t\t      <div class=\"col-4 text-end\">
  10785. \t\t\t\t\t\t\t        <small class=\"text-muted\">補助金額<br><span class=\"wt-subsidy-amount\">―</span> 円</small>
  10786. \t\t\t\t\t\t\t      </div>
  10787. \t\t\t\t\t\t\t    </div>
  10788. \t\t\t\t\t\t\t  </div>
  10789. \t\t\t\t\t\t\t</template>
  10791. \t\t\t\t\t\t\t{# 複数タイプ管理 JS. addWindowType / removeWindowType / 再番号付け. #}
  10792. \t\t\t\t\t\t\t<script>
  10793. \t\t\t\t\t\t\t(function() {
  10794. \t\t\t\t\t\t\t\tvar MAX_WINDOW_TYPES = 20;
  10796. \t\t\t\t\t\t\t\tfunction addWindowType() {
  10797. \t\t\t\t\t\t\t\t\tvar container = document.getElementById('window-types-container');
  10798. \t\t\t\t\t\t\t\t\tif (!container) return;
  10799. \t\t\t\t\t\t\t\t\tvar existing = container.querySelectorAll('.window-type-block');
  10800. \t\t\t\t\t\t\t\t\tif (existing.length >= MAX_WINDOW_TYPES) return;
  10801. \t\t\t\t\t\t\t\t\tvar newIdx = existing.length + 1;
  10802. \t\t\t\t\t\t\t\t\tvar tpl = document.getElementById('window-type-template');
  10803. \t\t\t\t\t\t\t\t\tif (!tpl) return;
  10804. \t\t\t\t\t\t\t\t\t// <template> の innerHTML を取り出して __IDX__ を新規連番に置換し、要素化して append.
  10805. \t\t\t\t\t\t\t\t\tvar html = tpl.innerHTML.replace(/__IDX__/g, String(newIdx));
  10806. \t\t\t\t\t\t\t\t\tvar wrapper = document.createElement('div');
  10807. \t\t\t\t\t\t\t\t\twrapper.innerHTML = html.trim();
  10808. \t\t\t\t\t\t\t\t\tvar block = wrapper.firstChild;
  10809. \t\t\t\t\t\t\t\t\tcontainer.appendChild(block);
  10810. \t\t\t\t\t\t\t\t\tdecorateSubsidyGlass(block);
  10811. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  10812. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  10813. \t\t\t\t\t\t\t\t}
  10815. \t\t\t\t\t\t\t\t// 補助金対象ガラスの選択肢に「補助金対象」バッジ + 緑枠を付与する.
  10816. \t\t\t\t\t\t\t\t// 判定は calc script 側の window.glassYieldsSubsidy に委譲 (ロジック二重化を避ける)。
  10817. \t\t\t\t\t\t\t\tfunction decorateSubsidyGlass(block) {
  10818. \t\t\t\t\t\t\t\t\tif (!block || typeof window.glassYieldsSubsidy !== 'function') return;
  10819. \t\t\t\t\t\t\t\t\tvar radios = block.querySelectorAll('input[data-axis=\"pm\"]');
  10820. \t\t\t\t\t\t\t\t\tradios.forEach(function(inp) {
  10821. \t\t\t\t\t\t\t\t\t\tvar label = inp.closest('.opt-btn');
  10822. \t\t\t\t\t\t\t\t\t\tif (!label || label.querySelector('.opt-btn__subsidy-badge')) return;
  10823. \t\t\t\t\t\t\t\t\t\tif (window.glassYieldsSubsidy(inp.value)) {
  10824. \t\t\t\t\t\t\t\t\t\t\tlabel.classList.add('opt-btn--subsidy');
  10825. \t\t\t\t\t\t\t\t\t\t\tvar badge = document.createElement('span');
  10826. \t\t\t\t\t\t\t\t\t\t\tbadge.className = 'opt-btn__subsidy-badge';
  10827. \t\t\t\t\t\t\t\t\t\t\tbadge.textContent = '補助金対象';
  10828. \t\t\t\t\t\t\t\t\t\t\tlabel.appendChild(badge);
  10829. \t\t\t\t\t\t\t\t\t\t}
  10830. \t\t\t\t\t\t\t\t\t});
  10831. \t\t\t\t\t\t\t\t}
  10833. \t\t\t\t\t\t\t\tfunction removeWindowType(btn) {
  10834. \t\t\t\t\t\t\t\t\tvar block = btn.closest('.window-type-block');
  10835. \t\t\t\t\t\t\t\t\tif (!block) return;
  10836. \t\t\t\t\t\t\t\t\tblock.remove();
  10837. \t\t\t\t\t\t\t\t\treindexBlocks();
  10838. \t\t\t\t\t\t\t\t\tupdateRemoveButtonVisibility();
  10839. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  10840. \t\t\t\t\t\t\t\t}
  10842. \t\t\t\t\t\t\t\tfunction updateRemoveButtonVisibility() {
  10843. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  10844. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b) {
  10845. \t\t\t\t\t\t\t\t\t\tvar btn = b.querySelector('.btn-remove-window-type');
  10846. \t\t\t\t\t\t\t\t\t\tif (btn) btn.style.display = blocks.length > 1 ? '' : 'none';
  10847. \t\t\t\t\t\t\t\t\t});
  10848. \t\t\t\t\t\t\t\t}
  10850. \t\t\t\t\t\t\t\tfunction reindexBlocks() {
  10851. \t\t\t\t\t\t\t\t\t// ブロック削除後に 1 から振り直し. input[name] の末尾 _N も書き換える.
  10852. \t\t\t\t\t\t\t\t\tvar blocks = document.querySelectorAll('#window-types-container .window-type-block');
  10853. \t\t\t\t\t\t\t\t\tblocks.forEach(function(b, i) {
  10854. \t\t\t\t\t\t\t\t\t\tvar n = i + 1;
  10855. \t\t\t\t\t\t\t\t\t\tb.setAttribute('data-type-idx', String(n));
  10856. \t\t\t\t\t\t\t\t\t\tvar numSpan = b.querySelector('.wt-num');
  10857. \t\t\t\t\t\t\t\t\t\tif (numSpan) numSpan.textContent = String(n);
  10858. \t\t\t\t\t\t\t\t\t\tb.querySelectorAll('input[name]').forEach(function(inp) {
  10859. \t\t\t\t\t\t\t\t\t\t\tinp.name = inp.name.replace(/_\\d+\$/, '_' + n);
  10860. \t\t\t\t\t\t\t\t\t\t});
  10861. \t\t\t\t\t\t\t\t\t});
  10862. \t\t\t\t\t\t\t\t}
  10864. \t\t\t\t\t\t\t\t// 軸変更イベント. recalcAll が定義されていれば再計算 (task 2 で実装).
  10865. \t\t\t\t\t\t\t\twindow.onWindowTypeAxisChange = function() {
  10866. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  10867. \t\t\t\t\t\t\t\t};
  10869. \t\t\t\t\t\t\t\twindow.addWindowType = addWindowType;
  10870. \t\t\t\t\t\t\t\twindow.removeWindowType = removeWindowType;
  10872. \t\t\t\t\t\t\t\t// 隠し radio(opacity:0/pointer-events:none) を label で包む opt-btn は iOS で初回タップの
  10873. \t\t\t\t\t\t\t\t// change が不発になりやすい。窓タイプ/住宅区分は label に onclick が無く change 依存だった
  10874. \t\t\t\t\t\t\t\t// ため「2回タッチ/選択できない」が発生。click は確実に発火するので委譲 click で選択状態・
  10875. \t\t\t\t\t\t\t\t// is-selected・再計算を行う(JSで複製される窓タイプにも委譲で対応)。
  10876. \t\t\t\t\t\t\t\tdocument.addEventListener('click', function(ev) {
  10877. \t\t\t\t\t\t\t\t\tif (!ev.target || !ev.target.closest) return;
  10878. \t\t\t\t\t\t\t\t\tvar label = ev.target.closest('.opt-btn');
  10879. \t\t\t\t\t\t\t\t\tif (!label) return;
  10880. \t\t\t\t\t\t\t\t\tif (!label.closest('#window-types-container') && !label.closest('#window-housing-type-group')) return;
  10881. \t\t\t\t\t\t\t\t\tvar input = label.querySelector('input[type=\"radio\"]');
  10882. \t\t\t\t\t\t\t\t\tif (!input || input.disabled) return;
  10883. \t\t\t\t\t\t\t\t\tinput.checked = true;
  10884. \t\t\t\t\t\t\t\t\tvar nm = input.getAttribute('name');
  10885. \t\t\t\t\t\t\t\t\tif (nm) {
  10886. \t\t\t\t\t\t\t\t\t\tdocument.querySelectorAll('input[name=\"' + nm + '\"]').forEach(function(i) {
  10887. \t\t\t\t\t\t\t\t\t\t\tvar l = i.closest('.opt-btn');
  10888. \t\t\t\t\t\t\t\t\t\t\tif (l) l.classList.toggle('is-selected', i.checked);
  10889. \t\t\t\t\t\t\t\t\t\t});
  10890. \t\t\t\t\t\t\t\t\t}
  10891. \t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  10892. \t\t\t\t\t\t\t\t});
  10894. \t\t\t\t\t\t\t\t// 初期表示で 1 ブロック追加 + 住宅区分ラジオの change で再計算.
  10895. \t\t\t\t\t\t\t\tdocument.addEventListener('DOMContentLoaded', function() {
  10896. \t\t\t\t\t\t\t\t\tif (document.querySelector('#window-types-container')) {
  10897. \t\t\t\t\t\t\t\t\t\taddWindowType();
  10898. \t\t\t\t\t\t\t\t\t}
  10899. \t\t\t\t\t\t\t\t\tvar housingInputs = document.querySelectorAll('input[name=\"window_housing_type\"]');
  10900. \t\t\t\t\t\t\t\t\tvar syncHousingSelectedClass = function() {
  10901. \t\t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  10902. \t\t\t\t\t\t\t\t\t\t\tvar lbl = el.closest('.opt-btn');
  10903. \t\t\t\t\t\t\t\t\t\t\tif (!lbl) return;
  10904. \t\t\t\t\t\t\t\t\t\t\tif (el.checked) lbl.classList.add('is-selected');
  10905. \t\t\t\t\t\t\t\t\t\t\telse            lbl.classList.remove('is-selected');
  10906. \t\t\t\t\t\t\t\t\t\t});
  10907. \t\t\t\t\t\t\t\t\t};
  10908. \t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  10909. \t\t\t\t\t\t\t\t\thousingInputs.forEach(function(el) {
  10910. \t\t\t\t\t\t\t\t\t\tel.addEventListener('change', function() {
  10911. \t\t\t\t\t\t\t\t\t\t\tsyncHousingSelectedClass();
  10912. \t\t\t\t\t\t\t\t\t\t\tif (typeof recalcAll === 'function') recalcAll();
  10913. \t\t\t\t\t\t\t\t\t\t});
  10914. \t\t\t\t\t\t\t\t\t});
  10915. \t\t\t\t\t\t\t\t});
  10916. \t\t\t\t\t\t\t})();
  10917. \t\t\t\t\t\t\t</script>
  10919. \t\t\t\t\t\t{% endif %}
  10921. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  10922. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  10924. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からボタン型ラジオ生成） #}
  10925. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  10926. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10927. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  10928. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  10929. \t\t\t\t\t\t\t    {% set idx = 0 %}
  10930. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  10931. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %} is-selected{% endif %}\"
  10932. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  10933. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  10934. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  10935. \t\t\t\t\t\t\t        {{ pw_val }}
  10936. \t\t\t\t\t\t\t      </label>
  10937. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  10938. \t\t\t\t\t\t\t  </div>
  10939. \t\t\t\t\t\t\t</div>
  10940. \t\t\t\t\t\t\t{% endif %}
  10942. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  10943. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10944. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  10945. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  10946. \t\t\t\t\t\t\t    {% set idx = 0 %}
  10947. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  10948. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %} is-selected{% endif %}\"
  10949. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  10950. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  10951. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}>
  10952. \t\t\t\t\t\t\t        {{ pd_val }}
  10953. \t\t\t\t\t\t\t      </label>
  10954. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  10955. \t\t\t\t\t\t\t  </div>
  10956. \t\t\t\t\t\t\t</div>
  10957. \t\t\t\t\t\t\t{% endif %}
  10959. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  10960. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10961. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  10962. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  10963. \t\t\t\t\t\t\t    {% set idx = 0 %}
  10964. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  10965. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %} is-selected{% endif %}\"
  10966. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  10967. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  10968. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}>
  10969. \t\t\t\t\t\t\t        {{ ph_val }}
  10970. \t\t\t\t\t\t\t      </label>
  10971. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  10972. \t\t\t\t\t\t\t  </div>
  10973. \t\t\t\t\t\t\t</div>
  10974. \t\t\t\t\t\t\t{% endif %}
  10976. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  10977. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  10978. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10979. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">棚タイプ <small class=\"text-muted\">（間仕切り仕様）</small>{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  10980. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  10981. \t\t\t\t\t\t\t    {% set idx = 0 %}
  10982. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  10983. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %} is-selected{% endif %}\"
  10984. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  10985. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  10986. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  10987. \t\t\t\t\t\t\t        {{ pm_val }}
  10988. \t\t\t\t\t\t\t      </label>
  10989. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  10990. \t\t\t\t\t\t\t  </div>
  10991. \t\t\t\t\t\t\t</div>
  10992. \t\t\t\t\t\t\t{% endif %}
  10994. \t\t\t\t\t\t\t{# option1 (mo の 棚タイプ 等、p_option1 データから選択肢を生成) #}
  10995. \t\t\t\t\t\t\t{% if p_option1 and p_option1|length and p_option1|join != \"\" %}
  10996. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  10997. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">{{ option1_label }}{% if mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 %}: <span>{{ mitsumori_json.option1 }}</span>{% endif %}</div>
  10998. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  10999. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11000. \t\t\t\t\t\t\t    {% for opt1_val in p_option1 %}{% if opt1_val %}{% set idx = idx + 1 %}
  11001. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1_val) or p_option1|length == 1 %} is-selected{% endif %}\"
  11002. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('option1','option1_3_{{ idx }}');\">
  11003. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"option1\" id=\"option1_3_{{ idx }}\" value=\"{{ opt1_val }}\"
  11004. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.option1 is defined and mitsumori_json.option1 == opt1_val) or p_option1|length == 1 %}checked{% endif %}>
  11005. \t\t\t\t\t\t\t        {{ opt1_val }}
  11006. \t\t\t\t\t\t\t      </label>
  11007. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11008. \t\t\t\t\t\t\t  </div>
  11009. \t\t\t\t\t\t\t</div>
  11010. \t\t\t\t\t\t\t{% endif %}
  11012. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  11013. \t\t\t\t\t\t\t{% if color and color|length %}
  11014. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11015. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  11016. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11017. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11018. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  11019. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  11020. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  11021. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  11022. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  11023. \t\t\t\t\t\t\t        {{ cc['name'] }}
  11024. \t\t\t\t\t\t\t      </label>
  11025. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11026. \t\t\t\t\t\t\t  </div>
  11027. \t\t\t\t\t\t\t</div>
  11028. \t\t\t\t\t\t\t{% endif %}
  11030. \t\t\t\t\t\t\t{# 台数 #}
  11031. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11032. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  11033. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11034. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11035. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"{{ mitsumori_json.daisu|default('1') }}\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  11036. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  11037. \t\t\t\t\t\t\t    </div>
  11038. \t\t\t\t\t\t\t  </div>
  11039. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11040. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  11041. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  11042. \t\t\t\t\t\t\t  </div>
  11043. \t\t\t\t\t\t\t</div>
  11045. \t\t\t\t\t\t{% endif %}
  11047. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  11048. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  11050. \t\t\t\t\t\t\t{# 枚数 #}
  11051. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11052. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  11053. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  11054. \t\t\t\t\t\t\t    <div class=\"input-group\">
  11055. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"{{ mitsumori_json.maisu|default('3') }}\" min=\"3\" max=\"20\" onchange=\"if(parseInt(this.value)<3)this.value=3; mitsumori_simulation('maisu','maisu');\">
  11056. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  11057. \t\t\t\t\t\t\t    </div>
  11058. \t\t\t\t\t\t\t  </div>
  11059. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11060. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  11061. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  11062. \t\t\t\t\t\t\t  </div>
  11063. \t\t\t\t\t\t\t</div>
  11065. \t\t\t\t\t\t{% endif %}
  11067. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  11068. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  11070. \t\t\t\t\t\t\t{# ステップの有無 #}
  11071. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11072. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">ステップ</div>
  11073. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11074. \t\t\t\t\t\t\t    {% set step_yes_checked = (mitsumori_json and mitsumori_json.deck_step is defined and mitsumori_json.deck_step == '必要') %}
  11075. \t\t\t\t\t\t\t    {% set step_no_checked = (not mitsumori_json or mitsumori_json.deck_step is not defined or mitsumori_json.deck_step == '不要' or not mitsumori_json.deck_step) %}
  11076. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_yes_checked %} is-selected{% endif %}\"
  11077. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  11078. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  11079. \t\t\t\t\t\t\t             {% if step_yes_checked %}checked{% endif %}>
  11080. \t\t\t\t\t\t\t      必要
  11081. \t\t\t\t\t\t\t    </label>
  11082. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if step_no_checked %} is-selected{% endif %}\"
  11083. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  11084. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  11085. \t\t\t\t\t\t\t             {% if step_no_checked %}checked{% endif %}>
  11086. \t\t\t\t\t\t\t      不要
  11087. \t\t\t\t\t\t\t    </label>
  11088. \t\t\t\t\t\t\t  </div>
  11089. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-step\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not step_yes_checked %}display:none;{% endif %}\">
  11090. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11091. \t\t\t\t\t\t\t  </div>
  11092. \t\t\t\t\t\t\t</div>
  11094. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  11095. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11096. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">デッキフェンス</div>
  11097. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11098. \t\t\t\t\t\t\t    {% set fence_yes_checked = (mitsumori_json and mitsumori_json.deck_fence is defined and mitsumori_json.deck_fence == '必要') %}
  11099. \t\t\t\t\t\t\t    {% set fence_no_checked = (not mitsumori_json or mitsumori_json.deck_fence is not defined or mitsumori_json.deck_fence == '不要' or not mitsumori_json.deck_fence) %}
  11100. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_yes_checked %} is-selected{% endif %}\"
  11101. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  11102. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  11103. \t\t\t\t\t\t\t             {% if fence_yes_checked %}checked{% endif %}>
  11104. \t\t\t\t\t\t\t      必要
  11105. \t\t\t\t\t\t\t    </label>
  11106. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if fence_no_checked %} is-selected{% endif %}\"
  11107. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  11108. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  11109. \t\t\t\t\t\t\t             {% if fence_no_checked %}checked{% endif %}>
  11110. \t\t\t\t\t\t\t      不要
  11111. \t\t\t\t\t\t\t    </label>
  11112. \t\t\t\t\t\t\t  </div>
  11113. \t\t\t\t\t\t\t  <div class=\"opt-survey-note-wd-fence\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not fence_yes_checked %}display:none;{% endif %}\">
  11114. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11115. \t\t\t\t\t\t\t  </div>
  11116. \t\t\t\t\t\t\t</div>
  11118. \t\t\t\t\t\t{% endif %}
  11120. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  11121. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  11123. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  11124. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  11125. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11126. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">規格{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  11127. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11128. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11129. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  11130. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %} is-selected{% endif %}\"
  11131. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  11132. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  11133. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}>
  11134. \t\t\t\t\t\t\t        {{ pm_val }}
  11135. \t\t\t\t\t\t\t      </label>
  11136. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11137. \t\t\t\t\t\t\t  </div>
  11138. \t\t\t\t\t\t\t</div>
  11139. \t\t\t\t\t\t\t{% endif %}
  11141. \t\t\t\t\t\t\t{# 芝の幅（p_w = ロール幅。free_area の w。例 100cm/200cm = 1m/2m 幅。
  11142. \t\t\t\t\t\t\t   h はロール長（例 1000cm=10m）で固定のため UI には出さない）。 #}
  11143. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  11144. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11145. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">芝の幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  11146. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11147. \t\t\t\t\t\t\t    {% set idx = 0 %}
  11148. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  11149. \t\t\t\t\t\t\t      <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %} is-selected{% endif %}\"
  11150. \t\t\t\t\t\t\t             onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  11151. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  11152. \t\t\t\t\t\t\t               {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}>
  11153. \t\t\t\t\t\t\t        {{ pw_val }}
  11154. \t\t\t\t\t\t\t      </label>
  11155. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  11156. \t\t\t\t\t\t\t  </div>
  11157. \t\t\t\t\t\t\t</div>
  11158. \t\t\t\t\t\t\t{% endif %}
  11160. \t\t\t\t\t\t\t{# 1ロールの長さ表記（顧客要望 #10）。h はロール長 (例 1000cm=10m) で固定のため選択ではなく表示のみ。 #}
  11161. \t\t\t\t\t\t\t{% set _roll_h = (p_h is defined and p_h|length) ? (p_h|first) : '' %}
  11162. \t\t\t\t\t\t\t{% if _roll_h %}
  11163. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11164. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">1ロールの長さ：<span style=\"font-weight:bold;\">{% if 'cm' in _roll_h %}{{ (_roll_h|replace({'cm':'', ',':''})|trim) / 100 }}m{% else %}{{ _roll_h }}{% endif %}</span></div>
  11165. \t\t\t\t\t\t\t</div>
  11166. \t\t\t\t\t\t\t{% endif %}
  11168. \t\t\t\t\t\t\t{# 施工サイズ（縦 × 横、m 入力）→ 必要枚数を自動算出して表示.
  11169. \t\t\t\t\t\t\t   面積=縦×横 を #area に流し込み、case 6 の qty=ceil(area/ロール面積) を流用. #}
  11170. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11171. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工サイズ</label>
  11172. \t\t\t\t\t\t\t  <div class=\"col-8\">
  11173. \t\t\t\t\t\t\t    <div class=\"input-group\">
  11174. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_len\" id=\"tf_len\"
  11175. \t\t\t\t\t\t\t        class=\"form-control\"
  11176. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_len|default('') }}\"
  11177. \t\t\t\t\t\t\t        placeholder=\"縦\" min=\"0.1\" step=\"0.1\"
  11178. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_len','tf_len');\">
  11179. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m&nbsp;×</span>
  11180. \t\t\t\t\t\t\t      <input type=\"number\" name=\"tf_wid\" id=\"tf_wid\"
  11181. \t\t\t\t\t\t\t        class=\"form-control\"
  11182. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_wid|default('') }}\"
  11183. \t\t\t\t\t\t\t        placeholder=\"横\" min=\"0.1\" step=\"0.1\"
  11184. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_wid','tf_wid');\">
  11185. \t\t\t\t\t\t\t      <span class=\"input-group-text\">m</span>
  11186. \t\t\t\t\t\t\t    </div>
  11187. \t\t\t\t\t\t\t    {# area は内部計算用に保持（縦×横を JS で書き込む） #}
  11188. \t\t\t\t\t\t\t    <input type=\"hidden\" name=\"area\" id=\"area\" value=\"{{ mitsumori_json.area|default('') }}\">
  11189. \t\t\t\t\t\t\t    {# 必要枚数は直接入力も可能。施工サイズ入力時は自動算出して上書きする。
  11190. \t\t\t\t\t\t\t       施工サイズ未入力でも、ここで枚数だけ指定してカートに入れられる。 #}
  11191. \t\t\t\t\t\t\t    <div style=\"margin-top:10px;display:inline-block;background:#fff3cd;border:1px solid #ffe69c;border-radius:6px;padding:8px 14px;font-size:16px;color:#c00;font-weight:bold;\">
  11192. \t\t\t\t\t\t\t      必要枚数：<input type=\"number\" name=\"tf_qty\" id=\"tf_qty\"
  11193. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.tf_qty|default('1') }}\" min=\"1\" step=\"1\"
  11194. \t\t\t\t\t\t\t        style=\"width:80px;font-size:22px;font-weight:bold;color:#c00;text-align:right;border:1px solid #ffe69c;border-radius:4px;padding:2px 6px;\"
  11195. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('tf_qty','tf_qty');\"> 枚
  11196. \t\t\t\t\t\t\t    </div>
  11197. \t\t\t\t\t\t\t    <div style=\"margin-top:6px;font-size:12px;color:#666;\">※ 施工サイズを入力すると必要枚数を自動計算します。サイズが分からない場合は枚数を直接ご指定ください。</div>
  11198. \t\t\t\t\t\t\t  </div>
  11199. \t\t\t\t\t\t\t</div>
  11201. \t\t\t\t\t\t{% endif %}
  11203. \t\t\t\t\t\t<!-- 7: 施工見積（数量買い・基本工事費固定） -->
  11204. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 7 %}
  11205. \t\t\t\t\t\t\t{# 個数（物置の daisu と同形式、単位は「個」） #}
  11206. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11207. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">個数</label>
  11208. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11209. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11210. \t\t\t\t\t\t\t      <input type=\"number\" name=\"suuryou\" id=\"suuryou\" class=\"form-control\"
  11211. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.suuryou|default('1') }}\" min=\"1\" max=\"100\"
  11212. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('suuryou','suuryou');\">
  11213. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  11214. \t\t\t\t\t\t\t    </div>
  11215. \t\t\t\t\t\t\t  </div>
  11216. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11217. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"suuryou(+1);\">＋</button>
  11218. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"suuryou(-1);\">ー</button>
  11219. \t\t\t\t\t\t\t  </div>
  11220. \t\t\t\t\t\t\t</div>
  11221. \t\t\t\t\t\t{% endif %}
  11223. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  11224. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  11225. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11226. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  11227. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11228. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  11229. \t\t\t\t\t\t\t      <input type=\"number\" name=\"quantity_only\" id=\"quantity_only\" class=\"form-control\" value=\"1\" min=\"1\" onchange=\"\$('#quantity').val(this.value);\">
  11230. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  11231. \t\t\t\t\t\t\t    </div>
  11232. \t\t\t\t\t\t\t  </div>
  11233. \t\t\t\t\t\t\t  <div class=\"col-4\">
  11234. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  11235. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  11236. \t\t\t\t\t\t\t  </div>
  11237. \t\t\t\t\t\t\t</div>
  11238. \t\t\t\t\t\t{% endif %}
  11243. \t\t\t\t\t    <div class=\"row\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\"><label class=\"col-12 col-form-label\">取り付け工事のご希望に関してお答えください。</label></div>
  11244. \t\t\t\t\t\t{# gs (ゴミステーション, category id=27) では「撤去対応」「残土・ガラ処理」は ex-shop に存在しないため非表示
  11245. \t\t\t\t\t\t   cg (カーゲート, category id=9) では「残土・ガラ処理」分は撤去金額側に内包済みのため非表示
  11246. \t\t\t\t\t\t   (撤去オプション自体は残す) #}
  11247. \t\t\t\t\t\t{% set is_gs = false %}
  11248. \t\t\t\t\t\t{% set is_cg = false %}
  11249. \t\t\t\t\t\t{% if Product.ProductCategories is not empty %}
  11250. \t\t\t\t\t\t\t{% for ProductCategory in Product.ProductCategories %}
  11251. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 27 %}{% set is_gs = true %}{% endif %}
  11252. \t\t\t\t\t\t\t\t{% if ProductCategory.category_id == 9 %}{% set is_cg = true %}{% endif %}
  11253. \t\t\t\t\t\t\t{% endfor %}
  11254. \t\t\t\t\t\t{% endif %}
  11255. \t\t\t\t\t\t{% for i in 0..10 %}
  11256. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  11257. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  11258. \t\t\t\t\t\t\t{% set hide_opt = false %}
  11259. \t\t\t\t\t\t\t{% if is_gs and (op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/残土/') %}
  11260. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  11261. \t\t\t\t\t\t\t{% endif %}
  11262. \t\t\t\t\t\t\t{% if is_cg and op[i]['name'] matches '/残土/' %}
  11263. \t\t\t\t\t\t\t\t{% set hide_opt = true %}
  11264. \t\t\t\t\t\t\t{% endif %}
  11265. \t\t\t\t\t\t\t{% if not hide_opt %}
  11266. \t\t\t\t\t\t\t{# price=0 で「解体」「撤去」「設置場所」(wd 等で API 差額未提供) を含むオプションは
  11267. \t\t\t\t\t\t\t   選択時に「現場調査後に正式お見積もり」文言を出す. #}
  11268. \t\t\t\t\t\t\t{% set is_removal_unknown = (op[i]['price']|default(0) == 0 or op[i]['price']|default('0') == '0')
  11269. \t\t\t\t\t\t\t                              and (op[i]['name'] matches '/解体/' or op[i]['name'] matches '/撤去/' or op[i]['name'] matches '/設置場所/') %}
  11270. \t\t\t\t\t\t\t{# tf (人工芝, sale_type=6): ex-shop に施工価格がないため「取り付け工事も希望する」選択時に現地調査文言を表示 #}
  11271. \t\t\t\t\t\t\t{% set is_tf_kouji = (ProductClass.SaleType.id == 6 and op[i]['name'] matches '/取り付け工事/') %}
  11272. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" data-op-idx=\"{{ i }}\" data-op-name=\"{{ op[i]['name']|e('html_attr') }}\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  11274. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">{{ op[i]['name'] }}{% if mitsumori_json and mitsumori_json.op[i] %}: <span>{{ mitsumori_json.op[i] }}</span>{% endif %}</div>
  11275. \t\t\t\t\t\t\t  {% if op[i]['comment'] %}<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">{{ op[i]['comment'] }}</div>{% endif %}
  11276. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  11277. \t\t\t\t\t\t\t    {# off が空 (= ex-shop に選択肢が 1 つしかない基礎施工等) のときは on 側を
  11278. \t\t\t\t\t\t\t       既定選択にして 2 個目の空ラジオを描画しない. #}
  11279. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.op[i] == op[i]['on']) or not op[i]['off'] %} is-selected{% endif %}\"
  11280. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  11281. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op{{ i }}\" id=\"op{{ i }}_1\" value=\"{{ op[i]['on'] }}\" {% if (mitsumori_json and mitsumori_json.op[i] == op[i]['on']) or not op[i]['off'] %}checked{% endif %}>
  11282. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  11283. \t\t\t\t\t\t\t    </label>
  11284. \t\t\t\t\t\t\t    {% if op[i]['off'] %}
  11285. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if mitsumori_json and mitsumori_json.op[i] == op[i]['off'] %} is-selected{% endif %}\"
  11286. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  11287. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op{{ i }}\" id=\"op{{ i }}_2\" value=\"{{ op[i]['off'] }}\" {% if mitsumori_json and mitsumori_json.op[i] == op[i]['off'] %}checked{% endif %}>
  11288. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  11289. \t\t\t\t\t\t\t    </label>
  11290. \t\t\t\t\t\t\t    {% endif %}
  11291. \t\t\t\t\t\t\t  </div>
  11292. \t\t\t\t\t\t\t  {% if is_removal_unknown or is_tf_kouji %}
  11293. \t\t\t\t\t\t\t  <div class=\"opt-survey-note\" data-op-idx=\"{{ i }}\" style=\"font-size:12px;color:#c00;margin-top:6px;{% if not (mitsumori_json and mitsumori_json.op[i] == op[i]['on']) %}display:none;{% endif %}\">
  11294. \t\t\t\t\t\t\t    ※ 現場調査後に正式お見積もりさせていただきます。
  11295. \t\t\t\t\t\t\t  </div>
  11296. \t\t\t\t\t\t\t  {% endif %}
  11297. \t\t\t\t\t\t\t</div>
  11298. \t\t\t\t\t\t\t{% endif %}
  11299. \t\t\t\t\t\t\t{% endif %}
  11300. \t\t\t\t\t\t\t{% endif %}
  11301. \t\t\t\t\t\t{% endfor %}
  11303. \t\t\t\t\t\t{# fe (sale_type=4) ブロックの種類×段数 サブ UI コンテナ.
  11304. \t\t\t\t\t\t   親オプション「ご希望のフェンス設置方法」 = 「新規にブロック積みを行う」
  11305. \t\t\t\t\t\t   を選択したときだけ JS (renderFeBlockRadios) で表示される. #}
  11306. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 and oi and oi.fe_block %}
  11307. \t\t\t\t\t\t<div id=\"fe-block-options\" class=\"form-group mt-3 pb-3\" style=\"display:none;border-bottom:1px solid rgba(0,0,0,.125)\"></div>
  11308. \t\t\t\t\t\t{% endif %}
  11310. \t\t\t\t\t  </div>
  11311. \t\t\t\t\t  <!-- /.card-body -->
  11312. \t\t\t\t\t</div>
  11315.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  11316.                         {% if Product.stock_find %}
  11317.                             <div class=\"ec-productRole__actions\">
  11318.                                 {% if form.classcategory_id1 is defined %}
  11319.                                     <div class=\"ec-select\">
  11320.                                         {{ form_row(form.classcategory_id1) }}
  11321.                                         {{ form_errors(form.classcategory_id1) }}
  11322.                                     </div>
  11323.                                     {% if form.classcategory_id2 is defined %}
  11324.                                         <div class=\"ec-select\">
  11325.                                             {{ form_row(form.classcategory_id2) }}
  11326.                                             {{ form_errors(form.classcategory_id2) }}
  11327.                                         </div>
  11328.                                     {% endif %}
  11329.                                 {% endif %}
  11330.                                 <div class=\"ec-numberInput\">
  11331.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  11332.                                     {{ form_errors(form.quantity) }}
  11333.                                 </div>
  11334.                             </div>
  11336.                         {% else %}
  11337.                             <div class=\"ec-productRole__btn\">
  11338.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  11339.                                     {{ 'ただいま品切れ中です。'|trans }}
  11340.                                 </button>
  11341.                             </div>
  11342.                         {% endif %}
  11343.                         <div class=\"ec-productRole__btn mt-3\">
  11344.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">カートに入れる</button>
  11345.                         </div>
  11346.                         {{ form_rest(form) }}
  11347.                     </form>
  11348.                     <div class=\"ec-modal add-cart-modal\">
  11349.                         <div class=\"ec-modal-overlay\">
  11350.                             <div class=\"ec-modal-wrap add-cart-modal__wrap\">
  11351.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  11352.                                 <div id=\"ec-modal-header\" class=\"text-center add-cart-modal__header\">{{ 'カートに追加しました。'|trans }}</div>
  11353.                                 <div class=\"ec-modal-box add-cart-modal__box\">
  11354.                                     <div class=\"ec-role add-cart-modal__actions\">
  11355.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action add-cart-modal__primary\">{{ 'カートに進む'|trans }}</a>
  11356.                                         <span class=\"ec-inlineBtn--cancel add-cart-modal__secondary\">{{ '商品検索を続ける'|trans }}</span>
  11357.                                     </div>
  11358.                                 </div>
  11359.                             </div>
  11360.                         </div>
  11361.                     </div>
  11362.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  11363.                     </div>
  11365.                     {# SNSシェア #}
  11366.                     <div class=\"ec-productRole__share\">
  11367.                         <ul class=\"ec-share\">
  11368.                             <li class=\"ec-share__item\">
  11369.                                 <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  11370.                                     <i class=\"fab fa-twitter\"></i>
  11371.                                 </a>
  11372.                             </li>
  11373.                             <li class=\"ec-share__item\">
  11374.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri|url_encode }}\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  11375.                                     <i class=\"fab fa-facebook-f\"></i>
  11376.                                 </a>
  11377.                             </li>
  11378.                             <li class=\"ec-share__item\">
  11379.                                 <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  11380.                                     <i class=\"fab fa-line\"></i>
  11381.                                 </a>
  11382.                             </li>
  11383.                         </ul>
  11384.                     </div>
  11385.                 </div>
  11386. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  11387. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  11388. \t\t\t\t    <div class=\"sp-bar__pricewrap\">
  11389. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  11390. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  11391. \t\t\t\t    </div>
  11392. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  11393. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  11394. \t\t\t\t        <i class=\"fas fa-shopping-cart\"></i>
  11395. \t\t\t\t        <span class=\"sp-bar__btn-label\">カートへ</span>
  11396. \t\t\t\t        {% set spTotalQty = get_carts_total_quantity() %}
  11397. \t\t\t\t        {% if spTotalQty > 0 %}
  11398. \t\t\t\t            <span class=\"sp-bar__cart-badge\">{{ spTotalQty|number_format }}</span>
  11399. \t\t\t\t        {% endif %}
  11400. \t\t\t\t    </button>
  11401. \t\t\t\t    <a href=\"{{ url('homepage') }}\" class=\"sp-bar__home-btn\" title=\"トップページへ\">
  11402. \t\t\t\t        <i class=\"fas fa-home\"></i>
  11403. \t\t\t\t    </a>
  11404. \t\t\t\t</div>
  11406. \t\t\t\t{# tg カテゴリ用: block 別オプション差額ラジオ (W/D 確定後に JS が動的描画) #}
  11407. \t\t\t\t<div id=\"tg-options\" class=\"tg-options-container col-12\"></div>
  11409. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  11410. \t\t\t\t\t<div class=\"card-header\">
  11411. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  11412. \t\t\t\t\t  <div class=\"card-tools\">
  11413. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  11414. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  11415. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  11416. \t\t\t\t\t    </button>
  11417. \t\t\t\t\t  </div>
  11418. \t\t\t\t\t</div>
  11419. \t\t\t\t\t<div class=\"card-body p-0\">
  11420. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  11421. \t\t\t\t\t    <li class=\"nav-item active\">
  11422. \t\t\t\t\t      <a class=\"nav-link\">
  11423. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  11424. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  11425. \t\t\t\t\t      </a>
  11426. \t\t\t\t\t    </li>
  11427. \t\t\t\t\t    <li class=\"nav-item active\">
  11428. \t\t\t\t\t      <a class=\"nav-link\">
  11429. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  11430. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  11431. \t\t\t\t\t      </a>
  11432. \t\t\t\t\t    </li>
  11433. \t\t\t\t\t    {# sale_type=2 (補助金窓) ではカタログ価格軸を使わないので非表示. JS 側で #maker_price には \"---円\" を入れる. #}
  11434. \t\t\t\t\t    {% if ProductClass.SaleType.id != 2 %}
  11435. \t\t\t\t\t    <li class=\"nav-item\">
  11436. \t\t\t\t\t      <a class=\"nav-link\">
  11437. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  11438. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  11439. \t\t\t\t\t      </a>
  11440. \t\t\t\t\t    </li>
  11441. \t\t\t\t\t    {% else %}
  11442. \t\t\t\t\t    {# sale_type=2 でも JS が #maker_price を参照するので hidden で残す #}
  11443. \t\t\t\t\t    <span id=\"maker_price\" style=\"display:none;\">---円</span>
  11444. \t\t\t\t\t    {% endif %}
  11445. \t\t\t\t\t    <li class=\"nav-item\">
  11446. \t\t\t\t\t      <a class=\"nav-link\">
  11447. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i>
  11448. \t\t\t\t\t        {% if ProductClass.SaleType.id == 2 %}補助金（割引額）{% else %}お値引き{% endif %}
  11449. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  11450. \t\t\t\t\t      </a>
  11451. \t\t\t\t\t    </li>
  11452. \t\t\t\t\t    {# 補助金窓のみ: 当店が申請代行する旨を補助金行の直下に小さく表示 (消費者の手続き勘違い防止) #}
  11453. \t\t\t\t\t    {% if ProductClass.SaleType.id == 2 %}
  11454. \t\t\t\t\t    <li class=\"nav-item\">
  11455. \t\t\t\t\t      <div style=\"padding:4px 12px 8px;color:#6c757d;font-size:11px;line-height:1.4;\">
  11456. \t\t\t\t\t        ※当店が補助金事業者として申請代行し、契約代金に充当します
  11457. \t\t\t\t\t      </div>
  11458. \t\t\t\t\t    </li>
  11459. \t\t\t\t\t    {% endif %}
  11460. \t\t\t\t\t    <li class=\"nav-item\">
  11461. \t\t\t\t\t      <a class=\"nav-link\">
  11462. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  11463. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  11464. \t\t\t\t\t      </a>
  11465. \t\t\t\t\t    </li>
  11466. \t\t\t\t\t    <li class=\"nav-item\">
  11467. \t\t\t\t\t      <a class=\"nav-link\">
  11468. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  11469. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  11470. \t\t\t\t\t      </a>
  11471. \t\t\t\t\t    </li>
  11472. \t\t\t\t\t  </ul>
  11473. \t\t\t\t\t</div>
  11474. \t\t\t\t\t<div class=\"card-footer\">
  11475. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  11476. \t\t                  見積書表示
  11477. \t\t                </button>
  11478.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">カートに入れる</button>
  11480. \t\t\t\t\t</div>
  11481. \t\t\t\t</div>
  11482.             </div>
  11484.         </div>
  11486.     </div>
  11488.   <div class=\"modal\" id=\"modal-mitsumori\">
  11489.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  11490.       <div class=\"modal-content\">
  11491.         <div class=\"modal-header\">
  11492.           <h4 class=\"modal-title\">お見積書</h4>
  11493.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  11494.             <span aria-hidden=\"true\">&times;</span>
  11495.           </button>
  11496.         </div>
  11497.         <div class=\"modal-body\">
  11498. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  11499. \t\t\t  <!-- title row -->
  11500. \t\t\t  <div class=\"row\">
  11501. \t\t\t    <div class=\"col-12\">
  11502. \t\t\t      <h2>概算お見積書 
  11503. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  11504. \t\t\t      </h2>
  11505. \t\t\t    </div>
  11506. \t\t\t    <!-- /.col -->
  11507. \t\t\t  </div>
  11508. \t\t\t  <!-- info row -->
  11509. \t\t\t  <div class=\"row invoice-info\">
  11510. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  11511. \t\t\t      <h3>お客様</h3>
  11512. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  11513. \t\t\t      <br />
  11514. \t\t\t      <br / >
  11515. \t\t\t      <br />
  11516. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  11517. \t\t\t      <span>
  11518. \t\t\t        <br/>
  11519. \t\t\t        <br/>
  11520. \t\t\t        <br/>
  11521. \t\t\t        <br/>
  11522. \t\t\t      </span>
  11523. \t\t\t    </div>
  11524. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  11525. \t\t\t      <p>
  11526. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  11527. \t\t\t      </p>
  11528. \t\t\t      <p>有限会社プラス</p>
  11529. \t\t\t      <p>〒400-0334</p>
  11530. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  11531. \t\t\t      <p>TEL: 055-284-6480</p>
  11532. \t\t\t      <img alt=\"\" src=\"/html/user_data/js/images/seal.svg\" style=\"z-index: 2; position: absolute; width: 21mm; left: 58mm; top: 36mm;\">
  11533. \t\t\t    </div>
  11534. \t\t\t    <!-- /.col -->
  11535. \t\t\t    <!-- /.col -->
  11536. \t\t\t  </div>
  11537. \t\t\t  <!-- /.row -->
  11538. \t\t\t  <!-- Table row -->
  11539. \t\t\t  <div class=\"row\">
  11540. \t\t\t    <div class=\"col-12 table-responsive\">
  11541. \t\t\t      <table class=\"table table-striped\">
  11542. \t\t\t        <thead>
  11543. \t\t\t          <tr>
  11544. \t\t\t            <th>項目</th>
  11545. \t\t\t            <th>数量</th>
  11546. \t\t\t            <th>単位</th>
  11547. \t\t\t            <th>単価</th>
  11548. \t\t\t            <th>小計</th>
  11549. \t\t\t          </tr>
  11550. \t\t\t        </thead>
  11551. \t\t\t        <tbody>
  11552. \t\t\t          <tr>
  11553. \t\t\t            <td id=\"mitsumori_item_name\">{{ Product.name }}</td>
  11554. \t\t\t            <td>1</td>
  11555. \t\t\t            <td>式</td>
  11556. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  11557. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  11558. \t\t\t          </tr>
  11559. \t\t\t          <tr>
  11560. \t\t\t            <td>基本工事費</td>
  11561. \t\t\t            <td>1</td>
  11562. \t\t\t            <td>式</td>
  11563. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  11564. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  11565. \t\t\t          </tr>
  11566. \t\t\t          <tr>
  11567. \t\t\t            <td>残土・ガラ処理</td>
  11568. \t\t\t            <td>1</td>
  11569. \t\t\t            <td>式</td>
  11570. \t\t\t            <td>0円</td>
  11571. \t\t\t            <td></td>
  11572. \t\t\t          </tr>
  11573. \t\t\t          <tr>
  11574. \t\t\t            <td>　</td>
  11575. \t\t\t            <td></td>
  11576. \t\t\t            <td></td>
  11577. \t\t\t            <td></td>
  11578. \t\t\t            <td></td>
  11579. \t\t\t          </tr>
  11580. \t\t\t        </tbody>
  11581. \t\t\t      </table>
  11582. \t\t\t    </div>
  11583. \t\t\t    <!-- /.col -->
  11584. \t\t\t  </div>
  11585. \t\t\t  <!-- /.row -->
  11586. \t\t\t  <div class=\"row\">
  11587. \t\t\t    <!-- accepted payments column -->
  11588. \t\t\t    <div class=\"col-6\">
  11589. \t\t\t      <p class=\"lead\">お支払い方法</p>
  11590. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  11591. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  11592. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  11593. \t\t\t      </p>
  11594. \t\t\t    </div>
  11595. \t\t\t    <!-- /.col -->
  11596. \t\t\t    <div class=\"col-6\">
  11597. \t\t\t      <div class=\"table-responsive\">
  11598. \t\t\t        <table class=\"table\">
  11599. \t\t\t          <tbody>
  11600. \t\t\t            <tr>
  11601. \t\t\t              <th style=\"width:50%\">小計:</th>
  11602. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  11603. \t\t\t            </tr>
  11604. \t\t\t            <tr>
  11605. \t\t\t              <th>消費税 (10%)</th>
  11606. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  11607. \t\t\t            </tr>
  11608. \t\t\t            <tr>
  11609. \t\t\t              <th>合計:</th>
  11610. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  11611. \t\t\t            </tr>
  11612. \t\t\t          </tbody>
  11613. \t\t\t        </table>
  11614. \t\t\t      </div>
  11615. \t\t\t    </div>
  11616. \t\t\t    <!-- /.col -->
  11617. \t\t\t  </div>
  11618. \t\t\t  <!-- /.row -->
  11619. \t\t\t</div>
  11620.         </div>
  11621.         <div class=\"modal-footer justify-content-between\">
  11622. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  11623. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  11624. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  11625. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  11626. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  11627. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  11628. \t\t\t        </button>
  11629. \t\t\t      </form>
  11630.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">カートに入れる</button>
  11631.         </div>
  11632.       </div>
  11633.       <!-- /.modal-content -->
  11634.     </div>
  11635.     <!-- /.modal-dialog -->
  11636.   </div>
  11637.   <!-- /.modal -->
  11639.     <!-- Image zoom modal: custom lightweight lightbox (no CDN dependency) -->
  11640.     <div id=\"img-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"画像拡大\">
  11641.         <button id=\"img-modal__close\" aria-label=\"閉じる\">&times;</button>
  11642.         <button id=\"img-modal__prev\" aria-label=\"前の画像\">&#10094;</button>
  11643.         <img id=\"img-modal__img\" src=\"\" alt=\"\">
  11644.         <button id=\"img-modal__next\" aria-label=\"次の画像\">&#10095;</button>
  11645.     </div>
  11646.     <style>
  11647.     #img-modal {
  11648.         display: none;
  11649.         position: fixed;
  11650.         inset: 0;
  11651.         z-index: 9999;
  11652.         background: rgba(0,0,0,0.88);
  11653.         align-items: center;
  11654.         justify-content: center;
  11655.         cursor: zoom-out;
  11656.     }
  11657.     #img-modal.is-open { display: flex; }
  11658.     #img-modal__img {
  11659.         max-width: 92vw;
  11660.         max-height: 88vh;
  11661.         object-fit: contain;
  11662.         border-radius: 4px;
  11663.         cursor: default;
  11664.         user-select: none;
  11665.         touch-action: pinch-zoom;
  11666.         display: block;
  11667.     }
  11668.     #img-modal__close {
  11669.         position: absolute;
  11670.         top: 14px;
  11671.         right: 18px;
  11672.         font-size: 38px;
  11673.         color: #fff;
  11674.         cursor: pointer;
  11675.         background: none;
  11676.         border: none;
  11677.         padding: 0;
  11678.         line-height: 1;
  11679.         z-index: 1;
  11680.         opacity: 0.85;
  11681.     }
  11682.     #img-modal__close:hover { opacity: 1; }
  11683.     #img-modal__prev,
  11684.     #img-modal__next {
  11685.         position: absolute;
  11686.         top: 50%;
  11687.         transform: translateY(-50%);
  11688.         font-size: 36px;
  11689.         color: #fff;
  11690.         cursor: pointer;
  11691.         background: rgba(0,0,0,0.32);
  11692.         border: none;
  11693.         padding: 10px 16px;
  11694.         line-height: 1;
  11695.         border-radius: 6px;
  11696.         z-index: 1;
  11697.         opacity: 0.8;
  11698.         user-select: none;
  11699.     }
  11700.     #img-modal__prev:hover, #img-modal__next:hover { opacity: 1; }
  11701.     #img-modal__prev { left: 12px; }
  11702.     #img-modal__next { right: 12px; }
  11703.     @media (max-width: 767px) {
  11704.         #img-modal__prev, #img-modal__next { font-size: 28px; padding: 8px 12px; }
  11705.     }
  11706.     </style>
  11707.     <script>
  11708.     (function(){
  11709.         var images = [];
  11710.         var current = 0;
  11712.         // Collect original (non-cloned) slide images at click time.
  11713.         // After Slick init, slides are wrapped in .slick-slide; clones have .slick-cloned.
  11714.         function collectImages() {
  11715.             images = [];
  11716.             var \$slides = \$('.item_visual .slick-slide:not(.slick-cloned)');
  11717.             if (!\$slides.length) {
  11718.                 // Slick not yet initialized (fallback)
  11719.                 \$slides = \$('.item_visual .slide-item');
  11720.             }
  11721.             \$slides.each(function() {
  11722.                 var \$a = \$(this).find('a.js-zoom');
  11723.                 if (\$a.length) {
  11724.                     images.push({ src: \$a.attr('href'), alt: \$a.find('img').attr('alt') || '' });
  11725.                 }
  11726.             });
  11727.         }
  11729.         function showImage(idx) {
  11730.             current = ((idx % images.length) + images.length) % images.length;
  11731.             \$('#img-modal__img').attr({ src: images[current].src, alt: images[current].alt });
  11732.         }
  11734.         function openModal(href) {
  11735.             collectImages();
  11736.             if (!images.length) return;
  11737.             var idx = 0;
  11738.             for (var i = 0; i < images.length; i++) {
  11739.                 if (images[i].src === href) { idx = i; break; }
  11740.             }
  11741.             showImage(idx);
  11742.             \$('#img-modal').addClass('is-open');
  11743.             \$('body').css('overflow', 'hidden');
  11744.         }
  11746.         function closeModal() {
  11747.             \$('#img-modal').removeClass('is-open');
  11748.             \$('body').css('overflow', '');
  11749.         }
  11751.         // Click handler: works for both original and Slick-cloned anchors
  11752.         \$(document).on('click', '.item_visual a.js-zoom', function(e) {
  11753.             e.preventDefault();
  11754.             openModal(\$(this).attr('href'));
  11755.         });
  11757.         // Close on backdrop click
  11758.         \$('#img-modal').on('click', function(e) {
  11759.             if (e.target === this) closeModal();
  11760.         });
  11761.         \$('#img-modal__close').on('click', closeModal);
  11762.         \$('#img-modal__prev').on('click', function(e) { e.stopPropagation(); showImage(current - 1); });
  11763.         \$('#img-modal__next').on('click', function(e) { e.stopPropagation(); showImage(current + 1); });
  11765.         // Keyboard navigation
  11766.         \$(document).on('keydown', function(e) {
  11767.             if (!\$('#img-modal').hasClass('is-open')) return;
  11768.             if (e.key === 'Escape') closeModal();
  11769.             if (e.key === 'ArrowLeft') showImage(current - 1);
  11770.             if (e.key === 'ArrowRight') showImage(current + 1);
  11771.         });
  11773.         // Touch swipe (horizontal only)
  11774.         var _tx = 0;
  11775.         var \$modal = document.getElementById('img-modal');
  11776.         \$modal.addEventListener('touchstart', function(e) {
  11777.             _tx = e.changedTouches[0].clientX;
  11778.         }, { passive: true });
  11779.         \$modal.addEventListener('touchend', function(e) {
  11780.             var dx = e.changedTouches[0].clientX - _tx;
  11781.             if (Math.abs(dx) > 48) {
  11782.                 dx < 0 ? showImage(current + 1) : showImage(current - 1);
  11783.             }
  11784.         }, { passive: true });
  11785.     })();
  11786.     </script>
  11788. {% endblock %}
  11789. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  11790.     }
  11791. }