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

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.         /* ============================================
  155.            商品詳細グリッド: 画像50% / 内容50%（均等）
  156.         ============================================ */
  157.         @media (min-width: 768px) {
  158.             body.product_page .ec-grid2 {
  159.                 display: flex;
  160.                 align-items: flex-start;
  161.             }
  162.             body.product_page .ec-grid2 .ec-grid2__cell {
  163.                 width: 50%;
  164.                 flex: 0 0 50%;
  165.                 min-width: 0;
  166.             }
  167.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  168.                 width: 50%;
  169.                 flex: 0 0 50%;
  170.                 min-width: 0;
  171.             }
  172.         }
  174.         /* ============================================
  175.            商品説明欄内のHTMLが画面幅を突き抜けないように
  176.         ============================================ */
  177.         body.product_page .ec-productRole__description {
  178.             min-width: 0;
  179.             overflow-wrap: break-word;
  180.             word-break: break-word;
  181.         }
  182.         body.product_page .ec-productRole__description img,
  183.         body.product_page .ec-productRole__description table,
  184.         body.product_page .ec-productRole__description iframe,
  185.         body.product_page .ec-productRole__description video {
  186.             max-width: 100% !important;
  187.             height: auto;
  188.         }
  189.         body.product_page .ec-productRole__description table {
  190.             display: block;
  191.             overflow-x: auto;
  192.             -webkit-overflow-scrolling: touch;
  193.         }
  195.         /* ============================================
  196.            スマホ用 見積金額 下部固定バー
  197.         ============================================ */
  198.         #sp-mitsumori-bar {
  199.             display: none;
  200.         }
  201.         
  202.         /* ============================================
  203.            商品タイプ選択 共通スタイル
  204.         ============================================ */
  206.         /* セクションラベル */
  207.         .rp-section-label {
  208.             font-size: 14px;
  209.             font-weight: bold;
  210.             color: #333;
  211.             margin-bottom: 10px;
  212.         }
  213.         .rp-section-label span {
  214.             font-weight: normal;
  215.             color: #c00;
  216.         }
  218.         /* ---- 1. 画像付きカード ---- */
  219.         .rp-card-group {
  220.             display: flex;
  221.             flex-wrap: wrap;
  222.             gap: 8px;
  223.             margin-bottom: 4px;
  224.         }
  225.         .rp-card {
  226.             position: relative;
  227.             cursor: pointer;
  228.             width: 110px;
  229.             border: 2px solid #ddd;
  230.             border-radius: 10px;
  231.             overflow: hidden;
  232.             transition: border-color 0.2s, box-shadow 0.2s;
  233.             background: #fff;
  234.         }
  235.         .rp-card:hover {
  236.             border-color: #999;
  237.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  238.         }
  239.         .rp-card.is-selected {
  240.             border-color: #1a6fcf;
  241.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  242.         }
  243.         .rp-card input[type=\"radio\"] { display: none; }
  244.         .rp-card__image {
  245.             width: 100%;
  246.             aspect-ratio: 1 / 1;
  247.             object-fit: cover;
  248.             display: block;
  249.             background: #f5f5f5;
  250.         }
  251.         .rp-card__placeholder {
  252.             width: 100%;
  253.             aspect-ratio: 1 / 1;
  254.             background: #f0f0f0;
  255.             display: flex;
  256.             align-items: center;
  257.             justify-content: center;
  258.             color: #bbb;
  259.             font-size: 24px;
  260.         }
  261.         .rp-card__name {
  262.             display: block;
  263.             padding: 5px 5px;
  264.             font-size: 11px;
  265.             color: #333;
  266.             text-align: center;
  267.             line-height: 1.4;
  268.             word-break: break-all;
  269.         }
  270.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  271.         .rp-card.is-selected::after {
  272.             content: \"✓\";
  273.             position: absolute;
  274.             top: 3px; right: 6px;
  275.             color: #1a6fcf;
  276.             font-size: 13px;
  277.             font-weight: bold;
  278.         }
  280.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  281.         .rp-btn-group {
  282.             display: flex;
  283.             flex-wrap: wrap;
  284.             gap: 8px;
  285.             margin-bottom: 4px;
  286.             max-width: 100%;
  287.             min-width: 0;
  288.         }
  289.         .rp-btn {
  290.             cursor: pointer;
  291.             padding: 8px 14px;
  292.             border: 2px solid #ddd;
  293.             border-radius: 10px;
  294.             font-size: 13px;
  295.             color: #333;
  296.             background: #fff;
  297.             transition: border-color 0.2s, background 0.2s;
  298.             white-space: nowrap;
  299.             max-width: 100%;
  300.             overflow: hidden;
  301.             text-overflow: ellipsis;
  302.         }
  303.         .rp-btn:hover { border-color: #999; }
  304.         .rp-btn.is-selected {
  305.             border-color: #1a6fcf;
  306.             color: #1a6fcf;
  307.             font-weight: bold;
  308.             background: #f0f6ff;
  309.         }
  310.         .rp-btn input[type=\"radio\"] { display: none; }
  312.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  313.         .rp-btn-group.is-scroll,
  314.         .opt-btn-group.is-scroll {
  315.             flex-wrap: nowrap;
  316.             overflow-x: auto;
  317.             overflow-y: hidden;
  318.             -webkit-overflow-scrolling: touch;
  319.             scrollbar-width: thin;
  320.             padding-bottom: 6px;
  321.         }
  322.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  323.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  324.             height: 6px;
  325.         }
  326.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  327.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  328.             background: #c0c0c0;
  329.             border-radius: 3px;
  330.         }
  331.         .rp-btn-group.is-scroll > .rp-btn,
  332.         .opt-btn-group.is-scroll > .opt-btn {
  333.             flex: 0 0 auto;
  334.         }
  336.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  337.         .rp-select-wrap {
  338.             margin-bottom: 4px;
  339.         }
  340.         .rp-select {
  341.             width: 100%;
  342.             max-width: 420px;
  343.             padding: 8px 12px;
  344.             border: 2px solid #ddd;
  345.             border-radius: 10px;
  346.             font-size: 13px;
  347.             color: #333;
  348.             background: #fff;
  349.             appearance: none;
  350.             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\");
  351.             background-repeat: no-repeat;
  352.             background-position: right 12px center;
  353.             cursor: pointer;
  354.         }
  355.         .rp-select:focus {
  356.             outline: none;
  357.             border-color: #1a6fcf;
  358.         }
  360.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  361.         .opt-btn-group {
  362.             display: flex;
  363.             flex-wrap: wrap;
  364.             gap: 8px;
  365.             padding: 6px 0;
  366.             max-width: 100%;
  367.             min-width: 0;
  368.         }
  369.         .opt-btn {
  370.             cursor: pointer;
  371.             padding: 7px 14px;
  372.             border: 2px solid #ddd;
  373.             border-radius: 10px;
  374.             font-size: 13px;
  375.             color: #333;
  376.             background: #fff;
  377.             transition: border-color 0.2s, background 0.2s;
  378.             white-space: nowrap;
  379.             max-width: 100%;
  380.             overflow: hidden;
  381.             text-overflow: ellipsis;
  382.         }
  383.         .opt-btn:hover { border-color: #999; }
  384.         .opt-btn.is-selected {
  385.             border-color: #1a6fcf;
  386.             color: #1a6fcf;
  387.             font-weight: bold;
  388.             background: #f0f6ff;
  389.         }
  390.         .opt-btn input[type=\"radio\"] { display: none; }
  392.         /* ============================================
  393.            施工エリア案内
  394.         ============================================ */
  395.         .ec-areaNotice {
  396.             margin: 16px 0;
  397.             padding: 16px 20px;
  398.             background: #f8f9fa;
  399.             border-left: 4px solid #1a6fcf;
  400.             border-radius: 0 8px 8px 0;
  401.         }
  402.         .ec-areaNotice__inner {
  403.             display: flex;
  404.             align-items: flex-start;
  405.             gap: 12px;
  406.         }
  407.         .ec-areaNotice__icon {
  408.             font-size: 22px;
  409.             line-height: 1;
  410.             flex-shrink: 0;
  411.             margin-top: 2px;
  412.         }
  413.         .ec-areaNotice__body {
  414.             flex: 1;
  415.         }
  416.         .ec-areaNotice__title {
  417.             font-size: 13px;
  418.             font-weight: bold;
  419.             color: #1a6fcf;
  420.             margin: 0 0 6px;
  421.         }
  422.         .ec-areaNotice__text {
  423.             font-size: 13px;
  424.             color: #444;
  425.             line-height: 1.7;
  426.             margin: 0;
  427.         }
  428.         .ec-areaNotice__text strong {
  429.             color: #222;
  430.         }
  431.         .ec-areaNotice__link {
  432.             display: inline-block;
  433.             margin-top: 8px;
  434.             font-size: 12px;
  435.             color: #1a6fcf;
  436.             text-decoration: underline;
  437.         }
  438.         .ec-areaNotice__link:hover {
  439.             color: #0d4fa0;
  440.         }
  442.         /* ============================================
  443.            SNSシェア + ブランド名 タイトル行
  444.         ============================================ */
  445.         .ec-productRole__titleRow {
  446.             display: flex;
  447.             align-items: center;
  448.             justify-content: space-between;
  449.             gap: 8px;
  450.             margin-bottom: 4px;
  451.         }
  452.         .ec-productRole__titleRow .ec-headingTitle {
  453.             margin: 0;
  454.             flex: 1;
  455.             font-size: 18px;
  456.         }
  457.         .ec-share-inline {
  458.             display: flex;
  459.             align-items: center;
  460.             gap: 8px;
  461.             flex-shrink: 0;
  462.         }
  463.         @media (max-width: 767px) {
  464.             /* maker_area の float を解除して独立表示 */
  465.             #maker_area {
  466.                 float: none !important;
  467.                 width: auto !important;
  468.                 height: auto !important;
  469.                 display: block;
  470.                 margin-bottom: 4px;
  471.             }
  472.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  473.             .ec-productRole__titleRow {
  474.                 flex-wrap: wrap;
  475.                 clear: both;
  476.             }
  477.             .ec-productRole__titleRow .ec-headingTitle {
  478.                 flex: 1 1 100%;
  479.                 font-size: 16px;
  480.             }
  481.             .ec-share-inline {
  482.                 flex: 0 0 auto;
  483.                 margin-left: auto;
  484.             }
  485.         }
  486.         .ec-share-inline a {
  487.             display: flex;
  488.             align-items: center;
  489.             justify-content: center;
  490.             width: 32px;
  491.             height: 32px;
  492.             border-radius: 50%;
  493.             font-size: 15px;
  494.             color: #fff;
  495.             text-decoration: none;
  496.             transition: opacity 0.2s;
  497.         }
  498.         .ec-share-inline a:hover { opacity: 0.8; }
  499.         .ec-share-inline .share-twitter  { background: #000; }
  500.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  501.         .ec-share-inline .share-line     { background: #06c755; }
  503.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  504.         .ec-productRole__share { display: none; }
  506.         /* ============================================
  507.            PC用: 現在のお見積り額カード強調
  508.         ============================================ */
  509.         @media (min-width: 768px) {
  510.             .mitsumori-card-pc {
  511.                 border: 2px solid #1a6fcf !important;
  512.                 border-radius: 10px !important;
  513.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  514.                 margin-top: 20px;
  515.                 overflow: hidden;
  516.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  517.             }
  518.             .mitsumori-card-pc .card-header {
  519.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  520.                 color: #fff !important;
  521.                 padding: 14px 16px !important;
  522.                 border-bottom: none !important;
  523.             }
  524.             .mitsumori-card-pc .card-title {
  525.                 color: #fff !important;
  526.                 font-size: 15px !important;
  527.                 font-weight: bold !important;
  528.                 margin: 0 !important;
  529.             }
  530.             .mitsumori-card-pc #mitsumori_message {
  531.                 font-size: 22px !important;
  532.                 font-weight: bold !important;
  533.                 color: #fff !important;
  534.             }
  535.             .mitsumori-card-pc .btn-tool {
  536.                 color: #fff !important;
  537.             }
  538.             /* 合計行を大きく強調 */
  539.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  540.                 font-size: 16px !important;
  541.                 font-weight: bold !important;
  542.                 color: #c00 !important;
  543.                 background: #fff8f8 !important;
  544.                 padding: 12px 16px !important;
  545.             }
  546.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  547.                 font-size: 20px !important;
  548.                 font-weight: bold !important;
  549.                 color: #c00 !important;
  550.             }
  551.             /* card-body（明細リスト）を白背景に */
  552.             .mitsumori-card-pc .card-body {
  553.                 background: #fff !important;
  554.             }
  555.             .mitsumori-card-pc .card-footer {
  556.                 background: #f8faff !important;
  557.                 border-top: 1px solid #dce8fb !important;
  558.                 padding: 12px 16px !important;
  559.             }
  560.         }
  562.         @media (max-width: 767px) {
  563.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  564.             .mitsumori-card-pc {
  565.                 border: none !important;
  566.                 border-radius: 0 !important;
  567.                 box-shadow: none !important;
  568.                 margin-top: 0 !important;
  569.                 overflow: visible !important;
  570.                 background: none !important;
  571.             }
  572.             .mitsumori-card-pc .card-header {
  573.                 background: none !important;
  574.                 color: inherit !important;
  575.                 padding: inherit !important;
  576.                 border-bottom: inherit !important;
  577.             }
  578.             .mitsumori-card-pc .card-title { color: inherit !important; }
  579.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  580.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  581.             /* 折りたたみトグルボタン */
  582.             .btn-mitsumori-toggle {
  583.                 background: none !important;
  584.                 border: 1px solid #aaa !important;
  585.                 border-radius: 4px !important;
  586.                 padding: 2px 8px !important;
  587.                 font-size: 12px !important;
  588.                 color: #333 !important;
  589.                 line-height: 1.4 !important;
  590.             }
  591.             .btn-mitsumori-toggle .toggle-icon {
  592.                 display: inline-block;
  593.                 transition: transform 0.2s;
  594.             }
  595.             /* 展開状態: ▼→▲ */
  596.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  597.                 content: \"▲ 閉じる\";
  598.             }
  599.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  600.                 display: none;
  601.             }
  602.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  603.                 content: \"▲ 閉じる\";
  604.                 font-size: 12px;
  605.             }
  606.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  607.                 font-size: inherit !important;
  608.                 color: inherit !important;
  609.                 background: none !important;
  610.                 padding: inherit !important;
  611.             }
  612.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  613.                 font-size: inherit !important;
  614.                 color: inherit !important;
  615.             }
  616.             .mitsumori-card-pc .card-footer {
  617.                 background: none !important;
  618.                 border-top: inherit !important;
  619.                 padding: inherit !important;
  620.             }
  621.             /* 横スクロール禁止 */
  622.             body, html {
  623.                 overflow-x: hidden;
  624.                 max-width: 100vw;
  625.             }
  626.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  627.             .opt-btn,
  628.             .rp-btn {
  629.                 white-space: normal;
  630.                 word-break: break-all;
  631.             }
  632.             /* エリア案内: スマホでコンパクト */
  633.             .ec-areaNotice {
  634.                 margin: 8px 0;
  635.                 padding: 8px 10px;
  636.                 border-left-width: 3px;
  637.                 cursor: pointer;
  638.             }
  639.             .ec-areaNotice__inner {
  640.                 flex-direction: row;
  641.                 gap: 8px;
  642.                 align-items: flex-start;
  643.             }
  644.             .ec-areaNotice__icon { font-size: 15px; }
  645.             /* タイトル行: 展開トグル */
  646.             .ec-areaNotice__title {
  647.                 font-size: 11px;
  648.                 margin-bottom: 3px;
  649.                 display: flex;
  650.                 justify-content: space-between;
  651.                 align-items: center;
  652.             }
  653.             .ec-areaNotice__title::after {
  654.                 content: \"▼\";
  655.                 font-size: 9px;
  656.                 color: #888;
  657.                 margin-left: 6px;
  658.                 transition: transform 0.2s;
  659.             }
  660.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  661.                 transform: rotate(180deg);
  662.             }
  663.             /* 折りたたみ対象: 閉じた状態では非表示 */
  664.             .ec-areaNotice__detail {
  665.                 display: none;
  666.             }
  667.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  668.                 display: block;
  669.             }
  670.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  671.             .ec-areaNotice__text br { display: none; }
  672.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  673.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  674.             
  675.             #sp-mitsumori-bar {
  676.                 display: flex;
  677.                 position: fixed;
  678.                 bottom: 0;
  679.                 left: 0;
  680.                 right: 0;
  681.                 z-index: 1000;
  682.                 background: #fff;
  683.                 border-top: 2px solid #e0e0e0;
  684.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  685.                 align-items: center;
  686.                 padding: 8px 12px;
  687.                 gap: 10px;
  688.             }
  689.             #sp-mitsumori-bar .sp-bar__label {
  690.                 font-size: 11px;
  691.                 color: #666;
  692.                 white-space: nowrap;
  693.             }
  694.             #sp-mitsumori-bar .sp-bar__price {
  695.                 font-size: 18px;
  696.                 font-weight: bold;
  697.                 color: #c00;
  698.                 flex: 1;
  699.             }
  700.             #sp-mitsumori-bar .sp-bar__btn {
  701.                 font-size: 12px;
  702.                 padding: 8px 12px;
  703.                 background: #333;
  704.                 color: #fff;
  705.                 border: none;
  706.                 border-radius: 6px;
  707.                 white-space: nowrap;
  708.                 cursor: pointer;
  709.             }
  710.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  711.             body {
  712.                 padding-bottom: 64px;
  713.             }
  714.         }
  715.     </style>
  716. ";
  717.         
  718.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  720.         
  721.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  723.     }
  725.     // line 661
  726.     public function block_javascript($context, array $blocks = [])
  727.     {
  728.         $macros = $this->macros;
  729.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  730.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  732.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  733.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));
  735.         // line 662
  736.         echo "
  737.     <script>
  738.         eccube.classCategories = ";
  739.         // line 664
  740.         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.', 664, $this->source); })()));
  741.         echo ";
  743.         // 規格2に選択肢を割り当てる。
  744.         function fnSetClassCategories(form, classcat_id2_selected) {
  745.             var \$form = \$(form);
  746.             var product_id = \$form.find('input[name=product_id]').val();
  747.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  748.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  749.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  750.         }
  752.         ";
  753.         // line 675
  754.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 675)) {
  755.             // line 676
  756.             echo "        fnSetClassCategories(
  757.             \$('#form1'), ";
  758.             // line 677
  759.             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.', 677, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 677), "vars", [], "any", false, false, false, 677), "value", [], "any", false, false, false, 677));
  760.             echo "
  761.         );
  762.         ";
  763.         } elseif (twig_get_attribute($this->env, $this->source,         // line 679
  764. ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 679)) {
  765.             // line 680
  766.             echo "        eccube.checkStock(\$('#form1'), ";
  767.             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.', 680, $this->source); })()), "id", [], "any", false, false, false, 680), "html", null, true);
  768.             echo ", ";
  769.             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.', 680, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 680), "vars", [], "any", false, false, false, 680), "value", [], "any", false, false, false, 680));
  770.             echo ", null);
  771.         ";
  772.         }
  773.         // line 682
  774.         echo "    </script>
  775.     <script>
  776.         \$(function() {
  777.             // bfcache無効化
  778.             \$(window).bind('pageshow', function(event) {
  779.                 if (event.originalEvent.persisted) {
  780.                     location.reload(true);
  781.                 }
  782.             });
  784.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  785.             // img タグに width, height が付与されている.
  786.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  787.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  788.             \$('.ec-grid2__cell').hide();
  789.             var removeSize = function () {
  790.                 \$('.slide-item').height('');
  791.                 \$('.slide-item img')
  792.                     .removeAttr('width')
  793.                     .removeAttr('height')
  794.                     .removeAttr('style');
  796.             };
  797.             var slickInitial = function(slick) {
  798.                 \$('.ec-grid2__cell').fadeIn(1500);
  799.                 var baseHeight = \$(slick.target).height();
  800.                 var baseWidth = \$(slick.target).width();
  801.                 var rate = baseWidth / baseHeight;
  802. \t\t\t\tif(baseHeight * rate < 400){
  803. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  804. \t\t\t\t}else{
  805. \t                \$('.slide-item').height(400); // 余白を削除する
  806. \t\t\t\t}
  807.                 // transform を使用することでCLSの影響を受けないようにする
  808.                 \$('.slide-item img')
  809.                     .css(
  810.                         {
  811.                             'transform-origin': 'top left',
  812.                             'transform': 'scaleY(' + rate + ')',
  813.                             'transition': 'transform .1s'
  814.                         }
  815.                     );
  816.                 // 正しいサイズに近くなったら属性を解除する
  817.                 setTimeout(removeSize, 500);
  818.             };
  819.             \$('.item_visual').on('init', slickInitial);
  820.             // リサイズ時は CLS の影響を受けないため属性を解除する
  821.             \$(window).resize(removeSize);
  822.             \$('.item_visual').slick({
  823.                 dots: false,
  824.                 arrows: true,
  825.                 responsive: [{
  826.                     breakpoint: 768,
  827.                     settings: {
  828.                         dots: true,
  829.                 \t\tarrows: false
  830.                     }
  831.                 }]
  832.             });
  834.             \$('.slideThumb').on('click', function() {
  835.                 var index = \$(this).attr('data-index');
  836.                 \$('.item_visual').slick('slickGoTo', index, false);
  837.             })
  838.         });
  840.     </script>
  841.     <script>
  842.         \$(function() {
  843.             \$('.add-cart').on('click', function(event) {
  844.                 ";
  845.         // line 752
  846.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 752)) {
  847.             // line 753
  848.             echo "                // 規格1フォームの必須チェック
  849.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  850.                     \$('#classcategory_id1')[0].setCustomValidity('";
  851.             // line 755
  852.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  853.             echo "');
  854.                     return true;
  855.                 } else {
  856.                     \$('#classcategory_id1')[0].setCustomValidity('');
  857.                 }
  858.                 ";
  859.         }
  860.         // line 761
  861.         echo "
  862.                 ";
  863.         // line 762
  864.         if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 762)) {
  865.             // line 763
  866.             echo "                // 規格2フォームの必須チェック
  867.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  868.                     \$('#classcategory_id2')[0].setCustomValidity('";
  869.             // line 765
  870.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("項目が選択されていません"), "html", null, true);
  871.             echo "');
  872.                     return true;
  873.                 } else {
  874.                     \$('#classcategory_id2')[0].setCustomValidity('');
  875.                 }
  876.                 ";
  877.         }
  878.         // line 771
  879.         echo "
  880.                 // タイプ2: カート送信直前に set_count を quantity に同期
  881.                 if(\$('#set_count').length){
  882.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  883.                     \$('#quantity').val(_sc);
  884.                     \$('input[name=\"quantity\"]').val(_sc);
  885.                 }
  887.                 // 個数フォームのチェック
  888.                 if (\$('#quantity').val() < 1) {
  889.                     \$('#quantity')[0].setCustomValidity('";
  890.         // line 781
  891.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("1以上で入力してください。"), "html", null, true);
  892.         echo "');
  893.                     return true;
  894.                 } else {
  895.                     \$('#quantity')[0].setCustomValidity('');
  896.                 }
  898.                 event.preventDefault();
  899.                 \$form = \$('#form1');
  900.                 \$.ajax({
  901.                     url: \$form.attr('action'),
  902.                     type: \$form.attr('method'),
  903.                     data: \$form.serialize(),
  904.                     dataType: 'json',
  905.                     beforeSend: function(xhr, settings) {
  906.                         // Buttonを無効にする
  907.                         \$('.add-cart').prop('disabled', true);
  908.                     }
  909.                 }).done(function(data) {
  910.                     // レスポンス内のメッセージをalertで表示
  911.                     \$.each(data.messages, function() {
  912.                         \$('#ec-modal-header').text(this);
  913.                     });
  915.                     \$('.ec-modal').show()
  917.                     // カートブロックを更新する
  918.                     \$.ajax({
  919.                         url: \"";
  920.         // line 808
  921.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("block_cart");
  922.         echo "\",
  923.                         type: 'GET',
  924.                         dataType: 'html'
  925.                     }).done(function(html) {
  926.                         \$('.ec-headerRole__cart').html(html);
  927.                     });
  928.                 }).fail(function(data) {
  929.                     alert('";
  930.         // line 815
  931.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストへの追加に失敗しました。"), "html", null, true);
  932.         echo "');
  933.                 }).always(function(data) {
  934.                     // Buttonを有効にする
  935.                     \$('.add-cart').prop('disabled', false);
  936.                 });
  937.             });
  938.         });
  940.         \$('.ec-modal-wrap').on('click', function(e) {
  941.             // モーダル内の処理は外側にバブリングさせない
  942.             e.stopPropagation();
  943.         });
  944.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  945.             \$('.ec-modal').hide()
  946.         });
  949. \t\tvar pw = \"";
  950.         // line 832
  951.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 832, $this->source); })())) {
  952.             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.', 832, $this->source); })()), "pw", [], "any", false, false, false, 832), "html", null, true);
  953.         }
  954.         echo "\";
  955. \t\tvar pd = \"";
  956.         // line 833
  957.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 833, $this->source); })())) {
  958.             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.', 833, $this->source); })()), "pd", [], "any", false, false, false, 833), "html", null, true);
  959.         }
  960.         echo "\";
  961. \t\tvar ph = \"";
  962.         // line 834
  963.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 834, $this->source); })())) {
  964.             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.', 834, $this->source); })()), "ph", [], "any", false, false, false, 834), "html", null, true);
  965.         }
  966.         echo "\";
  967. \t\tvar pm = \"";
  968.         // line 835
  969.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 835, $this->source); })())) {
  970.             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.', 835, $this->source); })()), "pm", [], "any", false, false, false, 835), "html", null, true);
  971.         }
  972.         echo "\";
  973. \t\tvar pc = \"";
  974.         // line 836
  975.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 836, $this->source); })())) {
  976.             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.', 836, $this->source); })()), "pc", [], "any", false, false, false, 836), "html", null, true);
  977.         }
  978.         echo "\";
  979. \t\tvar op0 = \"";
  980.         // line 837
  981.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 837, $this->source); })())) {
  982.             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.', 837, $this->source); })()), "op", [], "any", false, false, false, 837), 0, [], "array", false, false, false, 837), "html", null, true);
  983.         }
  984.         echo "\";
  985. \t\tvar op1 = \"";
  986.         // line 838
  987.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 838, $this->source); })())) {
  988.             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.', 838, $this->source); })()), "op", [], "any", false, false, false, 838), 1, [], "array", false, false, false, 838), "html", null, true);
  989.         }
  990.         echo "\";
  991. \t\tvar op2 = \"";
  992.         // line 839
  993.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 839, $this->source); })())) {
  994.             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.', 839, $this->source); })()), "op", [], "any", false, false, false, 839), 2, [], "array", false, false, false, 839), "html", null, true);
  995.         }
  996.         echo "\";
  997. \t\tvar op3 = \"";
  998.         // line 840
  999.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 840, $this->source); })())) {
  1000.             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.', 840, $this->source); })()), "op", [], "any", false, false, false, 840), 3, [], "array", false, false, false, 840), "html", null, true);
  1001.         }
  1002.         echo "\";
  1003. \t\tvar op4 = \"";
  1004.         // line 841
  1005.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 841, $this->source); })())) {
  1006.             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.', 841, $this->source); })()), "op", [], "any", false, false, false, 841), 4, [], "array", false, false, false, 841), "html", null, true);
  1007.         }
  1008.         echo "\";
  1009. \t\tvar op5 = \"";
  1010.         // line 842
  1011.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 842, $this->source); })())) {
  1012.             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.', 842, $this->source); })()), "op", [], "any", false, false, false, 842), 5, [], "array", false, false, false, 842), "html", null, true);
  1013.         }
  1014.         echo "\";
  1015. \t\tvar op6 = \"";
  1016.         // line 843
  1017.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 843, $this->source); })())) {
  1018.             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.', 843, $this->source); })()), "op", [], "any", false, false, false, 843), 6, [], "array", false, false, false, 843), "html", null, true);
  1019.         }
  1020.         echo "\";
  1021. \t\tvar op7 = \"";
  1022.         // line 844
  1023.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 844, $this->source); })())) {
  1024.             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.', 844, $this->source); })()), "op", [], "any", false, false, false, 844), 7, [], "array", false, false, false, 844), "html", null, true);
  1025.         }
  1026.         echo "\";
  1027. \t\tvar op8 = \"";
  1028.         // line 845
  1029.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 845, $this->source); })())) {
  1030.             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.', 845, $this->source); })()), "op", [], "any", false, false, false, 845), 8, [], "array", false, false, false, 845), "html", null, true);
  1031.         }
  1032.         echo "\";
  1033. \t\tvar op9 = \"";
  1034.         // line 846
  1035.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 846, $this->source); })())) {
  1036.             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.', 846, $this->source); })()), "op", [], "any", false, false, false, 846), 9, [], "array", false, false, false, 846), "html", null, true);
  1037.         }
  1038.         echo "\";
  1039. \t\tvar op10 = \"";
  1040.         // line 847
  1041.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 847, $this->source); })())) {
  1042.             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.', 847, $this->source); })()), "op", [], "any", false, false, false, 847), 10, [], "array", false, false, false, 847), "html", null, true);
  1043.         }
  1044.         echo "\";
  1046. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  1048. \t\tfunction mitsumori_simulation(type , value_id){
  1049. \t\t\tvar pp = ";
  1050.         // line 852
  1051.         echo (isset($context["pp"]) || array_key_exists("pp", $context) ? $context["pp"] : (function () { throw new RuntimeError('Variable "pp" does not exist.', 852, $this->source); })());
  1052.         echo ";
  1053. \t\t\tif(type == \"pw\"){
  1054. \t\t\t\tpw = \$('#'+value_id).val();
  1055. \t\t\t}
  1056. \t\t\tif(type == \"pd\"){
  1057. \t\t\t\tpd = \$('#'+value_id).val();
  1058. \t\t\t}
  1059. \t\t\tif(type == \"ph\"){
  1060. \t\t\t\tph = \$('#'+value_id).val();
  1061. \t\t\t}
  1062. \t\t\tif(type == \"pm\"){
  1063. \t\t\t\tpm = \$('#'+value_id).val();
  1064. \t\t\t}
  1065. \t\t\tif(type == \"pc\"){
  1066. \t\t\t\tpc = \$('#'+value_id).val();
  1067. \t\t\t}
  1068. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  1069. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  1070. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  1071. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  1072. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  1073. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  1074. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  1075. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  1076. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  1077. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  1078. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  1080. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  1081. \t\t\tif(/^op\\d+\$/.test(type)) {
  1082. \t\t\t\tvar \$clicked = \$('#' + value_id);
  1083. \t\t\t\t\$clicked.prop('checked', true);
  1084. \t\t\t\tvar groupName = \$clicked.attr('name');
  1085. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  1086. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  1087. \t\t\t\t// ラベルの選択値テキスト更新
  1088. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  1089. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1090. \t\t\t\tif (\$label.length) {
  1091. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  1092. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  1093. \t\t\t\t}
  1094. \t\t\t}
  1096. \t\t\tif(pm == \"\"){
  1097. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  1098. \t\t\t}
  1099. \t\t\tif(ph == \"\"){
  1100. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  1101. \t\t\t}
  1102. \t\t\tif(pd == \"\"){
  1103. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  1104. \t\t\t}
  1105. \t\t\tif(pw == \"\"){
  1106. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  1107. \t\t\t}
  1108. \t\t\tif(pc == \"\"){
  1109. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  1110. \t\t\t\t\$('#mitsumori_btn').hide();
  1111. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1112. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1113. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1114. \t\t\t\t\$('#maker_price').text(\"---円\");
  1115. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1116. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1117. \t\t\t}
  1118. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  1119. \t\t\t\t\$('#mitsumori_btn').show();
  1121. \t\t\t\tvar pp_matched = false;
  1122. \t\t\t\tpp.forEach((el) => {
  1123. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  1124. \t\t\t\t\tpp_matched = true;
  1126. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  1127. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  1128. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  1129. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  1130. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1131. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1132. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1133. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  1134. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1136. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  1137. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1138. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1139. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  1140. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  1141. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1143. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  1144. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1145. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1146. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1147. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1148. \t\t\t\t\t}else{
  1149. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1150. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1151. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  1152. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  1153. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  1154. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  1155. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  1157. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1160. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  1161. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  1162. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  1163. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  1164. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  1166. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  1167. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  1168. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  1170. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  1171. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  1173. \t\t\t\t\t}
  1174. \t\t\t\t  }
  1175. \t\t\t\t});
  1177. \t\t\t\tif (!pp_matched) {
  1178. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  1179. \t\t\t\t\t\$('#mitsumori_btn').hide();
  1180. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  1181. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  1182. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  1183. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  1184. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  1185. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  1186. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  1187. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  1188. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  1189. \t\t\t\t}\t
  1192. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  1193. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  1194. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  1196. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  1197. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  1198. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  1199. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  1200. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  1201. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  1203. \t\t\t\t// タイプ3: 台数
  1204. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  1206. \t\t\t\t// タイプ4・6: 枚数
  1207. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  1209. \t\t\t\t// タイプ5: 面積
  1210. \t\t\t\tvar area_val = \$('#area').val() || '';
  1212. \t\t\t\t// sale_type
  1213. \t\t\t\tvar sale_type_id = ";
  1214.         // line 1013
  1215.         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.', 1013, $this->source); })()), "SaleType", [], "any", false, false, false, 1013), "id", [], "any", false, false, false, 1013), "html", null, true);
  1216.         echo ";
  1218. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  1219. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  1220. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  1221. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  1222. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  1223. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  1224. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  1225. \t\t\t\t\t\t\t\t\t\t\"product_id\": ";
  1226.         // line 1022
  1227.         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.', 1022, $this->source); })()), "id", [], "any", false, false, false, 1022), "html", null, true);
  1228.         echo ",
  1229. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  1230. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  1231. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  1232. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  1233. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  1234. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  1235. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  1236. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  1237. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  1238. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  1239. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  1240. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  1241. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  1242. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  1243. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  1244. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  1245. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  1247. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  1248. \t\t\t\t
  1249. \t\t\t}
  1250. \t\t\t
  1252. \t\t}
  1254.         ";
  1255.         // line 1048
  1256.         if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1048, $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.', 1048, $this->source); })())) == 1))) {
  1257.             // line 1049
  1258.             echo "            pc = \"指定なし\";
  1259. \t\t\t";
  1260.             // line 1050
  1261.             $context['_parent'] = $context;
  1262.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1050, $this->source); })()));
  1263.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  1264.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1050))) {
  1265.                     echo " pc = \"";
  1266.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1050), "html", null, true);
  1267.                     echo "\"; ";
  1268.                 }
  1269.             }
  1270.             $_parent = $context['_parent'];
  1271.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  1272.             $context = array_intersect_key($context, $_parent) + $_parent;
  1273.             // line 1051
  1274.             echo "\t\t";
  1275.         }
  1276.         // line 1052
  1277.         echo "
  1278.         ";
  1279.         // line 1053
  1280.         if (((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1053, $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.', 1053, $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.', 1053, $this->source); })())) == "")))) {
  1281.             // line 1054
  1282.             echo "            pw = \"指定なし\";
  1283. \t\t\t";
  1284.             // line 1055
  1285.             $context['_parent'] = $context;
  1286.             $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.', 1055, $this->source); })()));
  1287.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  1288.                 if ($context["pw"]) {
  1289.                     echo " pw = \"";
  1290.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  1291.                     echo "\"; ";
  1292.                 }
  1293.             }
  1294.             $_parent = $context['_parent'];
  1295.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  1296.             $context = array_intersect_key($context, $_parent) + $_parent;
  1297.             // line 1056
  1298.             echo "\t\t";
  1299.         }
  1300.         // line 1057
  1301.         echo "
  1302.         ";
  1303.         // line 1058
  1304.         if (((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1058, $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.', 1058, $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.', 1058, $this->source); })())) == "")))) {
  1305.             // line 1059
  1306.             echo "            pd = \"指定なし\";
  1307. \t\t\t";
  1308.             // line 1060
  1309.             $context['_parent'] = $context;
  1310.             $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.', 1060, $this->source); })()));
  1311.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  1312.                 if ($context["pd"]) {
  1313.                     echo " pd = \"";
  1314.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  1315.                     echo "\"; ";
  1316.                 }
  1317.             }
  1318.             $_parent = $context['_parent'];
  1319.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  1320.             $context = array_intersect_key($context, $_parent) + $_parent;
  1321.             // line 1061
  1322.             echo "\t\t";
  1323.         }
  1324.         // line 1062
  1325.         echo "
  1326.         ";
  1327.         // line 1063
  1328.         if (((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1063, $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.', 1063, $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.', 1063, $this->source); })())) == "")))) {
  1329.             // line 1064
  1330.             echo "            ph = \"指定なし\";
  1331. \t\t\t";
  1332.             // line 1065
  1333.             $context['_parent'] = $context;
  1334.             $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.', 1065, $this->source); })()));
  1335.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  1336.                 if ($context["ph"]) {
  1337.                     echo " ph = \"";
  1338.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  1339.                     echo "\"; ";
  1340.                 }
  1341.             }
  1342.             $_parent = $context['_parent'];
  1343.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  1344.             $context = array_intersect_key($context, $_parent) + $_parent;
  1345.             // line 1066
  1346.             echo "\t\t";
  1347.         }
  1348.         // line 1067
  1349.         echo "
  1350.         ";
  1351.         // line 1068
  1352.         if (((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1068, $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.', 1068, $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.', 1068, $this->source); })())) == "")))) {
  1353.             // line 1069
  1354.             echo "            pm = \"指定なし\";
  1355. \t\t\t";
  1356.             // line 1070
  1357.             $context['_parent'] = $context;
  1358.             $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.', 1070, $this->source); })()));
  1359.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  1360.                 if ($context["pm"]) {
  1361.                     echo " pm = \"";
  1362.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  1363.                     echo "\"; ";
  1364.                 }
  1365.             }
  1366.             $_parent = $context['_parent'];
  1367.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  1368.             $context = array_intersect_key($context, $_parent) + $_parent;
  1369.             // line 1071
  1370.             echo "\t\t";
  1371.         }
  1372.         // line 1072
  1373.         echo "
  1374. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  1375. \t\t(function initQuantityByType(){
  1376. \t\t\tvar saleType = ";
  1377.         // line 1075
  1378.         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.', 1075, $this->source); })()), "SaleType", [], "any", false, false, false, 1075), "id", [], "any", false, false, false, 1075), "html", null, true);
  1379.         echo ";
  1380. \t\t\tif(saleType == 2 && \$('#set_count').length){
  1381. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  1382. \t\t\t\t\$('#quantity').val(_v);
  1383. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  1384. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  1385. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  1386. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  1387. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  1388. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  1389. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  1390. \t\t\t}
  1391. \t\t})();
  1393. \t\t// type → ラベルのプレフィックス文字列
  1394. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  1395. \t\t// type → input[name]
  1396. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  1398. \t\t// opt-btn用: 値を直接受け取るラッパー
  1399. \t\tfunction mitsumori_simulation_val(type, value) {
  1400. \t\t\tif (type === 'pc') pc = value;
  1401. \t\t\tif (type === 'pw') pw = value;
  1402. \t\t\tif (type === 'pd') pd = value;
  1403. \t\t\tif (type === 'ph') ph = value;
  1404. \t\t\tif (type === 'pm') pm = value;
  1406. \t\t\t// is-selected クラスを同グループ内で付け替え
  1407. \t\t\tvar inputName = optNameMap[type];
  1408. \t\t\tif (inputName) {
  1409. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  1410. \t\t\t\t\$btns.removeClass('is-selected');
  1411. \t\t\t\t\$btns.filter(function(){
  1412. \t\t\t\t\treturn \$(this).find('input').val() === value;
  1413. \t\t\t\t}).addClass('is-selected');
  1414. \t\t\t}
  1416. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  1417. \t\t\tvar labelPrefix = optLabelMap[type];
  1418. \t\t\tif (labelPrefix) {
  1419. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  1420. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  1421. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  1422. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  1423. \t\t\t}
  1425. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  1426. \t\t\tmitsumori_simulation('', '');
  1427. \t\t}
  1429. \t\tmitsumori_simulation(\"\",\"\");
  1431. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  1432. \t\tfunction applyBtnGroupScroll() {
  1433. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  1434. \t\t\t\tvar \$group = \$(this);
  1435. \t\t\t\t\$group.removeClass('is-scroll');
  1436. \t\t\t\tvar \$items = \$group.children();
  1437. \t\t\t\tif (\$items.length === 0) return;
  1439. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  1440. \t\t\t\tvar totalWidth = 0;
  1441. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  1442. \t\t\t\t\$items.each(function() {
  1443. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  1444. \t\t\t\t});
  1446. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  1447. \t\t\t\tvar anyTooWide = false;
  1448. \t\t\t\t\$items.each(function() {
  1449. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  1450. \t\t\t\t});
  1452. \t\t\t\t// 折り返し時の行数も計測
  1453. \t\t\t\tvar tops = {};
  1454. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  1455. \t\t\t\tvar rowCount = Object.keys(tops).length;
  1457. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  1458. \t\t\t\t\t\$group.addClass('is-scroll');
  1459. \t\t\t\t}
  1460. \t\t\t});
  1461. \t\t}
  1462. \t\tapplyBtnGroupScroll();
  1463. \t\t\$(window).on('resize', function() {
  1464. \t\t\tclearTimeout(window._btnScrollTimer);
  1465. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  1466. \t\t});
  1468. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  1469. \t\t(function syncPrice02Display() {
  1470. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  1471. \t\t\tvar displayEl = document.getElementById('price02-display');
  1472. \t\t\tif (!goukeiEl || !displayEl) return;
  1473. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  1474. \t\t\t// ---円（未確定）の場合は書き換えない
  1475. \t\t\tif (goukeiText && goukeiText !== '---円') {
  1476. \t\t\t\tdisplayEl.textContent = goukeiText;
  1477. \t\t\t}
  1478. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  1479. \t\t\tnew MutationObserver(function() {
  1480. \t\t\t\tvar text = goukeiEl.textContent.trim();
  1481. \t\t\t\tif (text && text !== '---円') {
  1482. \t\t\t\t\tdisplayEl.textContent = text;
  1483. \t\t\t\t}
  1484. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  1485. \t\t})();
  1486. \t\tfunction contact_form(product_id){
  1487. \t\t\t\$('#form1').attr('action', '";
  1488.         // line 1183
  1489.         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.', 1183, $this->source); })()), "id", [], "any", false, false, false, 1183)]), "html", null, true);
  1490.         echo "');
  1491. \t\t\t\$('#form1').submit();
  1492. \t\t}
  1494. \t\t// maisu / madoset は下部の新しい関数定義を使用
  1497. \t\tfunction heibei(bei){
  1498. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  1499. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  1500. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  1501. \t\t\t\$('#quantity').val(\$('#heibei').val());
  1502. \t\t\tmitsumori_simulation('heibei','heibei');
  1503. \t\t}
  1504. \t\tfunction daisu(dai){
  1505. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  1506. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  1507. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  1508. \t\t\t\$('#quantity').val(\$('#daisu').val());
  1509. \t\t\tmitsumori_simulation('daisu','daisu');
  1510. \t\t}
  1511. \t\tfunction maisu(mai){
  1512. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  1513. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  1514. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  1515. \t\t\t\$('#quantity').val(\$('#maisu').val());
  1516. \t\t\tmitsumori_simulation('maisu','maisu');
  1517. \t\t}
  1519. \t\t// タイプ2: セット数プルダウン連動
  1520. \t\tfunction madosetSelect(val){
  1521. \t\t\tvar v = parseInt(val);
  1522. \t\t\tif(v < 1) v = 1;
  1523. \t\t\tif(v > 20) v = 20;
  1524. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  1525. \t\t\t\$('#quantity').val(v);
  1526. \t\t\t\$('input[name=\"quantity\"]').val(v);
  1527. \t\t\tmitsumori_simulation('set','set_count');
  1528. \t\t}
  1529. \t\t// タイプ2: ±ボタン版（後方互換）
  1530. \t\tfunction madoset(mai){
  1531. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  1532. \t\t\tvar next = current + mai;
  1533. \t\t\tif(next < 1) next = 1;
  1534. \t\t\tif(next > 20) next = 20;
  1535. \t\t\t\$('#set_count').val(next);
  1536. \t\t\tmadosetSelect(next);
  1537. \t\t}
  1539. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  1540. \t\tvar deck_step = \"";
  1541.         // line 1233
  1542.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1233, $this->source); })())) {
  1543.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", true, true, false, 1233)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_step", [], "any", false, false, false, 1233), "不要")) : ("不要")), "html", null, true);
  1544.         } else {
  1545.             echo "不要";
  1546.         }
  1547.         echo "\";
  1548. \t\tvar deck_fence = \"";
  1549.         // line 1234
  1550.         if ((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1234, $this->source); })())) {
  1551.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", true, true, false, 1234)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "deck_fence", [], "any", false, false, false, 1234), "不要")) : ("不要")), "html", null, true);
  1552.         } else {
  1553.             echo "不要";
  1554.         }
  1555.         echo "\";
  1557. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  1558. \t\tfunction syncPdfJson(){
  1559. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  1560. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  1561. \t\t}
  1563. \t\t// タイプ9: 商品のみ購入
  1564. \t\tfunction quantityOnly(val){
  1565. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  1566. \t\t\tvar next = current + val;
  1567. \t\t\tif(next < 1) next = 1;
  1568. \t\t\t\$('#quantity_only').val(next);
  1569. \t\t\t\$('#quantity').val(next);
  1570. \t\t}
  1572.         // ===== スマホ用下部固定バーへの金額同期 =====
  1573.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  1574.         (function() {
  1575.             var msgTarget   = document.getElementById('mitsumori_message');
  1576.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  1577.             var spPrice     = document.getElementById('sp-mitsumori-price');
  1578.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  1579.             if (!spPrice || !spBtn) return;
  1581.             function syncBar() {
  1582.                 var msg    = msgTarget ? msgTarget.textContent : '';
  1583.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  1585.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  1586.                 if (msg.indexOf('選択してください') !== -1) {
  1587.                     spPrice.textContent = msg;
  1588.                     spPrice.style.fontSize = '13px';
  1589.                     spPrice.style.color    = '#888';
  1590.                     spBtn.style.display    = 'none';
  1591.                 } else {
  1592.                     // 価格確定時はボタンを表示
  1593.                     spPrice.textContent = goukei;
  1594.                     spPrice.style.fontSize = '18px';
  1595.                     spPrice.style.color    = '#c00';
  1596.                     spBtn.style.display    = 'block';
  1597.                 }
  1598.             }
  1600.             // 初期値を同期
  1601.             syncBar();
  1603.             // mitsumori_message の変化を監視
  1604.             if (msgTarget) {
  1605.                 new MutationObserver(syncBar).observe(
  1606.                     msgTarget, { childList: true, subtree: true, characterData: true }
  1607.                 );
  1608.             }
  1609.             // mitsumori_goukei の変化も監視
  1610.             if (goukeiTarget) {
  1611.                 new MutationObserver(syncBar).observe(
  1612.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  1613.                 );
  1614.             }
  1615.         })();
  1617.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  1618.         (function() {
  1619.             var card = document.querySelector('.mitsumori-card-pc');
  1620.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  1621.             if (!card || !btn) return;
  1622.             // MutationObserverでcollapsed-cardクラスの変化を監視
  1623.             new MutationObserver(function() {
  1624.                 if (card.classList.contains('collapsed-card')) {
  1625.                     btn.textContent = '▼ 詳細';
  1626.                 } else {
  1627.                     btn.textContent = '▲ 閉じる';
  1628.                 }
  1629.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  1630.         })();
  1632.         // ===== エリア案内: スマホのみタップで展開 =====
  1633.         (function() {
  1634.             var notice = document.querySelector('.ec-areaNotice');
  1635.             if (!notice) return;
  1636.             notice.addEventListener('click', function(e) {
  1637.                 if (window.innerWidth > 767) return;
  1638.                 // リンククリック時は展開/折りたたみせずリンク遷移
  1639.                 if (e.target.tagName === 'A') return;
  1640.                 notice.classList.toggle('is-open');
  1641.             });
  1642.         })();
  1644.     </script>
  1645.     <script type=\"application/ld+json\">
  1646.     {
  1647.         \"@context\": \"https://schema.org/\",
  1648.         \"@type\": \"Product\",
  1649.         \"name\": \"";
  1650.         // line 1328
  1651.         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.', 1328, $this->source); })()), "name", [], "any", false, false, false, 1328), "html", null, true);
  1652.         echo "\",
  1653.         \"image\": [
  1654.             ";
  1655.         // line 1330
  1656.         $context['_parent'] = $context;
  1657.         $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.', 1330, $this->source); })()), "ProductImage", [], "any", false, false, false, 1330));
  1658.         $context['_iterated'] = false;
  1659.         $context['loop'] = [
  1660.           'parent' => $context['_parent'],
  1661.           'index0' => 0,
  1662.           'index'  => 1,
  1663.           'first'  => true,
  1664.         ];
  1665.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1666.             $length = count($context['_seq']);
  1667.             $context['loop']['revindex0'] = $length - 1;
  1668.             $context['loop']['revindex'] = $length;
  1669.             $context['loop']['length'] = $length;
  1670.             $context['loop']['last'] = 1 === $length;
  1671.         }
  1672.         foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  1673.             // line 1331
  1674.             echo "                \"";
  1675.             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.', 1331, $this->source); })()), "request", [], "any", false, false, false, 1331), "schemeAndHttpHost", [], "any", false, false, false, 1331), "html", null, true);
  1676.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["img"], "save_image"), "html", null, true);
  1677.             echo "\"";
  1678.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1331)) {
  1679.                 echo ",";
  1680.             }
  1681.             // line 1332
  1682.             echo "
  1683.             ";
  1684.             $context['_iterated'] = true;
  1685.             ++$context['loop']['index0'];
  1686.             ++$context['loop']['index'];
  1687.             $context['loop']['first'] = false;
  1688.             if (isset($context['loop']['length'])) {
  1689.                 --$context['loop']['revindex0'];
  1690.                 --$context['loop']['revindex'];
  1691.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1692.             }
  1693.         }
  1694.         if (!$context['_iterated']) {
  1695.             // line 1334
  1696.             echo "                \"";
  1697.             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.', 1334, $this->source); })()), "request", [], "any", false, false, false, 1334), "schemeAndHttpHost", [], "any", false, false, false, 1334), "html", null, true);
  1698.             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);
  1699.             echo "\"
  1700.             ";
  1701.         }
  1702.         $_parent = $context['_parent'];
  1703.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  1704.         $context = array_intersect_key($context, $_parent) + $_parent;
  1705.         // line 1336
  1706.         echo "        ],
  1707.         \"description\": \"";
  1708.         // line 1337
  1709.         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, 1337)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["Product"] ?? null), "description_list", [], "any", false, false, false, 1337), 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.', 1337, $this->source); })()), "description_detail", [], "any", false, false, false, 1337))) : (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.', 1337, $this->source); })()), "description_detail", [], "any", false, false, false, 1337))), ["
  1710. " => "", " " => ""]), 0, 300), "html", null, true);
  1711.         echo "\",
  1712.         ";
  1713.         // line 1338
  1714.         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.', 1338, $this->source); })()), "code_min", [], "any", false, false, false, 1338)) {
  1715.             // line 1339
  1716.             echo "        \"sku\": \"";
  1717.             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.', 1339, $this->source); })()), "code_min", [], "any", false, false, false, 1339), "html", null, true);
  1718.             echo "\",
  1719.         ";
  1720.         }
  1721.         // line 1341
  1722.         echo "        \"offers\": {
  1723.             \"@type\": \"Offer\",
  1724.             \"url\": \"";
  1725.         // line 1343
  1726.         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.', 1343, $this->source); })()), "id", [], "any", false, false, false, 1343)]), "html", null, true);
  1727.         echo "\",
  1728.             \"priceCurrency\": \"";
  1729.         // line 1344
  1730.         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.', 1344, $this->source); })()), "currency", [], "any", false, false, false, 1344), "html", null, true);
  1731.         echo "\",
  1732.             \"price\": ";
  1733.         // line 1345
  1734.         ((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.', 1345, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1345)) ? (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.', 1345, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1345), "html", null, true))) : (print (0)));
  1735.         echo ",
  1736.             \"availability\": \"";
  1737.         // line 1346
  1738.         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.', 1346, $this->source); })()), "stock_find", [], "any", false, false, false, 1346)) ? ("InStock") : ("OutOfStock"));
  1739.         echo "\"
  1740.         }
  1741.     }
  1742.     </script>
  1744. ";
  1745.         
  1746.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1748.         
  1749.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1751.     }
  1753.     // line 1353
  1754.     public function block_main($context, array $blocks = [])
  1755.     {
  1756.         $macros = $this->macros;
  1757.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1758.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1760.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1761.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  1763.         // line 1354
  1764.         echo "    <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  1765.         <div class=\"ec-grid2\">
  1766.             <div class=\"ec-grid2__cell\">
  1767.                 <div class=\"ec-sliderItemRole\">
  1768. \t                ";
  1769.         // line 1359
  1770.         echo "\t                <div class=\"ec-productRole__title\">
  1771. \t                    <div class=\"ec-productRole__titleRow\">
  1772. \t                        <h2 class=\"ec-headingTitle\">";
  1773.         // line 1361
  1774.         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.', 1361, $this->source); })()), "name", [], "any", false, false, false, 1361), "html", null, true);
  1775.         echo "</h2>
  1776. \t                        <div class=\"ec-share-inline\">
  1777. \t                            <a href=\"https://twitter.com/share?url=";
  1778.         // line 1363
  1779.         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.', 1363, $this->source); })()), "request", [], "any", false, false, false, 1363), "uri", [], "any", false, false, false, 1363)), "html", null, true);
  1780.         echo "&text=";
  1781.         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.', 1363, $this->source); })()), "name", [], "any", false, false, false, 1363)), "html", null, true);
  1782.         echo "\"
  1783. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  1784. \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>
  1785. \t                            </a>
  1786. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  1787. \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>
  1788. \t                            </a>
  1789. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url=";
  1790.         // line 1370
  1791.         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.', 1370, $this->source); })()), "request", [], "any", false, false, false, 1370), "uri", [], "any", false, false, false, 1370)), "html", null, true);
  1792.         echo "\"
  1793. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  1794. \t                                <i class=\"fab fa-line\"></i>
  1795. \t                            </a>
  1796. \t                        </div>
  1797. \t                    </div>
  1798. \t                </div>
  1799.                     ";
  1800.         // line 1377
  1801.         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.', 1377, $this->source); })()), "option_favorite_product", [], "any", false, false, false, 1377)) {
  1802.             // line 1378
  1803.             echo "                     <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  1804. \t\t\t\t\t\t";
  1805.             // line 1379
  1806.             if (((isset($context["is_favorite"]) || array_key_exists("is_favorite", $context) ? $context["is_favorite"] : (function () { throw new RuntimeError('Variable "is_favorite" does not exist.', 1379, $this->source); })()) == false)) {
  1807.                 // line 1380
  1808.                 echo "                        <form action=\"";
  1809.                 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.', 1380, $this->source); })()), "id", [], "any", false, false, false, 1380)]), "html", null, true);
  1810.                 echo "\" method=\"post\">
  1811.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  1812.                         </form>
  1813.                         ";
  1814.             } else {
  1815.                 // line 1384
  1816.                 echo "                        <form action=\"";
  1817.                 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.', 1384, $this->source); })()), "id", [], "any", false, false, false, 1384)]), "html", null, true);
  1818.                 echo "\" method=\"post\">
  1819.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  1820.                         </form>
  1821.                         ";
  1822.             }
  1823.             // line 1388
  1824.             echo "                     </div>
  1825.                     ";
  1826.         }
  1827.         // line 1390
  1828.         echo "                    <div class=\"item_visual\">
  1829.                         ";
  1830.         // line 1391
  1831.         $context['_parent'] = $context;
  1832.         $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.', 1391, $this->source); })()), "ProductImage", [], "any", false, false, false, 1391));
  1833.         $context['_iterated'] = false;
  1834.         $context['loop'] = [
  1835.           'parent' => $context['_parent'],
  1836.           'index0' => 0,
  1837.           'index'  => 1,
  1838.           'first'  => true,
  1839.         ];
  1840.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1841.             $length = count($context['_seq']);
  1842.             $context['loop']['revindex0'] = $length - 1;
  1843.             $context['loop']['revindex'] = $length;
  1844.             $context['loop']['length'] = $length;
  1845.             $context['loop']['last'] = 1 === $length;
  1846.         }
  1847.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1848.             // line 1392
  1849.             echo "                            <div class=\"slide-item\"><img src=\"";
  1850.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  1851.             echo "\" alt=\"";
  1852.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1392)) ? (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.', 1392, $this->source); })()), "name", [], "any", false, false, false, 1392), "html", null, true))) : (print ("")));
  1853.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"";
  1854.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 1392) > 1)) {
  1855.                 echo " loading=\"lazy\"";
  1856.             }
  1857.             echo "></div>
  1858.                         ";
  1859.             $context['_iterated'] = true;
  1860.             ++$context['loop']['index0'];
  1861.             ++$context['loop']['index'];
  1862.             $context['loop']['first'] = false;
  1863.             if (isset($context['loop']['length'])) {
  1864.                 --$context['loop']['revindex0'];
  1865.                 --$context['loop']['revindex'];
  1866.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1867.             }
  1868.         }
  1869.         if (!$context['_iterated']) {
  1870.             // line 1394
  1871.             echo "                            <div class=\"slide-item\"><img src=\"";
  1872.             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);
  1873.             echo "\" alt=\"";
  1874.             ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 1394)) ? (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.', 1394, $this->source); })()), "name", [], "any", false, false, false, 1394), "html", null, true))) : (print ("")));
  1875.             echo "\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  1876.                         ";
  1877.         }
  1878.         $_parent = $context['_parent'];
  1879.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1880.         $context = array_intersect_key($context, $_parent) + $_parent;
  1881.         // line 1396
  1882.         echo "                    </div>
  1883.                     <div class=\"item_nav\">
  1884.                         ";
  1885.         // line 1398
  1886.         $context['_parent'] = $context;
  1887.         $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.', 1398, $this->source); })()), "ProductImage", [], "any", false, false, false, 1398));
  1888.         $context['loop'] = [
  1889.           'parent' => $context['_parent'],
  1890.           'index0' => 0,
  1891.           'index'  => 1,
  1892.           'first'  => true,
  1893.         ];
  1894.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1895.             $length = count($context['_seq']);
  1896.             $context['loop']['revindex0'] = $length - 1;
  1897.             $context['loop']['revindex'] = $length;
  1898.             $context['loop']['length'] = $length;
  1899.             $context['loop']['last'] = 1 === $length;
  1900.         }
  1901.         foreach ($context['_seq'] as $context["_key"] => $context["ProductImage"]) {
  1902.             // line 1399
  1903.             echo "                            <div class=\"slideThumb\" data-index=\"";
  1904.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index0", [], "any", false, false, false, 1399), "html", null, true);
  1905.             echo "\"><img src=\"";
  1906.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl($context["ProductImage"], "save_image"), "html", null, true);
  1907.             echo "\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  1908.                         ";
  1909.             ++$context['loop']['index0'];
  1910.             ++$context['loop']['index'];
  1911.             $context['loop']['first'] = false;
  1912.             if (isset($context['loop']['length'])) {
  1913.                 --$context['loop']['revindex0'];
  1914.                 --$context['loop']['revindex'];
  1915.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1916.             }
  1917.         }
  1918.         $_parent = $context['_parent'];
  1919.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductImage'], $context['_parent'], $context['loop']);
  1920.         $context = array_intersect_key($context, $_parent) + $_parent;
  1921.         // line 1401
  1922.         echo "                    </div>
  1924.                 </div>
  1926.                     ";
  1927.         // line 1406
  1928.         echo "                    <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  1929.                         <div class=\"ec-areaNotice__inner\">
  1930.                             <div class=\"ec-areaNotice__icon\">📍</div>
  1931.                             <div class=\"ec-areaNotice__body\">
  1932.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  1933.                                 <div class=\"ec-areaNotice__detail\">
  1934.                                     <p class=\"ec-areaNotice__text\">
  1935.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  1936.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  1937.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  1938.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  1939.                                     </p>
  1940.                                     <a class=\"ec-areaNotice__link\" href=\"";
  1941.         // line 1418
  1942.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("contact");
  1943.         echo "\">エリア外のお客様・ご相談はこちら →</a>
  1944.                                 </div>
  1945.                             </div>
  1946.                         </div>
  1947.                     </div>
  1949.             </div>
  1951.             <div class=\"ec-grid2__cell2\">
  1952.                 <div class=\"ec-productRole__profile\" >
  1953.                     ";
  1954.         // line 1429
  1955.         echo "                    ";
  1956.         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.', 1429, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1429))) {
  1957.             // line 1430
  1958.             echo "                        <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  1959.                             ";
  1960.             // line 1431
  1961.             $context['_parent'] = $context;
  1962.             $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.', 1431, $this->source); })()), "ProductCategories", [], "any", false, false, false, 1431));
  1963.             foreach ($context['_seq'] as $context["_key"] => $context["ProductCategory"]) {
  1964.                 // line 1432
  1965.                 echo "                                <ul>
  1966.                                     <li>
  1967.                                         ";
  1968.                 // line 1434
  1969.                 $context['_parent'] = $context;
  1970.                 $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, 1434), "path", [], "any", false, false, false, 1434));
  1971.                 $context['loop'] = [
  1972.                   'parent' => $context['_parent'],
  1973.                   'index0' => 0,
  1974.                   'index'  => 1,
  1975.                   'first'  => true,
  1976.                 ];
  1977.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1978.                     $length = count($context['_seq']);
  1979.                     $context['loop']['revindex0'] = $length - 1;
  1980.                     $context['loop']['revindex'] = $length;
  1981.                     $context['loop']['length'] = $length;
  1982.                     $context['loop']['last'] = 1 === $length;
  1983.                 }
  1984.                 foreach ($context['_seq'] as $context["_key"] => $context["Category"]) {
  1985.                     // line 1435
  1986.                     echo "                                            <a href=\"";
  1987.                     echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("product_list");
  1988.                     echo "?category_id=";
  1989.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "id", [], "any", false, false, false, 1435), "html", null, true);
  1990.                     echo "\">";
  1991.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Category"], "name", [], "any", false, false, false, 1435), "html", null, true);
  1992.                     echo "</a>";
  1993.                     if ((twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 1435) == false)) {
  1994.                         // line 1436
  1995.                         echo "                                            <span>＞</span>";
  1996.                     }
  1997.                     ++$context['loop']['index0'];
  1998.                     ++$context['loop']['index'];
  1999.                     $context['loop']['first'] = false;
  2000.                     if (isset($context['loop']['length'])) {
  2001.                         --$context['loop']['revindex0'];
  2002.                         --$context['loop']['revindex'];
  2003.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  2004.                     }
  2005.                 }
  2006.                 $_parent = $context['_parent'];
  2007.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Category'], $context['_parent'], $context['loop']);
  2008.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2009.                 // line 1438
  2010.                 echo "                                    </li>
  2011.                                 </ul>
  2012.                             ";
  2013.             }
  2014.             $_parent = $context['_parent'];
  2015.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ProductCategory'], $context['_parent'], $context['loop']);
  2016.             $context = array_intersect_key($context, $_parent) + $_parent;
  2017.             // line 1441
  2018.             echo "                        </div>
  2019.                     ";
  2020.         }
  2021.         // line 1443
  2022.         echo "                    ";
  2023.         // line 1444
  2024.         echo "                    <div class=\"ec-productRole__price\">
  2025. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  2026.                         ";
  2027.         // line 1446
  2028.         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.', 1446, $this->source); })()), "hasProductClass", [], "any", false, false, false, 1446)) {
  2029.             // line 1447
  2030.             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.', 1447, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1447) == 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.', 1447, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1447))) {
  2031.                 // line 1448
  2032.                 echo "                                <div class=\"ec-price\">
  2033.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2034.                 // line 1449
  2035.                 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.', 1449, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1449)), "html", null, true);
  2036.                 echo "</span>
  2037.                                     <span class=\"ec-price__tax\">(";
  2038.                 // line 1450
  2039.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2040.                 echo ")～</span>
  2041.                                 </div>
  2042.                             ";
  2043.             } else {
  2044.                 // line 1453
  2045.                 echo "                                <div class=\"ec-price\">
  2046.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">";
  2047.                 // line 1454
  2048.                 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.', 1454, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1454)), "html", null, true);
  2049.                 echo " ～ ";
  2050.                 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.', 1454, $this->source); })()), "getPrice02IncTaxMax", [], "any", false, false, false, 1454)), "html", null, true);
  2051.                 echo "</span>
  2052.                                     <span class=\"ec-price__tax\">(";
  2053.                 // line 1455
  2054.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2055.                 echo ")</span>
  2056.                                 </div>
  2057.                             ";
  2058.             }
  2059.             // line 1458
  2060.             echo "                        ";
  2061.         } else {
  2062.             // line 1459
  2063.             echo "                            <div class=\"ec-price\">
  2064.                                 <span id=\"price02-display\" class=\"ec-price__price\">";
  2065.             // line 1460
  2066.             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.', 1460, $this->source); })()), "getPrice02IncTaxMin", [], "any", false, false, false, 1460)), "html", null, true);
  2067.             echo "</span>
  2068.                                     <span class=\"ec-price__tax\">(";
  2069.             // line 1461
  2070.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("税込"), "html", null, true);
  2071.             echo ")～</span>
  2072.                             </div>
  2073.                         ";
  2074.         }
  2075.         // line 1464
  2076.         echo "                    </div>
  2077.                     ";
  2078.         // line 1466
  2079.         echo "                    <ul class=\"ec-productRole__tags\">
  2080.                         ";
  2081.         // line 1467
  2082.         $context['_parent'] = $context;
  2083.         $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.', 1467, $this->source); })()), "Tags", [], "any", false, false, false, 1467));
  2084.         foreach ($context['_seq'] as $context["_key"] => $context["Tag"]) {
  2085.             // line 1468
  2086.             echo "                            <li class=\"ec-productRole__tag tag_";
  2087.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["Tag"], "id", [], "any", false, false, false, 1468), "html", null, true);
  2088.             echo "\">";
  2089.             echo twig_escape_filter($this->env, $context["Tag"], "html", null, true);
  2090.             echo "</li>
  2091.                         ";
  2092.         }
  2093.         $_parent = $context['_parent'];
  2094.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['Tag'], $context['_parent'], $context['loop']);
  2095.         $context = array_intersect_key($context, $_parent) + $_parent;
  2096.         // line 1470
  2097.         echo "                    </ul>
  2098.                     ";
  2099.         // line 1472
  2100.         echo "                    ";
  2101.         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.', 1472, $this->source); })()), "code_min", [], "any", false, false, false, 1472))) {
  2102.             // line 1473
  2103.             echo "                        <div class=\"ec-productRole__code\">
  2104.                             ";
  2105.             // line 1474
  2106.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品コード"), "html", null, true);
  2107.             echo "： <span class=\"product-code-default\">";
  2108.             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.', 1474, $this->source); })()), "code_min", [], "any", false, false, false, 1474), "html", null, true);
  2109.             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.', 1474, $this->source); })()), "code_min", [], "any", false, false, false, 1474) != 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.', 1474, $this->source); })()), "code_max", [], "any", false, false, false, 1474))) {
  2110.                 echo " ～ ";
  2111.                 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.', 1474, $this->source); })()), "code_max", [], "any", false, false, false, 1474), "html", null, true);
  2112.             }
  2113.             echo "</span>
  2114.                         </div>
  2115.                     ";
  2116.         }
  2117.         // line 1477
  2118.         echo "
  2119.                     <div class=\"ec-productRole__description\">
  2120. \t\t\t\t        <div class=\"ec-rectHeading\">
  2121. \t\t\t\t            <h4>製品情報</h4>
  2122. \t\t\t\t        </div>
  2123. \t\t\t\t\t\t";
  2124.         // line 1482
  2125.         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.', 1482, $this->source); })()), "sales_infomation", [], "any", false, false, false, 1482));
  2126.         echo "
  2127.                     </div>
  2130. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  2131. \t\t\t\t\t  <div class=\"card-header\">
  2132. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  2133. \t\t\t\t\t  </div>
  2134. \t\t\t\t\t  <div class=\"card-body p-2\">
  2135.                         ";
  2136.         // line 1491
  2137.         $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.', 1491, $this->source); })()), "id", [], "any", false, false, false, 1491), "related_image");
  2138.         // line 1492
  2139.         echo "                        ";
  2140.         // line 1493
  2141.         echo "                        ";
  2142.         $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.', 1493, $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.', 1493, $this->source); })())));
  2143.         // line 1494
  2144.         echo "                        ";
  2145.         $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.', 1494, $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.', 1494, $this->source); })())));
  2146.         // line 1495
  2147.         echo "                        ";
  2148.         $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.', 1495, $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.', 1495, $this->source); })())));
  2149.         // line 1496
  2150.         echo "                        ";
  2151.         $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.', 1496, $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.', 1496, $this->source); })())));
  2152.         // line 1497
  2153.         echo "\t\t\t\t\t    ";
  2154.         $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.', 1497, $this->source); })()), "id", [], "any", false, false, false, 1497), "related_name1");
  2155.         // line 1498
  2156.         echo "\t\t\t\t\t\t";
  2157.         $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.', 1498, $this->source); })()), "id", [], "any", false, false, false, 1498), "related_name2");
  2158.         // line 1499
  2159.         echo "\t\t\t\t\t\t";
  2160.         $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.', 1499, $this->source); })()), "id", [], "any", false, false, false, 1499), "related_name3");
  2161.         // line 1500
  2162.         echo "\t\t\t\t\t\t";
  2163.         $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.', 1500, $this->source); })()), "id", [], "any", false, false, false, 1500), "related_name4");
  2164.         // line 1501
  2165.         echo "\t\t\t\t\t\t";
  2166.         $context["hasRelated"] = ((((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1501, $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.', 1501, $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.', 1501, $this->source); })()))) || ((        // line 1502
  2167. (isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1502, $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.', 1502, $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.', 1502, $this->source); })())))) || ((        // line 1503
  2168. (isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1503, $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.', 1503, $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.', 1503, $this->source); })())))) || ((        // line 1504
  2169. (isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1504, $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.', 1504, $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.', 1504, $this->source); })()))));
  2170.         // line 1505
  2171.         echo "\t\t\t\t\t\t";
  2172.         if ((isset($context["hasRelated"]) || array_key_exists("hasRelated", $context) ? $context["hasRelated"] : (function () { throw new RuntimeError('Variable "hasRelated" does not exist.', 1505, $this->source); })())) {
  2173.             // line 1506
  2174.             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>
  2175. \t\t\t\t\t\t";
  2176.         }
  2177.         // line 1508
  2178.         echo "
  2179. \t\t\t\t\t\t";
  2180.         // line 1510
  2181.         echo "\t\t\t\t\t\t";
  2182.         if ((((isset($context["type1"]) || array_key_exists("type1", $context) ? $context["type1"] : (function () { throw new RuntimeError('Variable "type1" does not exist.', 1510, $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.', 1510, $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.', 1510, $this->source); })())))) {
  2183.             // line 1511
  2184.             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)\">
  2185. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2186.             // line 1512
  2187.             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.', 1512, $this->source); })()), "html", null, true);
  2188.             if (((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1512, $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.', 1512, $this->source); })()))) {
  2189.                 echo ": <span>";
  2190.                 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.', 1512, $this->source); })()), "html", null, true);
  2191.                 echo "</span>";
  2192.             }
  2193.             echo "</div>
  2194. \t\t\t\t\t\t  ";
  2195.             // line 1513
  2196.             if ((isset($context["img1"]) || array_key_exists("img1", $context) ? $context["img1"] : (function () { throw new RuntimeError('Variable "img1" does not exist.', 1513, $this->source); })())) {
  2197.                 // line 1514
  2198.                 echo "\t\t\t\t\t\t    ";
  2199.                 // line 1515
  2200.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2201. \t\t\t\t\t\t      ";
  2202.                 // line 1516
  2203.                 $context['_parent'] = $context;
  2204.                 $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.', 1516, $this->source); })()));
  2205.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2206.                     // line 1517
  2207.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2208.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1517, $this->source); })()) == $context["rp_name"])) {
  2209.                         echo " is-selected";
  2210.                     }
  2211.                     echo "\"
  2212. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2213.                     // line 1518
  2214.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2215.                     echo "';\">
  2216. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2217.                     // line 1519
  2218.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2219.                     echo "\"
  2220. \t\t\t\t\t\t                 ";
  2221.                     // line 1520
  2222.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1520, $this->source); })()) == $context["rp_name"])) {
  2223.                         echo "checked";
  2224.                     }
  2225.                     echo ">
  2226. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2227. \t\t\t\t\t\t               src=\"";
  2228.                     // line 1522
  2229.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2230.                     echo "\"
  2231. \t\t\t\t\t\t               alt=\"";
  2232.                     // line 1523
  2233.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2234.                     echo "\"
  2235. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2236. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2237. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2238.                     // line 1526
  2239.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2240.                     echo "</span>
  2241. \t\t\t\t\t\t        </label>
  2242. \t\t\t\t\t\t      ";
  2243.                 }
  2244.                 $_parent = $context['_parent'];
  2245.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2246.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2247.                 // line 1529
  2248.                 echo "\t\t\t\t\t\t    </div>
  2249. \t\t\t\t\t\t  ";
  2250.             } else {
  2251.                 // line 1531
  2252.                 echo "\t\t\t\t\t\t    ";
  2253.                 // line 1532
  2254.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2255. \t\t\t\t\t\t      ";
  2256.                 // line 1533
  2257.                 $context['_parent'] = $context;
  2258.                 $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.', 1533, $this->source); })()));
  2259.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2260.                     // line 1534
  2261.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2262.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1534, $this->source); })()) == $context["rp_name"])) {
  2263.                         echo " is-selected";
  2264.                     }
  2265.                     echo "\"
  2266. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2267.                     // line 1535
  2268.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2269.                     echo "';\">
  2270. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"";
  2271.                     // line 1536
  2272.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2273.                     echo "\"
  2274. \t\t\t\t\t\t                 ";
  2275.                     // line 1537
  2276.                     if (((isset($context["base_select1"]) || array_key_exists("base_select1", $context) ? $context["base_select1"] : (function () { throw new RuntimeError('Variable "base_select1" does not exist.', 1537, $this->source); })()) == $context["rp_name"])) {
  2277.                         echo "checked";
  2278.                     }
  2279.                     echo ">
  2280. \t\t\t\t\t\t          ";
  2281.                     // line 1538
  2282.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2283.                     echo "
  2284. \t\t\t\t\t\t        </label>
  2285. \t\t\t\t\t\t      ";
  2286.                 }
  2287.                 $_parent = $context['_parent'];
  2288.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2289.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2290.                 // line 1541
  2291.                 echo "\t\t\t\t\t\t    </div>
  2292. \t\t\t\t\t\t  ";
  2293.             }
  2294.             // line 1543
  2295.             echo "\t\t\t\t\t\t</div>
  2296. \t\t\t\t\t\t";
  2297.         }
  2298.         // line 1545
  2299.         echo "
  2300. \t\t\t\t\t\t";
  2301.         // line 1547
  2302.         echo "\t\t\t\t\t\t";
  2303.         if ((((isset($context["type2"]) || array_key_exists("type2", $context) ? $context["type2"] : (function () { throw new RuntimeError('Variable "type2" does not exist.', 1547, $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.', 1547, $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.', 1547, $this->source); })())))) {
  2304.             // line 1548
  2305.             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)\">
  2306. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2307.             // line 1549
  2308.             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.', 1549, $this->source); })()), "html", null, true);
  2309.             if (((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1549, $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.', 1549, $this->source); })()))) {
  2310.                 echo ": <span>";
  2311.                 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.', 1549, $this->source); })()), "html", null, true);
  2312.                 echo "</span>";
  2313.             }
  2314.             echo "</div>
  2315. \t\t\t\t\t\t  ";
  2316.             // line 1550
  2317.             if ((isset($context["img2"]) || array_key_exists("img2", $context) ? $context["img2"] : (function () { throw new RuntimeError('Variable "img2" does not exist.', 1550, $this->source); })())) {
  2318.                 // line 1551
  2319.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2320. \t\t\t\t\t\t      ";
  2321.                 // line 1552
  2322.                 $context['_parent'] = $context;
  2323.                 $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.', 1552, $this->source); })()));
  2324.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2325.                     // line 1553
  2326.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2327.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1553, $this->source); })()) == $context["rp_name"])) {
  2328.                         echo " is-selected";
  2329.                     }
  2330.                     echo "\"
  2331. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2332.                     // line 1554
  2333.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2334.                     echo "';\">
  2335. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2336.                     // line 1555
  2337.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2338.                     echo "\"
  2339. \t\t\t\t\t\t                 ";
  2340.                     // line 1556
  2341.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1556, $this->source); })()) == $context["rp_name"])) {
  2342.                         echo "checked";
  2343.                     }
  2344.                     echo ">
  2345. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2346. \t\t\t\t\t\t               src=\"";
  2347.                     // line 1558
  2348.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2349.                     echo "\"
  2350. \t\t\t\t\t\t               alt=\"";
  2351.                     // line 1559
  2352.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2353.                     echo "\"
  2354. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2355. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2356. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2357.                     // line 1562
  2358.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2359.                     echo "</span>
  2360. \t\t\t\t\t\t        </label>
  2361. \t\t\t\t\t\t      ";
  2362.                 }
  2363.                 $_parent = $context['_parent'];
  2364.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2365.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2366.                 // line 1565
  2367.                 echo "\t\t\t\t\t\t    </div>
  2368. \t\t\t\t\t\t  ";
  2369.             } else {
  2370.                 // line 1567
  2371.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2372. \t\t\t\t\t\t      ";
  2373.                 // line 1568
  2374.                 $context['_parent'] = $context;
  2375.                 $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.', 1568, $this->source); })()));
  2376.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2377.                     // line 1569
  2378.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2379.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1569, $this->source); })()) == $context["rp_name"])) {
  2380.                         echo " is-selected";
  2381.                     }
  2382.                     echo "\"
  2383. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2384.                     // line 1570
  2385.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2386.                     echo "';\">
  2387. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"";
  2388.                     // line 1571
  2389.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2390.                     echo "\"
  2391. \t\t\t\t\t\t                 ";
  2392.                     // line 1572
  2393.                     if (((isset($context["base_select2"]) || array_key_exists("base_select2", $context) ? $context["base_select2"] : (function () { throw new RuntimeError('Variable "base_select2" does not exist.', 1572, $this->source); })()) == $context["rp_name"])) {
  2394.                         echo "checked";
  2395.                     }
  2396.                     echo ">
  2397. \t\t\t\t\t\t          ";
  2398.                     // line 1573
  2399.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2400.                     echo "
  2401. \t\t\t\t\t\t        </label>
  2402. \t\t\t\t\t\t      ";
  2403.                 }
  2404.                 $_parent = $context['_parent'];
  2405.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2406.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2407.                 // line 1576
  2408.                 echo "\t\t\t\t\t\t    </div>
  2409. \t\t\t\t\t\t  ";
  2410.             }
  2411.             // line 1578
  2412.             echo "\t\t\t\t\t\t</div>
  2413. \t\t\t\t\t\t";
  2414.         }
  2415.         // line 1580
  2416.         echo "
  2417. \t\t\t\t\t\t";
  2418.         // line 1582
  2419.         echo "\t\t\t\t\t\t";
  2420.         if ((((isset($context["type3"]) || array_key_exists("type3", $context) ? $context["type3"] : (function () { throw new RuntimeError('Variable "type3" does not exist.', 1582, $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.', 1582, $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.', 1582, $this->source); })())))) {
  2421.             // line 1583
  2422.             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)\">
  2423. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2424.             // line 1584
  2425.             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.', 1584, $this->source); })()), "html", null, true);
  2426.             if (((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1584, $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.', 1584, $this->source); })()))) {
  2427.                 echo ": <span>";
  2428.                 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.', 1584, $this->source); })()), "html", null, true);
  2429.                 echo "</span>";
  2430.             }
  2431.             echo "</div>
  2432. \t\t\t\t\t\t  ";
  2433.             // line 1585
  2434.             if ((isset($context["img3"]) || array_key_exists("img3", $context) ? $context["img3"] : (function () { throw new RuntimeError('Variable "img3" does not exist.', 1585, $this->source); })())) {
  2435.                 // line 1586
  2436.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2437. \t\t\t\t\t\t      ";
  2438.                 // line 1587
  2439.                 $context['_parent'] = $context;
  2440.                 $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.', 1587, $this->source); })()));
  2441.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2442.                     // line 1588
  2443.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2444.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1588, $this->source); })()) == $context["rp_name"])) {
  2445.                         echo " is-selected";
  2446.                     }
  2447.                     echo "\"
  2448. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2449.                     // line 1589
  2450.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2451.                     echo "';\">
  2452. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2453.                     // line 1590
  2454.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2455.                     echo "\"
  2456. \t\t\t\t\t\t                 ";
  2457.                     // line 1591
  2458.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1591, $this->source); })()) == $context["rp_name"])) {
  2459.                         echo "checked";
  2460.                     }
  2461.                     echo ">
  2462. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2463. \t\t\t\t\t\t               src=\"";
  2464.                     // line 1593
  2465.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2466.                     echo "\"
  2467. \t\t\t\t\t\t               alt=\"";
  2468.                     // line 1594
  2469.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2470.                     echo "\"
  2471. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  2472. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  2473. \t\t\t\t\t\t          <span class=\"rp-card__name\">";
  2474.                     // line 1597
  2475.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2476.                     echo "</span>
  2477. \t\t\t\t\t\t        </label>
  2478. \t\t\t\t\t\t      ";
  2479.                 }
  2480.                 $_parent = $context['_parent'];
  2481.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2482.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2483.                 // line 1600
  2484.                 echo "\t\t\t\t\t\t    </div>
  2485. \t\t\t\t\t\t  ";
  2486.             } else {
  2487.                 // line 1602
  2488.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2489. \t\t\t\t\t\t      ";
  2490.                 // line 1603
  2491.                 $context['_parent'] = $context;
  2492.                 $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.', 1603, $this->source); })()));
  2493.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2494.                     // line 1604
  2495.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2496.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1604, $this->source); })()) == $context["rp_name"])) {
  2497.                         echo " is-selected";
  2498.                     }
  2499.                     echo "\"
  2500. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2501.                     // line 1605
  2502.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2503.                     echo "';\">
  2504. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"";
  2505.                     // line 1606
  2506.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2507.                     echo "\"
  2508. \t\t\t\t\t\t                 ";
  2509.                     // line 1607
  2510.                     if (((isset($context["base_select3"]) || array_key_exists("base_select3", $context) ? $context["base_select3"] : (function () { throw new RuntimeError('Variable "base_select3" does not exist.', 1607, $this->source); })()) == $context["rp_name"])) {
  2511.                         echo "checked";
  2512.                     }
  2513.                     echo ">
  2514. \t\t\t\t\t\t          ";
  2515.                     // line 1608
  2516.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2517.                     echo "
  2518. \t\t\t\t\t\t        </label>
  2519. \t\t\t\t\t\t      ";
  2520.                 }
  2521.                 $_parent = $context['_parent'];
  2522.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2523.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2524.                 // line 1611
  2525.                 echo "\t\t\t\t\t\t    </div>
  2526. \t\t\t\t\t\t  ";
  2527.             }
  2528.             // line 1613
  2529.             echo "\t\t\t\t\t\t</div>
  2530. \t\t\t\t\t\t";
  2531.         }
  2532.         // line 1615
  2533.         echo "
  2534. \t\t\t\t\t\t";
  2535.         // line 1617
  2536.         echo "\t\t\t\t\t\t";
  2537.         if ((((isset($context["type4"]) || array_key_exists("type4", $context) ? $context["type4"] : (function () { throw new RuntimeError('Variable "type4" does not exist.', 1617, $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.', 1617, $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.', 1617, $this->source); })())))) {
  2538.             // line 1618
  2539.             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)\">
  2540. \t\t\t\t\t\t  <div class=\"rp-section-label\">";
  2541.             // line 1619
  2542.             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.', 1619, $this->source); })()), "html", null, true);
  2543.             if (((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1619, $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.', 1619, $this->source); })()))) {
  2544.                 echo ": <span>";
  2545.                 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.', 1619, $this->source); })()), "html", null, true);
  2546.                 echo "</span>";
  2547.             }
  2548.             echo "</div>
  2549. \t\t\t\t\t\t  ";
  2550.             // line 1620
  2551.             if ((isset($context["img4"]) || array_key_exists("img4", $context) ? $context["img4"] : (function () { throw new RuntimeError('Variable "img4" does not exist.', 1620, $this->source); })())) {
  2552.                 // line 1621
  2553.                 echo "\t\t\t\t\t\t    ";
  2554.                 // line 1622
  2555.                 echo "\t\t\t\t\t\t    <div class=\"rp-card-group\">
  2556. \t\t\t\t\t\t      ";
  2557.                 // line 1623
  2558.                 $context['_parent'] = $context;
  2559.                 $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.', 1623, $this->source); })()));
  2560.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2561.                     // line 1624
  2562.                     echo "\t\t\t\t\t\t        <label class=\"rp-card";
  2563.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1624, $this->source); })()) == $context["rp_name"])) {
  2564.                         echo " is-selected";
  2565.                     }
  2566.                     echo "\"
  2567. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2568.                     // line 1625
  2569.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2570.                     echo "';\">
  2571. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2572.                     // line 1626
  2573.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2574.                     echo "\"
  2575. \t\t\t\t\t\t                 ";
  2576.                     // line 1627
  2577.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1627, $this->source); })()) == $context["rp_name"])) {
  2578.                         echo "checked";
  2579.                     }
  2580.                     echo ">
  2581. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  2582. \t\t\t\t\t\t               src=\"";
  2583.                     // line 1629
  2584.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("p" . $context["rp_id"]) . "_cp_1.jpg"), "save_image"), "html", null, true);
  2585.                     echo "\"
  2586. \t\t\t\t\t\t               alt=\"";
  2587.                     // line 1630
  2588.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2589.                     echo "\" loading=\"lazy\">
  2590. \t\t\t\t\t\t          <span class=\"rp-card__label\">";
  2591.                     // line 1631
  2592.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2593.                     echo "</span>
  2594. \t\t\t\t\t\t        </label>
  2595. \t\t\t\t\t\t      ";
  2596.                 }
  2597.                 $_parent = $context['_parent'];
  2598.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2599.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2600.                 // line 1634
  2601.                 echo "\t\t\t\t\t\t    </div>
  2602. \t\t\t\t\t\t  ";
  2603.             } else {
  2604.                 // line 1636
  2605.                 echo "\t\t\t\t\t\t    ";
  2606.                 // line 1637
  2607.                 echo "\t\t\t\t\t\t    <div class=\"rp-btn-group\">
  2608. \t\t\t\t\t\t      ";
  2609.                 // line 1638
  2610.                 $context['_parent'] = $context;
  2611.                 $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.', 1638, $this->source); })()));
  2612.                 foreach ($context['_seq'] as $context["rp_id"] => $context["rp_name"]) {
  2613.                     // line 1639
  2614.                     echo "\t\t\t\t\t\t        <label class=\"rp-btn";
  2615.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1639, $this->source); })()) == $context["rp_name"])) {
  2616.                         echo " is-selected";
  2617.                     }
  2618.                     echo "\"
  2619. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/";
  2620.                     // line 1640
  2621.                     echo twig_escape_filter($this->env, $context["rp_id"], "html", null, true);
  2622.                     echo "';\">
  2623. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"";
  2624.                     // line 1641
  2625.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2626.                     echo "\"
  2627. \t\t\t\t\t\t                 ";
  2628.                     // line 1642
  2629.                     if (((isset($context["base_select4"]) || array_key_exists("base_select4", $context) ? $context["base_select4"] : (function () { throw new RuntimeError('Variable "base_select4" does not exist.', 1642, $this->source); })()) == $context["rp_name"])) {
  2630.                         echo "checked";
  2631.                     }
  2632.                     echo ">
  2633. \t\t\t\t\t\t          ";
  2634.                     // line 1643
  2635.                     echo twig_escape_filter($this->env, $context["rp_name"], "html", null, true);
  2636.                     echo "
  2637. \t\t\t\t\t\t        </label>
  2638. \t\t\t\t\t\t      ";
  2639.                 }
  2640.                 $_parent = $context['_parent'];
  2641.                 unset($context['_seq'], $context['_iterated'], $context['rp_id'], $context['rp_name'], $context['_parent'], $context['loop']);
  2642.                 $context = array_intersect_key($context, $_parent) + $_parent;
  2643.                 // line 1646
  2644.                 echo "\t\t\t\t\t\t    </div>
  2645. \t\t\t\t\t\t  ";
  2646.             }
  2647.             // line 1648
  2648.             echo "\t\t\t\t\t\t</div>
  2649. \t\t\t\t\t\t";
  2650.         }
  2651.         // line 1650
  2652.         echo "
  2654. \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>
  2656.                         ";
  2657.         // line 1654
  2658.         if ((((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1654, $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.', 1654, $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.', 1654, $this->source); })()), "SaleType", [], "any", false, false, false, 1654), "id", [], "any", false, false, false, 1654) != 3))) {
  2659.             // line 1655
  2660.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2661.                           <div class=\"rp-section-label\">カラー";
  2662.             // line 1656
  2663.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1656, $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.', 1656, $this->source); })()), "pc", [], "any", false, false, false, 1656))) {
  2664.                 echo ": <span>";
  2665.                 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.', 1656, $this->source); })()), "pc", [], "any", false, false, false, 1656), "html", null, true);
  2666.                 echo "</span>";
  2667.             }
  2668.             echo "</div>
  2669.                           <div class=\"opt-btn-group\">
  2670.                             ";
  2671.             // line 1658
  2672.             $context["idx"] = 0;
  2673.             // line 1659
  2674.             echo "                            ";
  2675.             $context['_parent'] = $context;
  2676.             $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1659, $this->source); })()));
  2677.             foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  2678.                 if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1659))) {
  2679.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1659, $this->source); })()) + 1);
  2680.                     // line 1660
  2681.                     echo "                              <label class=\"opt-btn";
  2682.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1660, $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.', 1660, $this->source); })()), "pc", [], "any", false, false, false, 1660) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1660))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1660, $this->source); })())) == 1))) {
  2683.                         echo " is-selected";
  2684.                     }
  2685.                     echo "\"
  2686.                                      onclick=\"mitsumori_simulation_val('pc', '";
  2687.                     // line 1661
  2688.                     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, 1661), "js"), "html", null, true);
  2689.                     echo "');\">
  2690.                                 <input type=\"radio\" name=\"color\" id=\"cc_";
  2691.                     // line 1662
  2692.                     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.', 1662, $this->source); })()), "html", null, true);
  2693.                     echo "\" value=\"";
  2694.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1662), "html", null, true);
  2695.                     echo "\"
  2696.                                        ";
  2697.                     // line 1663
  2698.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1663, $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.', 1663, $this->source); })()), "pc", [], "any", false, false, false, 1663) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1663))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1663, $this->source); })())) == 1))) {
  2699.                         echo "checked";
  2700.                     }
  2701.                     echo ">
  2702.                                 ";
  2703.                     // line 1664
  2704.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1664), "html", null, true);
  2705.                     echo "
  2706.                               </label>
  2707.                             ";
  2708.                 }
  2709.             }
  2710.             $_parent = $context['_parent'];
  2711.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  2712.             $context = array_intersect_key($context, $_parent) + $_parent;
  2713.             // line 1667
  2714.             echo "                          </div>
  2715.                         </div>
  2716.                         ";
  2717.         }
  2718.         // line 1670
  2719.         echo "
  2720.                         ";
  2721.         // line 1671
  2722.         if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1671, $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.', 1671, $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.', 1671, $this->source); })())) != ""))) {
  2723.             // line 1672
  2724.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2725.                           <div class=\"rp-section-label\">幅";
  2726.             // line 1673
  2727.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1673, $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.', 1673, $this->source); })()), "pw", [], "any", false, false, false, 1673))) {
  2728.                 echo ": <span>";
  2729.                 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.', 1673, $this->source); })()), "pw", [], "any", false, false, false, 1673), "html", null, true);
  2730.                 echo "</span>";
  2731.             }
  2732.             echo "</div>
  2733.                           <div class=\"opt-btn-group\">
  2734.                             ";
  2735.             // line 1675
  2736.             $context["idx"] = 0;
  2737.             // line 1676
  2738.             echo "                            ";
  2739.             $context['_parent'] = $context;
  2740.             $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.', 1676, $this->source); })()));
  2741.             foreach ($context['_seq'] as $context["_key"] => $context["pw"]) {
  2742.                 if ($context["pw"]) {
  2743.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1676, $this->source); })()) + 1);
  2744.                     // line 1677
  2745.                     echo "                              <label class=\"opt-btn";
  2746.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1677, $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.', 1677, $this->source); })()), "pw", [], "any", false, false, false, 1677) == $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.', 1677, $this->source); })())) == 1))) {
  2747.                         echo " is-selected";
  2748.                     }
  2749.                     echo "\"
  2750.                                      onclick=\"mitsumori_simulation_val('pw', '";
  2751.                     // line 1678
  2752.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pw"], "js"), "html", null, true);
  2753.                     echo "');\">
  2754.                                 <input type=\"radio\" name=\"pw\" id=\"pw_";
  2755.                     // line 1679
  2756.                     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.', 1679, $this->source); })()), "html", null, true);
  2757.                     echo "\" value=\"";
  2758.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2759.                     echo "\"
  2760.                                        ";
  2761.                     // line 1680
  2762.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1680, $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.', 1680, $this->source); })()), "pw", [], "any", false, false, false, 1680) == $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.', 1680, $this->source); })())) == 1))) {
  2763.                         echo "checked";
  2764.                     }
  2765.                     echo ">
  2766.                                 ";
  2767.                     // line 1681
  2768.                     echo twig_escape_filter($this->env, $context["pw"], "html", null, true);
  2769.                     echo "
  2770.                               </label>
  2771.                             ";
  2772.                 }
  2773.             }
  2774.             $_parent = $context['_parent'];
  2775.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw'], $context['_parent'], $context['loop']);
  2776.             $context = array_intersect_key($context, $_parent) + $_parent;
  2777.             // line 1684
  2778.             echo "                          </div>
  2779.                         </div>
  2780.                         ";
  2781.         }
  2782.         // line 1687
  2783.         echo "
  2784.                         ";
  2785.         // line 1688
  2786.         if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1688, $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.', 1688, $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.', 1688, $this->source); })())) != ""))) {
  2787.             // line 1689
  2788.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2789.                           <div class=\"rp-section-label\">奥行き";
  2790.             // line 1690
  2791.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1690, $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.', 1690, $this->source); })()), "pd", [], "any", false, false, false, 1690))) {
  2792.                 echo ": <span>";
  2793.                 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.', 1690, $this->source); })()), "pd", [], "any", false, false, false, 1690), "html", null, true);
  2794.                 echo "</span>";
  2795.             }
  2796.             echo "</div>
  2797.                           <div class=\"opt-btn-group\">
  2798.                             ";
  2799.             // line 1692
  2800.             $context["idx"] = 0;
  2801.             // line 1693
  2802.             echo "                            ";
  2803.             $context['_parent'] = $context;
  2804.             $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.', 1693, $this->source); })()));
  2805.             foreach ($context['_seq'] as $context["_key"] => $context["pd"]) {
  2806.                 if ($context["pd"]) {
  2807.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1693, $this->source); })()) + 1);
  2808.                     // line 1694
  2809.                     echo "                              <label class=\"opt-btn";
  2810.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1694, $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.', 1694, $this->source); })()), "pd", [], "any", false, false, false, 1694) == $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.', 1694, $this->source); })())) == 1))) {
  2811.                         echo " is-selected";
  2812.                     }
  2813.                     echo "\"
  2814.                                      onclick=\"mitsumori_simulation_val('pd', '";
  2815.                     // line 1695
  2816.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pd"], "js"), "html", null, true);
  2817.                     echo "');\">
  2818.                                 <input type=\"radio\" name=\"pd\" id=\"pd_";
  2819.                     // line 1696
  2820.                     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.', 1696, $this->source); })()), "html", null, true);
  2821.                     echo "\" value=\"";
  2822.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2823.                     echo "\"
  2824.                                        ";
  2825.                     // line 1697
  2826.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1697, $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.', 1697, $this->source); })()), "pd", [], "any", false, false, false, 1697) == $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.', 1697, $this->source); })())) == 1))) {
  2827.                         echo "checked";
  2828.                     }
  2829.                     echo ">
  2830.                                 ";
  2831.                     // line 1698
  2832.                     echo twig_escape_filter($this->env, $context["pd"], "html", null, true);
  2833.                     echo "
  2834.                               </label>
  2835.                             ";
  2836.                 }
  2837.             }
  2838.             $_parent = $context['_parent'];
  2839.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd'], $context['_parent'], $context['loop']);
  2840.             $context = array_intersect_key($context, $_parent) + $_parent;
  2841.             // line 1701
  2842.             echo "                          </div>
  2843.                         </div>
  2844.                         ";
  2845.         }
  2846.         // line 1704
  2847.         echo "
  2848.                         ";
  2849.         // line 1705
  2850.         if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1705, $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.', 1705, $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.', 1705, $this->source); })())) != ""))) {
  2851.             // line 1706
  2852.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2853.                           <div class=\"rp-section-label\">高さ";
  2854.             // line 1707
  2855.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1707, $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.', 1707, $this->source); })()), "ph", [], "any", false, false, false, 1707))) {
  2856.                 echo ": <span>";
  2857.                 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.', 1707, $this->source); })()), "ph", [], "any", false, false, false, 1707), "html", null, true);
  2858.                 echo "</span>";
  2859.             }
  2860.             echo "</div>
  2861.                           <div class=\"opt-btn-group\">
  2862.                             ";
  2863.             // line 1709
  2864.             $context["idx"] = 0;
  2865.             // line 1710
  2866.             echo "                            ";
  2867.             $context['_parent'] = $context;
  2868.             $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.', 1710, $this->source); })()));
  2869.             foreach ($context['_seq'] as $context["_key"] => $context["ph"]) {
  2870.                 if ($context["ph"]) {
  2871.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1710, $this->source); })()) + 1);
  2872.                     // line 1711
  2873.                     echo "                              <label class=\"opt-btn";
  2874.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1711, $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.', 1711, $this->source); })()), "ph", [], "any", false, false, false, 1711) == $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.', 1711, $this->source); })())) == 1))) {
  2875.                         echo " is-selected";
  2876.                     }
  2877.                     echo "\"
  2878.                                      onclick=\"mitsumori_simulation_val('ph', '";
  2879.                     // line 1712
  2880.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["ph"], "js"), "html", null, true);
  2881.                     echo "');\">
  2882.                                 <input type=\"radio\" name=\"ph\" id=\"ph_";
  2883.                     // line 1713
  2884.                     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.', 1713, $this->source); })()), "html", null, true);
  2885.                     echo "\" value=\"";
  2886.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2887.                     echo "\"
  2888.                                        ";
  2889.                     // line 1714
  2890.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1714, $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.', 1714, $this->source); })()), "ph", [], "any", false, false, false, 1714) == $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.', 1714, $this->source); })())) == 1))) {
  2891.                         echo "checked";
  2892.                     }
  2893.                     echo ">
  2894.                                 ";
  2895.                     // line 1715
  2896.                     echo twig_escape_filter($this->env, $context["ph"], "html", null, true);
  2897.                     echo "
  2898.                               </label>
  2899.                             ";
  2900.                 }
  2901.             }
  2902.             $_parent = $context['_parent'];
  2903.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph'], $context['_parent'], $context['loop']);
  2904.             $context = array_intersect_key($context, $_parent) + $_parent;
  2905.             // line 1718
  2906.             echo "                          </div>
  2907.                         </div>
  2908.                         ";
  2909.         }
  2910.         // line 1721
  2911.         echo "
  2912.                         ";
  2913.         // line 1722
  2914.         if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1722, $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.', 1722, $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.', 1722, $this->source); })())) != ""))) {
  2915.             // line 1723
  2916.             echo "                        <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  2917.                           <div class=\"rp-section-label\">素材";
  2918.             // line 1724
  2919.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1724, $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.', 1724, $this->source); })()), "pm", [], "any", false, false, false, 1724))) {
  2920.                 echo ": <span>";
  2921.                 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.', 1724, $this->source); })()), "pm", [], "any", false, false, false, 1724), "html", null, true);
  2922.                 echo "</span>";
  2923.             }
  2924.             echo "</div>
  2925.                           <div class=\"opt-btn-group\">
  2926.                             ";
  2927.             // line 1726
  2928.             $context["idx"] = 0;
  2929.             // line 1727
  2930.             echo "                            ";
  2931.             $context['_parent'] = $context;
  2932.             $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.', 1727, $this->source); })()));
  2933.             foreach ($context['_seq'] as $context["_key"] => $context["pm"]) {
  2934.                 if ($context["pm"]) {
  2935.                     $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1727, $this->source); })()) + 1);
  2936.                     // line 1728
  2937.                     echo "                              <label class=\"opt-btn";
  2938.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1728, $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.', 1728, $this->source); })()), "pm", [], "any", false, false, false, 1728) == $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.', 1728, $this->source); })())) == 1))) {
  2939.                         echo " is-selected";
  2940.                     }
  2941.                     echo "\"
  2942.                                      onclick=\"mitsumori_simulation_val('pm', '";
  2943.                     // line 1729
  2944.                     echo twig_escape_filter($this->env, twig_escape_filter($this->env, $context["pm"], "js"), "html", null, true);
  2945.                     echo "');\">
  2946.                                 <input type=\"radio\" name=\"pm\" id=\"pm_";
  2947.                     // line 1730
  2948.                     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.', 1730, $this->source); })()), "html", null, true);
  2949.                     echo "\" value=\"";
  2950.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  2951.                     echo "\"
  2952.                                        ";
  2953.                     // line 1731
  2954.                     if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1731, $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.', 1731, $this->source); })()), "pm", [], "any", false, false, false, 1731) == $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.', 1731, $this->source); })())) == 1))) {
  2955.                         echo "checked";
  2956.                     }
  2957.                     echo ">
  2958.                                 ";
  2959.                     // line 1732
  2960.                     echo twig_escape_filter($this->env, $context["pm"], "html", null, true);
  2961.                     echo "
  2962.                               </label>
  2963.                             ";
  2964.                 }
  2965.             }
  2966.             $_parent = $context['_parent'];
  2967.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm'], $context['_parent'], $context['loop']);
  2968.             $context = array_intersect_key($context, $_parent) + $_parent;
  2969.             // line 1735
  2970.             echo "                          </div>
  2971.                         </div>
  2972.                         ";
  2973.         }
  2974.         // line 1738
  2975.         echo "
  2976. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  2977. \t\t\t\t\t\t";
  2978.         // line 1740
  2979.         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.', 1740, $this->source); })()), "SaleType", [], "any", false, false, false, 1740), "id", [], "any", false, false, false, 1740) == 1)) {
  2980.             // line 1741
  2981.             echo "\t\t\t\t\t\t";
  2982.         }
  2983.         // line 1742
  2984.         echo "
  2985. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  2986. \t\t\t\t\t\t";
  2987.         // line 1744
  2988.         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.', 1744, $this->source); })()), "SaleType", [], "any", false, false, false, 1744), "id", [], "any", false, false, false, 1744) == 2)) {
  2989.             // line 1745
  2990.             echo "
  2991. \t\t\t\t\t\t\t";
  2992.             // line 1747
  2993.             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)\">
  2994. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  2995. \t\t\t\t\t\t\t  <div class=\"col-4\">
  2996. \t\t\t\t\t\t\t    <div class=\"input-group\">
  2997. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  2998. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"";
  2999.             // line 1752
  3000.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", true, true, false, 1752)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_w", [], "any", false, false, false, 1752), "")) : ("")), "html", null, true);
  3001.             echo "\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  3002. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3003. \t\t\t\t\t\t\t    </div>
  3004. \t\t\t\t\t\t\t  </div>
  3005. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3006. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3007. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  3008. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"";
  3009.             // line 1759
  3010.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", true, true, false, 1759)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "mado_h", [], "any", false, false, false, 1759), "")) : ("")), "html", null, true);
  3011.             echo "\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  3012. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  3013. \t\t\t\t\t\t\t    </div>
  3014. \t\t\t\t\t\t\t  </div>
  3015. \t\t\t\t\t\t\t</div>
  3017. \t\t\t\t\t\t\t";
  3018.             // line 1766
  3019.             echo "\t\t\t\t\t\t\t";
  3020.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1766, $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.', 1766, $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.', 1766, $this->source); })())) != ""))) {
  3021.                 // line 1767
  3022.                 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)\">
  3023. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  3024. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3025. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3026. \t\t\t\t\t\t\t    ";
  3027.                 // line 1771
  3028.                 $context["idx"] = 0;
  3029.                 // line 1772
  3030.                 echo "\t\t\t\t\t\t\t    ";
  3031.                 $context['_parent'] = $context;
  3032.                 $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.', 1772, $this->source); })()));
  3033.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3034.                     // line 1773
  3035.                     echo "\t\t\t\t\t\t\t      ";
  3036.                     if ($context["pd_val"]) {
  3037.                         // line 1774
  3038.                         echo "\t\t\t\t\t\t\t      ";
  3039.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1774, $this->source); })()) + 1);
  3040.                         // line 1775
  3041.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3042. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_";
  3043.                         // line 1776
  3044.                         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.', 1776, $this->source); })()), "html", null, true);
  3045.                         echo "\" value=\"";
  3046.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3047.                         echo "\"
  3048. \t\t\t\t\t\t\t          ";
  3049.                         // line 1777
  3050.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1777, $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.', 1777, $this->source); })()), "pd", [], "any", false, false, false, 1777) == $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.', 1777, $this->source); })())) == 1))) {
  3051.                             echo "checked";
  3052.                         }
  3053.                         // line 1778
  3054.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_";
  3055.                         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.', 1778, $this->source); })()), "html", null, true);
  3056.                         echo "');\">
  3057. \t\t\t\t\t\t\t        <label for=\"mado_type_";
  3058.                         // line 1779
  3059.                         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.', 1779, $this->source); })()), "html", null, true);
  3060.                         echo "\">";
  3061.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3062.                         echo "</label>
  3063. \t\t\t\t\t\t\t      </div>
  3064. \t\t\t\t\t\t\t      ";
  3065.                     }
  3066.                     // line 1782
  3067.                     echo "\t\t\t\t\t\t\t    ";
  3068.                 }
  3069.                 $_parent = $context['_parent'];
  3070.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3071.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3072.                 // line 1783
  3073.                 echo "\t\t\t\t\t\t\t    </div>
  3074. \t\t\t\t\t\t\t  </div>
  3075. \t\t\t\t\t\t\t</div>
  3076. \t\t\t\t\t\t\t";
  3077.             }
  3078.             // line 1787
  3079.             echo "
  3080. \t\t\t\t\t\t\t";
  3081.             // line 1789
  3082.             echo "\t\t\t\t\t\t\t";
  3083.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1789, $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.', 1789, $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.', 1789, $this->source); })())) != ""))) {
  3084.                 // line 1790
  3085.                 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)\">
  3086. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  3087. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3088. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3089. \t\t\t\t\t\t\t    ";
  3090.                 // line 1794
  3091.                 $context["idx"] = 0;
  3092.                 // line 1795
  3093.                 echo "\t\t\t\t\t\t\t    ";
  3094.                 $context['_parent'] = $context;
  3095.                 $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.', 1795, $this->source); })()));
  3096.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3097.                     // line 1796
  3098.                     echo "\t\t\t\t\t\t\t      ";
  3099.                     if ($context["pm_val"]) {
  3100.                         // line 1797
  3101.                         echo "\t\t\t\t\t\t\t      ";
  3102.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1797, $this->source); })()) + 1);
  3103.                         // line 1798
  3104.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3105. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_";
  3106.                         // line 1799
  3107.                         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.', 1799, $this->source); })()), "html", null, true);
  3108.                         echo "\" value=\"";
  3109.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3110.                         echo "\"
  3111. \t\t\t\t\t\t\t          ";
  3112.                         // line 1800
  3113.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1800, $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.', 1800, $this->source); })()), "pm", [], "any", false, false, false, 1800) == $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.', 1800, $this->source); })())) == 1))) {
  3114.                             echo "checked";
  3115.                         }
  3116.                         // line 1801
  3117.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_";
  3118.                         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.', 1801, $this->source); })()), "html", null, true);
  3119.                         echo "');\">
  3120. \t\t\t\t\t\t\t        <label for=\"glass_type_";
  3121.                         // line 1802
  3122.                         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.', 1802, $this->source); })()), "html", null, true);
  3123.                         echo "\">";
  3124.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3125.                         echo "</label>
  3126. \t\t\t\t\t\t\t      </div>
  3127. \t\t\t\t\t\t\t      ";
  3128.                     }
  3129.                     // line 1805
  3130.                     echo "\t\t\t\t\t\t\t    ";
  3131.                 }
  3132.                 $_parent = $context['_parent'];
  3133.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3134.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3135.                 // line 1806
  3136.                 echo "\t\t\t\t\t\t\t    </div>
  3137. \t\t\t\t\t\t\t  </div>
  3138. \t\t\t\t\t\t\t</div>
  3139. \t\t\t\t\t\t\t";
  3140.             }
  3141.             // line 1810
  3142.             echo "
  3143. \t\t\t\t\t\t\t";
  3144.             // line 1812
  3145.             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)\">
  3146. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  3147. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3148. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  3149. \t\t\t\t\t\t\t      ";
  3150.             // line 1816
  3151.             $context['_parent'] = $context;
  3152.             $context['_seq'] = twig_ensure_traversable(range(1, 20));
  3153.             foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3154.                 // line 1817
  3155.                 echo "\t\t\t\t\t\t\t        <option value=\"";
  3156.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3157.                 echo "\" ";
  3158.                 if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1817, $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.', 1817, $this->source); })()), "set_count", [], "any", false, false, false, 1817) == $context["i"]))) {
  3159.                     echo "selected";
  3160.                 }
  3161.                 echo ">";
  3162.                 echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3163.                 echo " セット</option>
  3164. \t\t\t\t\t\t\t      ";
  3165.             }
  3166.             $_parent = $context['_parent'];
  3167.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3168.             $context = array_intersect_key($context, $_parent) + $_parent;
  3169.             // line 1819
  3170.             echo "\t\t\t\t\t\t\t    </select>
  3171. \t\t\t\t\t\t\t  </div>
  3172. \t\t\t\t\t\t\t</div>
  3174. \t\t\t\t\t\t";
  3175.         }
  3176.         // line 1824
  3177.         echo "
  3178. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  3179. \t\t\t\t\t\t";
  3180.         // line 1826
  3181.         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.', 1826, $this->source); })()), "SaleType", [], "any", false, false, false, 1826), "id", [], "any", false, false, false, 1826) == 3)) {
  3182.             // line 1827
  3183.             echo "
  3184. \t\t\t\t\t\t\t";
  3185.             // line 1829
  3186.             echo "\t\t\t\t\t\t\t";
  3187.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 1829, $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.', 1829, $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.', 1829, $this->source); })())) != ""))) {
  3188.                 // line 1830
  3189.                 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)\">
  3190. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  3191. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3192. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3193. \t\t\t\t\t\t\t    ";
  3194.                 // line 1834
  3195.                 $context["idx"] = 0;
  3196.                 // line 1835
  3197.                 echo "\t\t\t\t\t\t\t    ";
  3198.                 $context['_parent'] = $context;
  3199.                 $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.', 1835, $this->source); })()));
  3200.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3201.                     if ($context["pw_val"]) {
  3202.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1835, $this->source); })()) + 1);
  3203.                         // line 1836
  3204.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3205. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_";
  3206.                         // line 1837
  3207.                         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.', 1837, $this->source); })()), "html", null, true);
  3208.                         echo "\" value=\"";
  3209.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3210.                         echo "\"
  3211. \t\t\t\t\t\t\t          ";
  3212.                         // line 1838
  3213.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1838, $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.', 1838, $this->source); })()), "pw", [], "any", false, false, false, 1838) == $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.', 1838, $this->source); })())) == 1))) {
  3214.                             echo "checked";
  3215.                         }
  3216.                         // line 1839
  3217.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_";
  3218.                         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.', 1839, $this->source); })()), "html", null, true);
  3219.                         echo "');\">
  3220. \t\t\t\t\t\t\t        <label for=\"pw3_";
  3221.                         // line 1840
  3222.                         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.', 1840, $this->source); })()), "html", null, true);
  3223.                         echo "\">";
  3224.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3225.                         echo "</label>
  3226. \t\t\t\t\t\t\t      </div>
  3227. \t\t\t\t\t\t\t    ";
  3228.                     }
  3229.                 }
  3230.                 $_parent = $context['_parent'];
  3231.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3232.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3233.                 // line 1843
  3234.                 echo "\t\t\t\t\t\t\t    </div>
  3235. \t\t\t\t\t\t\t  </div>
  3236. \t\t\t\t\t\t\t</div>
  3237. \t\t\t\t\t\t\t";
  3238.             }
  3239.             // line 1847
  3240.             echo "
  3241. \t\t\t\t\t\t\t";
  3242.             // line 1848
  3243.             if ((((isset($context["p_d"]) || array_key_exists("p_d", $context) ? $context["p_d"] : (function () { throw new RuntimeError('Variable "p_d" does not exist.', 1848, $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.', 1848, $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.', 1848, $this->source); })())) != ""))) {
  3244.                 // line 1849
  3245.                 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)\">
  3246. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  3247. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3248. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3249. \t\t\t\t\t\t\t    ";
  3250.                 // line 1853
  3251.                 $context["idx"] = 0;
  3252.                 // line 1854
  3253.                 echo "\t\t\t\t\t\t\t    ";
  3254.                 $context['_parent'] = $context;
  3255.                 $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.', 1854, $this->source); })()));
  3256.                 foreach ($context['_seq'] as $context["_key"] => $context["pd_val"]) {
  3257.                     if ($context["pd_val"]) {
  3258.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1854, $this->source); })()) + 1);
  3259.                         // line 1855
  3260.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3261. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_";
  3262.                         // line 1856
  3263.                         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.', 1856, $this->source); })()), "html", null, true);
  3264.                         echo "\" value=\"";
  3265.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3266.                         echo "\"
  3267. \t\t\t\t\t\t\t          ";
  3268.                         // line 1857
  3269.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1857, $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.', 1857, $this->source); })()), "pd", [], "any", false, false, false, 1857) == $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.', 1857, $this->source); })())) == 1))) {
  3270.                             echo "checked";
  3271.                         }
  3272.                         // line 1858
  3273.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_";
  3274.                         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.', 1858, $this->source); })()), "html", null, true);
  3275.                         echo "');\">
  3276. \t\t\t\t\t\t\t        <label for=\"pd3_";
  3277.                         // line 1859
  3278.                         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.', 1859, $this->source); })()), "html", null, true);
  3279.                         echo "\">";
  3280.                         echo twig_escape_filter($this->env, $context["pd_val"], "html", null, true);
  3281.                         echo "</label>
  3282. \t\t\t\t\t\t\t      </div>
  3283. \t\t\t\t\t\t\t    ";
  3284.                     }
  3285.                 }
  3286.                 $_parent = $context['_parent'];
  3287.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pd_val'], $context['_parent'], $context['loop']);
  3288.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3289.                 // line 1862
  3290.                 echo "\t\t\t\t\t\t\t    </div>
  3291. \t\t\t\t\t\t\t  </div>
  3292. \t\t\t\t\t\t\t</div>
  3293. \t\t\t\t\t\t\t";
  3294.             }
  3295.             // line 1866
  3296.             echo "
  3297. \t\t\t\t\t\t\t";
  3298.             // line 1867
  3299.             if ((((isset($context["p_h"]) || array_key_exists("p_h", $context) ? $context["p_h"] : (function () { throw new RuntimeError('Variable "p_h" does not exist.', 1867, $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.', 1867, $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.', 1867, $this->source); })())) != ""))) {
  3300.                 // line 1868
  3301.                 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)\">
  3302. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  3303. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3304. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3305. \t\t\t\t\t\t\t    ";
  3306.                 // line 1872
  3307.                 $context["idx"] = 0;
  3308.                 // line 1873
  3309.                 echo "\t\t\t\t\t\t\t    ";
  3310.                 $context['_parent'] = $context;
  3311.                 $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.', 1873, $this->source); })()));
  3312.                 foreach ($context['_seq'] as $context["_key"] => $context["ph_val"]) {
  3313.                     if ($context["ph_val"]) {
  3314.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1873, $this->source); })()) + 1);
  3315.                         // line 1874
  3316.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3317. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_";
  3318.                         // line 1875
  3319.                         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.', 1875, $this->source); })()), "html", null, true);
  3320.                         echo "\" value=\"";
  3321.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3322.                         echo "\"
  3323. \t\t\t\t\t\t\t          ";
  3324.                         // line 1876
  3325.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1876, $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.', 1876, $this->source); })()), "ph", [], "any", false, false, false, 1876) == $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.', 1876, $this->source); })())) == 1))) {
  3326.                             echo "checked";
  3327.                         }
  3328.                         // line 1877
  3329.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_";
  3330.                         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.', 1877, $this->source); })()), "html", null, true);
  3331.                         echo "');\">
  3332. \t\t\t\t\t\t\t        <label for=\"ph3_";
  3333.                         // line 1878
  3334.                         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.', 1878, $this->source); })()), "html", null, true);
  3335.                         echo "\">";
  3336.                         echo twig_escape_filter($this->env, $context["ph_val"], "html", null, true);
  3337.                         echo "</label>
  3338. \t\t\t\t\t\t\t      </div>
  3339. \t\t\t\t\t\t\t    ";
  3340.                     }
  3341.                 }
  3342.                 $_parent = $context['_parent'];
  3343.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ph_val'], $context['_parent'], $context['loop']);
  3344.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3345.                 // line 1881
  3346.                 echo "\t\t\t\t\t\t\t    </div>
  3347. \t\t\t\t\t\t\t  </div>
  3348. \t\t\t\t\t\t\t</div>
  3349. \t\t\t\t\t\t\t";
  3350.             }
  3351.             // line 1885
  3352.             echo "
  3353. \t\t\t\t\t\t\t";
  3354.             // line 1887
  3355.             echo "\t\t\t\t\t\t\t";
  3356.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 1887, $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.', 1887, $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.', 1887, $this->source); })())) != ""))) {
  3357.                 // line 1888
  3358.                 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)\">
  3359. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  3360. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3361. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3362. \t\t\t\t\t\t\t    ";
  3363.                 // line 1892
  3364.                 $context["idx"] = 0;
  3365.                 // line 1893
  3366.                 echo "\t\t\t\t\t\t\t    ";
  3367.                 $context['_parent'] = $context;
  3368.                 $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.', 1893, $this->source); })()));
  3369.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3370.                     if ($context["pm_val"]) {
  3371.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1893, $this->source); })()) + 1);
  3372.                         // line 1894
  3373.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3374. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_";
  3375.                         // line 1895
  3376.                         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.', 1895, $this->source); })()), "html", null, true);
  3377.                         echo "\" value=\"";
  3378.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3379.                         echo "\"
  3380. \t\t\t\t\t\t\t          ";
  3381.                         // line 1896
  3382.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1896, $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.', 1896, $this->source); })()), "pm", [], "any", false, false, false, 1896) == $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.', 1896, $this->source); })())) == 1))) {
  3383.                             echo "checked";
  3384.                         }
  3385.                         // line 1897
  3386.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_";
  3387.                         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.', 1897, $this->source); })()), "html", null, true);
  3388.                         echo "');\">
  3389. \t\t\t\t\t\t\t        <label for=\"pm3_";
  3390.                         // line 1898
  3391.                         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.', 1898, $this->source); })()), "html", null, true);
  3392.                         echo "\">";
  3393.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3394.                         echo "</label>
  3395. \t\t\t\t\t\t\t      </div>
  3396. \t\t\t\t\t\t\t    ";
  3397.                     }
  3398.                 }
  3399.                 $_parent = $context['_parent'];
  3400.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3401.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3402.                 // line 1901
  3403.                 echo "\t\t\t\t\t\t\t    </div>
  3404. \t\t\t\t\t\t\t  </div>
  3405. \t\t\t\t\t\t\t</div>
  3406. \t\t\t\t\t\t\t";
  3407.             }
  3408.             // line 1905
  3409.             echo "
  3410. \t\t\t\t\t\t\t";
  3411.             // line 1907
  3412.             echo "\t\t\t\t\t\t\t";
  3413.             if (((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1907, $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.', 1907, $this->source); })())))) {
  3414.                 // line 1908
  3415.                 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)\">
  3416. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  3417. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3418. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3419. \t\t\t\t\t\t\t    ";
  3420.                 // line 1912
  3421.                 $context["idx"] = 0;
  3422.                 // line 1913
  3423.                 echo "\t\t\t\t\t\t\t    ";
  3424.                 $context['_parent'] = $context;
  3425.                 $context['_seq'] = twig_ensure_traversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1913, $this->source); })()));
  3426.                 foreach ($context['_seq'] as $context["_key"] => $context["cc"]) {
  3427.                     if (($context["cc"] && twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1913))) {
  3428.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 1913, $this->source); })()) + 1);
  3429.                         // line 1914
  3430.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3431. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_";
  3432.                         // line 1915
  3433.                         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.', 1915, $this->source); })()), "html", null, true);
  3434.                         echo "\" value=\"";
  3435.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1915), "html", null, true);
  3436.                         echo "\"
  3437. \t\t\t\t\t\t\t          ";
  3438.                         // line 1916
  3439.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1916, $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.', 1916, $this->source); })()), "pc", [], "any", false, false, false, 1916) == twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1916))) || (twig_length_filter($this->env, (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 1916, $this->source); })())) == 1))) {
  3440.                             echo "checked";
  3441.                         }
  3442.                         // line 1917
  3443.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_";
  3444.                         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.', 1917, $this->source); })()), "html", null, true);
  3445.                         echo "');\">
  3446. \t\t\t\t\t\t\t        <label for=\"cc3_";
  3447.                         // line 1918
  3448.                         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.', 1918, $this->source); })()), "html", null, true);
  3449.                         echo "\">";
  3450.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cc"], "name", [], "array", false, false, false, 1918), "html", null, true);
  3451.                         echo "</label>
  3452. \t\t\t\t\t\t\t      </div>
  3453. \t\t\t\t\t\t\t    ";
  3454.                     }
  3455.                 }
  3456.                 $_parent = $context['_parent'];
  3457.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cc'], $context['_parent'], $context['loop']);
  3458.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3459.                 // line 1921
  3460.                 echo "\t\t\t\t\t\t\t    </div>
  3461. \t\t\t\t\t\t\t  </div>
  3462. \t\t\t\t\t\t\t</div>
  3463. \t\t\t\t\t\t\t";
  3464.             }
  3465.             // line 1925
  3466.             echo "
  3467. \t\t\t\t\t\t\t";
  3468.             // line 1927
  3469.             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)\">
  3470. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  3471. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3472. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3473. \t\t\t\t\t\t\t      <input type=\"number\" name=\"daisu\" id=\"daisu\" class=\"form-control\" value=\"";
  3474.             // line 1931
  3475.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", true, true, false, 1931)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "daisu", [], "any", false, false, false, 1931), "1")) : ("1")), "html", null, true);
  3476.             echo "\" min=\"1\" max=\"10\" onchange=\"mitsumori_simulation('daisu','daisu');\">
  3477. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  3478. \t\t\t\t\t\t\t    </div>
  3479. \t\t\t\t\t\t\t  </div>
  3480. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3481. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  3482. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  3483. \t\t\t\t\t\t\t  </div>
  3484. \t\t\t\t\t\t\t</div>
  3486. \t\t\t\t\t\t";
  3487.         }
  3488.         // line 1942
  3489.         echo "
  3490. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  3491. \t\t\t\t\t\t";
  3492.         // line 1944
  3493.         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.', 1944, $this->source); })()), "SaleType", [], "any", false, false, false, 1944), "id", [], "any", false, false, false, 1944) == 4)) {
  3494.             // line 1945
  3495.             echo "
  3496. \t\t\t\t\t\t\t";
  3497.             // line 1947
  3498.             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)\">
  3499. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  3500. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  3501. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3502. \t\t\t\t\t\t\t      <input type=\"number\" name=\"maisu\" id=\"maisu\" class=\"form-control\" value=\"";
  3503.             // line 1951
  3504.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", true, true, false, 1951)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "maisu", [], "any", false, false, false, 1951), "3")) : ("3")), "html", null, true);
  3505.             echo "\" min=\"3\" max=\"20\" onchange=\"mitsumori_simulation('maisu','maisu');\">
  3506. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  3507. \t\t\t\t\t\t\t    </div>
  3508. \t\t\t\t\t\t\t  </div>
  3509. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3510. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  3511. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  3512. \t\t\t\t\t\t\t  </div>
  3513. \t\t\t\t\t\t\t</div>
  3515. \t\t\t\t\t\t";
  3516.         }
  3517.         // line 1962
  3518.         echo "
  3519. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  3520. \t\t\t\t\t\t";
  3521.         // line 1964
  3522.         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.', 1964, $this->source); })()), "SaleType", [], "any", false, false, false, 1964), "id", [], "any", false, false, false, 1964) == 5)) {
  3523.             // line 1965
  3524.             echo "
  3525. \t\t\t\t\t\t\t";
  3526.             // line 1967
  3527.             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)\">
  3528. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3529. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3530. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3531. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3532. \t\t\t\t\t\t\t        class=\"form-control\"
  3533. \t\t\t\t\t\t\t        value=\"";
  3534.             // line 1973
  3535.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 1973)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 1973), "")) : ("")), "html", null, true);
  3536.             echo "\"
  3537. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  3538. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3539. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3540. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  3541. \t\t\t\t\t\t\t    </div>
  3542. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  3543. \t\t\t\t\t\t\t  </div>
  3544. \t\t\t\t\t\t\t</div>
  3546. \t\t\t\t\t\t\t";
  3547.             // line 1984
  3548.             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)\">
  3549. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  3550. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3551. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3552. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3553. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  3554. \t\t\t\t\t\t\t          ";
  3555.             // line 1990
  3556.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1990, $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.', 1990, $this->source); })()), "deck_step", [], "any", false, false, false, 1990) == "必要"))) {
  3557.                 echo "checked";
  3558.             }
  3559.             // line 1991
  3560.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  3561. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  3562. \t\t\t\t\t\t\t      </div>
  3563. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3564. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  3565. \t\t\t\t\t\t\t          ";
  3566.             // line 1996
  3567.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 1996, $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.', 1996, $this->source); })()), "deck_step", [], "any", false, false, false, 1996) == "不要")) ||  !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.', 1996, $this->source); })()), "deck_step", [], "any", false, false, false, 1996))) {
  3568.                 echo "checked";
  3569.             }
  3570.             // line 1997
  3571.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  3572. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  3573. \t\t\t\t\t\t\t      </div>
  3574. \t\t\t\t\t\t\t    </div>
  3575. \t\t\t\t\t\t\t  </div>
  3576. \t\t\t\t\t\t\t</div>
  3578. \t\t\t\t\t\t\t";
  3579.             // line 2005
  3580.             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)\">
  3581. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  3582. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3583. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3584. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3585. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  3586. \t\t\t\t\t\t\t          ";
  3587.             // line 2011
  3588.             if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2011, $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.', 2011, $this->source); })()), "deck_fence", [], "any", false, false, false, 2011) == "必要"))) {
  3589.                 echo "checked";
  3590.             }
  3591.             // line 2012
  3592.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  3593. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  3594. \t\t\t\t\t\t\t      </div>
  3595. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3596. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  3597. \t\t\t\t\t\t\t          ";
  3598.             // line 2017
  3599.             if ((( !(isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2017, $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.', 2017, $this->source); })()), "deck_fence", [], "any", false, false, false, 2017) == "不要")) ||  !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.', 2017, $this->source); })()), "deck_fence", [], "any", false, false, false, 2017))) {
  3600.                 echo "checked";
  3601.             }
  3602.             // line 2018
  3603.             echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  3604. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  3605. \t\t\t\t\t\t\t      </div>
  3606. \t\t\t\t\t\t\t    </div>
  3607. \t\t\t\t\t\t\t  </div>
  3608. \t\t\t\t\t\t\t</div>
  3610. \t\t\t\t\t\t";
  3611.         }
  3612.         // line 2026
  3613.         echo "
  3614. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  3615. \t\t\t\t\t\t";
  3616.         // line 2028
  3617.         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.', 2028, $this->source); })()), "SaleType", [], "any", false, false, false, 2028), "id", [], "any", false, false, false, 2028) == 6)) {
  3618.             // line 2029
  3619.             echo "
  3620. \t\t\t\t\t\t\t";
  3621.             // line 2031
  3622.             echo "\t\t\t\t\t\t\t";
  3623.             if ((((isset($context["p_m"]) || array_key_exists("p_m", $context) ? $context["p_m"] : (function () { throw new RuntimeError('Variable "p_m" does not exist.', 2031, $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.', 2031, $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.', 2031, $this->source); })())) != ""))) {
  3624.                 // line 2032
  3625.                 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)\">
  3626. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  3627. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3628. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3629. \t\t\t\t\t\t\t    ";
  3630.                 // line 2036
  3631.                 $context["idx"] = 0;
  3632.                 // line 2037
  3633.                 echo "\t\t\t\t\t\t\t    ";
  3634.                 $context['_parent'] = $context;
  3635.                 $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.', 2037, $this->source); })()));
  3636.                 foreach ($context['_seq'] as $context["_key"] => $context["pm_val"]) {
  3637.                     if ($context["pm_val"]) {
  3638.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2037, $this->source); })()) + 1);
  3639.                         // line 2038
  3640.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3641. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_";
  3642.                         // line 2039
  3643.                         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.', 2039, $this->source); })()), "html", null, true);
  3644.                         echo "\" value=\"";
  3645.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3646.                         echo "\"
  3647. \t\t\t\t\t\t\t          ";
  3648.                         // line 2040
  3649.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2040, $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.', 2040, $this->source); })()), "pm", [], "any", false, false, false, 2040) == $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.', 2040, $this->source); })())) == 1))) {
  3650.                             echo "checked";
  3651.                         }
  3652.                         // line 2041
  3653.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_";
  3654.                         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.', 2041, $this->source); })()), "html", null, true);
  3655.                         echo "');\">
  3656. \t\t\t\t\t\t\t        <label for=\"pm6_";
  3657.                         // line 2042
  3658.                         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.', 2042, $this->source); })()), "html", null, true);
  3659.                         echo "\">";
  3660.                         echo twig_escape_filter($this->env, $context["pm_val"], "html", null, true);
  3661.                         echo "</label>
  3662. \t\t\t\t\t\t\t      </div>
  3663. \t\t\t\t\t\t\t    ";
  3664.                     }
  3665.                 }
  3666.                 $_parent = $context['_parent'];
  3667.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pm_val'], $context['_parent'], $context['loop']);
  3668.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3669.                 // line 2045
  3670.                 echo "\t\t\t\t\t\t\t    </div>
  3671. \t\t\t\t\t\t\t  </div>
  3672. \t\t\t\t\t\t\t</div>
  3673. \t\t\t\t\t\t\t";
  3674.             }
  3675.             // line 2049
  3676.             echo "
  3677. \t\t\t\t\t\t\t";
  3678.             // line 2051
  3679.             echo "\t\t\t\t\t\t\t";
  3680.             if ((((isset($context["p_w"]) || array_key_exists("p_w", $context) ? $context["p_w"] : (function () { throw new RuntimeError('Variable "p_w" does not exist.', 2051, $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.', 2051, $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.', 2051, $this->source); })())) != ""))) {
  3681.                 // line 2052
  3682.                 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)\">
  3683. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  3684. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3685. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  3686. \t\t\t\t\t\t\t    ";
  3687.                 // line 2056
  3688.                 $context["idx"] = 0;
  3689.                 // line 2057
  3690.                 echo "\t\t\t\t\t\t\t    ";
  3691.                 $context['_parent'] = $context;
  3692.                 $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.', 2057, $this->source); })()));
  3693.                 foreach ($context['_seq'] as $context["_key"] => $context["pw_val"]) {
  3694.                     if ($context["pw_val"]) {
  3695.                         $context["idx"] = ((isset($context["idx"]) || array_key_exists("idx", $context) ? $context["idx"] : (function () { throw new RuntimeError('Variable "idx" does not exist.', 2057, $this->source); })()) + 1);
  3696.                         // line 2058
  3697.                         echo "\t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  3698. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_";
  3699.                         // line 2059
  3700.                         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.', 2059, $this->source); })()), "html", null, true);
  3701.                         echo "\" value=\"";
  3702.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3703.                         echo "\"
  3704. \t\t\t\t\t\t\t          ";
  3705.                         // line 2060
  3706.                         if ((((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2060, $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.', 2060, $this->source); })()), "pw", [], "any", false, false, false, 2060) == $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.', 2060, $this->source); })())) == 1))) {
  3707.                             echo "checked";
  3708.                         }
  3709.                         // line 2061
  3710.                         echo "\t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_";
  3711.                         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.', 2061, $this->source); })()), "html", null, true);
  3712.                         echo "');\">
  3713. \t\t\t\t\t\t\t        <label for=\"pw6_";
  3714.                         // line 2062
  3715.                         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.', 2062, $this->source); })()), "html", null, true);
  3716.                         echo "\">";
  3717.                         echo twig_escape_filter($this->env, $context["pw_val"], "html", null, true);
  3718.                         echo "</label>
  3719. \t\t\t\t\t\t\t      </div>
  3720. \t\t\t\t\t\t\t    ";
  3721.                     }
  3722.                 }
  3723.                 $_parent = $context['_parent'];
  3724.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['pw_val'], $context['_parent'], $context['loop']);
  3725.                 $context = array_intersect_key($context, $_parent) + $_parent;
  3726.                 // line 2065
  3727.                 echo "\t\t\t\t\t\t\t    </div>
  3728. \t\t\t\t\t\t\t  </div>
  3729. \t\t\t\t\t\t\t</div>
  3730. \t\t\t\t\t\t\t";
  3731.             }
  3732.             // line 2069
  3733.             echo "
  3734. \t\t\t\t\t\t\t";
  3735.             // line 2071
  3736.             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)\">
  3737. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  3738. \t\t\t\t\t\t\t  <div class=\"col-8\">
  3739. \t\t\t\t\t\t\t    <div class=\"input-group\">
  3740. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  3741. \t\t\t\t\t\t\t        class=\"form-control\"
  3742. \t\t\t\t\t\t\t        value=\"";
  3743.             // line 2077
  3744.             echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", true, true, false, 2077)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["mitsumori_json"] ?? null), "area", [], "any", false, false, false, 2077), "")) : ("")), "html", null, true);
  3745.             echo "\"
  3746. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  3747. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  3748. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  3749. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  3750. \t\t\t\t\t\t\t    </div>
  3751. \t\t\t\t\t\t\t  </div>
  3752. \t\t\t\t\t\t\t</div>
  3754. \t\t\t\t\t\t";
  3755.         }
  3756.         // line 2087
  3757.         echo "
  3758. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  3759. \t\t\t\t\t\t";
  3760.         // line 2089
  3761.         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.', 2089, $this->source); })()), "SaleType", [], "any", false, false, false, 2089), "id", [], "any", false, false, false, 2089) == 9)) {
  3762.             // line 2090
  3763.             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)\">
  3764. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  3765. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3766. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  3767. \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);\">
  3768. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  3769. \t\t\t\t\t\t\t    </div>
  3770. \t\t\t\t\t\t\t  </div>
  3771. \t\t\t\t\t\t\t  <div class=\"col-4\">
  3772. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  3773. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  3774. \t\t\t\t\t\t\t  </div>
  3775. \t\t\t\t\t\t\t</div>
  3776. \t\t\t\t\t\t";
  3777.         }
  3778.         // line 2104
  3779.         echo "
  3783. \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>
  3784. \t\t\t\t\t\t";
  3785.         // line 2109
  3786.         $context['_parent'] = $context;
  3787.         $context['_seq'] = twig_ensure_traversable(range(0, 10));
  3788.         foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  3789.             // line 2110
  3790.             echo "\t\t\t\t\t\t\t";
  3791.             if (((isset($context["op"]) || array_key_exists("op", $context) ? $context["op"] : (function () { throw new RuntimeError('Variable "op" does not exist.', 2110, $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.', 2110, $this->source); })())) >= ($context["i"] + 1)))) {
  3792.                 // line 2111
  3793.                 echo "\t\t\t\t\t\t\t";
  3794.                 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.', 2111, $this->source); })()), $context["i"], [], "array", false, false, false, 2111), "name", [], "array", false, false, false, 2111)) {
  3795.                     // line 2112
  3796.                     echo "\t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  3797. \t\t\t\t\t\t\t  <div class=\"rp-section-label\">";
  3798.                     // line 2113
  3799.                     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.', 2113, $this->source); })()), $context["i"], [], "array", false, false, false, 2113), "name", [], "array", false, false, false, 2113), "html", null, true);
  3800.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2113, $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.', 2113, $this->source); })()), "op", [], "any", false, false, false, 2113), $context["i"], [], "array", false, false, false, 2113))) {
  3801.                         echo ": <span>";
  3802.                         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.', 2113, $this->source); })()), "op", [], "any", false, false, false, 2113), $context["i"], [], "array", false, false, false, 2113), "html", null, true);
  3803.                         echo "</span>";
  3804.                     }
  3805.                     echo "</div>
  3806. \t\t\t\t\t\t\t  ";
  3807.                     // line 2114
  3808.                     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.', 2114, $this->source); })()), $context["i"], [], "array", false, false, false, 2114), "comment", [], "array", false, false, false, 2114)) {
  3809.                         echo "<div class=\"opt-comment\" style=\"font-size:12px;color:#666;margin:4px 0 6px;\">";
  3810.                         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.', 2114, $this->source); })()), $context["i"], [], "array", false, false, false, 2114), "comment", [], "array", false, false, false, 2114), "html", null, true);
  3811.                         echo "</div>";
  3812.                     }
  3813.                     // line 2115
  3814.                     echo "\t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  3815. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3816.                     // line 2116
  3817.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2116, $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.', 2116, $this->source); })()), "op", [], "any", false, false, false, 2116), $context["i"], [], "array", false, false, false, 2116) == 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.', 2116, $this->source); })()), $context["i"], [], "array", false, false, false, 2116), "on", [], "array", false, false, false, 2116)))) {
  3818.                         echo " is-selected";
  3819.                     }
  3820.                     echo "\"
  3821. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3822.                     // line 2117
  3823.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3824.                     echo "','op";
  3825.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3826.                     echo "_1');\">
  3827. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3828.                     // line 2118
  3829.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3830.                     echo "\" id=\"op";
  3831.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3832.                     echo "_1\" value=\"";
  3833.                     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.', 2118, $this->source); })()), $context["i"], [], "array", false, false, false, 2118), "on", [], "array", false, false, false, 2118), "html", null, true);
  3834.                     echo "\" ";
  3835.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2118, $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.', 2118, $this->source); })()), "op", [], "any", false, false, false, 2118), $context["i"], [], "array", false, false, false, 2118) == 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.', 2118, $this->source); })()), $context["i"], [], "array", false, false, false, 2118), "on", [], "array", false, false, false, 2118)))) {
  3836.                         echo "checked";
  3837.                     }
  3838.                     echo ">
  3839. \t\t\t\t\t\t\t      ";
  3840.                     // line 2119
  3841.                     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.', 2119, $this->source); })()), $context["i"], [], "array", false, false, false, 2119), "on", [], "array", false, false, false, 2119), "html", null, true);
  3842.                     echo "
  3843. \t\t\t\t\t\t\t    </label>
  3844. \t\t\t\t\t\t\t    <label class=\"opt-btn";
  3845.                     // line 2121
  3846.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2121, $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.', 2121, $this->source); })()), "op", [], "any", false, false, false, 2121), $context["i"], [], "array", false, false, false, 2121) == 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.', 2121, $this->source); })()), $context["i"], [], "array", false, false, false, 2121), "off", [], "array", false, false, false, 2121)))) {
  3847.                         echo " is-selected";
  3848.                     }
  3849.                     echo "\"
  3850. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op";
  3851.                     // line 2122
  3852.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3853.                     echo "','op";
  3854.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3855.                     echo "_2');\">
  3856. \t\t\t\t\t\t\t      <input type=\"radio\" name=\"op";
  3857.                     // line 2123
  3858.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3859.                     echo "\" id=\"op";
  3860.                     echo twig_escape_filter($this->env, $context["i"], "html", null, true);
  3861.                     echo "_2\" value=\"";
  3862.                     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.', 2123, $this->source); })()), $context["i"], [], "array", false, false, false, 2123), "off", [], "array", false, false, false, 2123), "html", null, true);
  3863.                     echo "\" ";
  3864.                     if (((isset($context["mitsumori_json"]) || array_key_exists("mitsumori_json", $context) ? $context["mitsumori_json"] : (function () { throw new RuntimeError('Variable "mitsumori_json" does not exist.', 2123, $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.', 2123, $this->source); })()), "op", [], "any", false, false, false, 2123), $context["i"], [], "array", false, false, false, 2123) == 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.', 2123, $this->source); })()), $context["i"], [], "array", false, false, false, 2123), "off", [], "array", false, false, false, 2123)))) {
  3865.                         echo "checked";
  3866.                     }
  3867.                     echo ">
  3868. \t\t\t\t\t\t\t      ";
  3869.                     // line 2124
  3870.                     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.', 2124, $this->source); })()), $context["i"], [], "array", false, false, false, 2124), "off", [], "array", false, false, false, 2124), "html", null, true);
  3871.                     echo "
  3872. \t\t\t\t\t\t\t    </label>
  3873. \t\t\t\t\t\t\t  </div>
  3874. \t\t\t\t\t\t\t</div>
  3875. \t\t\t\t\t\t\t";
  3876.                 }
  3877.                 // line 2129
  3878.                 echo "\t\t\t\t\t\t\t";
  3879.             }
  3880.             // line 2130
  3881.             echo "\t\t\t\t\t\t";
  3882.         }
  3883.         $_parent = $context['_parent'];
  3884.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
  3885.         $context = array_intersect_key($context, $_parent) + $_parent;
  3886.         // line 2131
  3887.         echo "
  3888. \t\t\t\t\t  </div>
  3889. \t\t\t\t\t  <!-- /.card-body -->
  3890. \t\t\t\t\t</div>
  3893.                     <form action=\"";
  3894.         // line 2137
  3895.         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.', 2137, $this->source); })()), "id", [], "any", false, false, false, 2137)]), "html", null, true);
  3896.         echo "\" method=\"post\" id=\"form1\" name=\"form1\">
  3897.                         ";
  3898.         // line 2138
  3899.         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.', 2138, $this->source); })()), "stock_find", [], "any", false, false, false, 2138)) {
  3900.             // line 2139
  3901.             echo "                            <div class=\"ec-productRole__actions\">
  3902.                                 ";
  3903.             // line 2140
  3904.             if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id1", [], "any", true, true, false, 2140)) {
  3905.                 // line 2141
  3906.                 echo "                                    <div class=\"ec-select\">
  3907.                                         ";
  3908.                 // line 2142
  3909.                 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.', 2142, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2142), 'row');
  3910.                 echo "
  3911.                                         ";
  3912.                 // line 2143
  3913.                 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.', 2143, $this->source); })()), "classcategory_id1", [], "any", false, false, false, 2143), 'errors');
  3914.                 echo "
  3915.                                     </div>
  3916.                                     ";
  3917.                 // line 2145
  3918.                 if (twig_get_attribute($this->env, $this->source, ($context["form"] ?? null), "classcategory_id2", [], "any", true, true, false, 2145)) {
  3919.                     // line 2146
  3920.                     echo "                                        <div class=\"ec-select\">
  3921.                                             ";
  3922.                     // line 2147
  3923.                     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.', 2147, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2147), 'row');
  3924.                     echo "
  3925.                                             ";
  3926.                     // line 2148
  3927.                     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.', 2148, $this->source); })()), "classcategory_id2", [], "any", false, false, false, 2148), 'errors');
  3928.                     echo "
  3929.                                         </div>
  3930.                                     ";
  3931.                 }
  3932.                 // line 2151
  3933.                 echo "                                ";
  3934.             }
  3935.             // line 2152
  3936.             echo "                                <div class=\"ec-numberInput\">
  3937.                                     ";
  3938.             // line 2153
  3939.             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.', 2153, $this->source); })()), "quantity", [], "any", false, false, false, 2153), 'widget', ["type" => "hidden"]);
  3940.             echo "
  3941.                                     ";
  3942.             // line 2154
  3943.             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.', 2154, $this->source); })()), "quantity", [], "any", false, false, false, 2154), 'errors');
  3944.             echo "
  3945.                                 </div>
  3946.                             </div>
  3948.                         ";
  3949.         } else {
  3950.             // line 2159
  3951.             echo "                            <div class=\"ec-productRole__btn\">
  3952.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  3953.                                     ";
  3954.             // line 2161
  3955.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("ただいま品切れ中です。"), "html", null, true);
  3956.             echo "
  3957.                                 </button>
  3958.                             </div>
  3959.                         ";
  3960.         }
  3961.         // line 2165
  3962.         echo "                        <div class=\"ec-productRole__btn mt-3\">
  3963.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">施工検討リストに入れる</button>
  3964.                         </div>
  3965.                         ";
  3966.         // line 2168
  3967.         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.', 2168, $this->source); })()), 'rest');
  3968.         echo "
  3969.                     </form>
  3970.                     <div class=\"ec-modal\">
  3971.                         <div class=\"ec-modal-overlay\">
  3972.                             <div class=\"ec-modal-wrap\">
  3973.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"";
  3974.         // line 2173
  3975.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/icon/cross-dark.svg"), "html", null, true);
  3976.         echo "\" alt=\"\"/></span></span>
  3977.                                 <div id=\"ec-modal-header\" class=\"text-center\">";
  3978.         // line 2174
  3979.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストに追加しました。"), "html", null, true);
  3980.         echo "</div>
  3981.                                 <div class=\"ec-modal-box\">
  3982.                                     <div class=\"ec-role\">
  3983.                                         <span class=\"ec-inlineBtn--cancel\">";
  3984.         // line 2177
  3985.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("商品検索を続ける"), "html", null, true);
  3986.         echo "</span>
  3987.                                         <a href=\"";
  3988.         // line 2178
  3989.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("cart");
  3990.         echo "\" class=\"ec-inlineBtn--action\">";
  3991.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("施工検討リストへ進む"), "html", null, true);
  3992.         echo "</a>
  3993.                                     </div>
  3994.                                 </div>
  3995.                             </div>
  3996.                         </div>
  3997.                     </div>
  3998.                     <div class=\"ec-productRole__description\">";
  3999.         // line 2184
  4000.         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.', 2184, $this->source); })()), "description_detail", [], "any", false, false, false, 2184));
  4001.         echo "
  4002.                     </div>
  4004.                     ";
  4005.         // line 2188
  4006.         echo "                    <div class=\"ec-productRole__share\">
  4007.                         <ul class=\"ec-share\">
  4008.                             <li class=\"ec-share__item\">
  4009.                                 <a href=\"https://twitter.com/share?url=";
  4010.         // line 2191
  4011.         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.', 2191, $this->source); })()), "request", [], "any", false, false, false, 2191), "uri", [], "any", false, false, false, 2191)), "html", null, true);
  4012.         echo "&text=";
  4013.         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.', 2191, $this->source); })()), "name", [], "any", false, false, false, 2191)), "html", null, true);
  4014.         echo "\" class=\"ec-share__link ec-share__link--twitter\" target=\"_blank\" rel=\"noreferrer noopener\">
  4015.                                     <i class=\"fab fa-twitter\"></i>
  4016.                                 </a>
  4017.                             </li>
  4018.                             <li class=\"ec-share__item\">
  4019.                                 <a href=\"https://www.facebook.com/sharer/sharer.php?u=";
  4020.         // line 2196
  4021.         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.', 2196, $this->source); })()), "request", [], "any", false, false, false, 2196), "uri", [], "any", false, false, false, 2196)), "html", null, true);
  4022.         echo "\" class=\"ec-share__link ec-share__link--facebook\" target=\"_blank\" rel=\"noreferrer noopener\">
  4023.                                     <i class=\"fab fa-facebook-f\"></i>
  4024.                                 </a>
  4025.                             </li>
  4026.                             <li class=\"ec-share__item\">
  4027.                                 <a href=\"https://social-plugins.line.me/lineit/share?url=";
  4028.         // line 2201
  4029.         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.', 2201, $this->source); })()), "request", [], "any", false, false, false, 2201), "uri", [], "any", false, false, false, 2201)), "html", null, true);
  4030.         echo "\" class=\"ec-share__link ec-share__link--line\" target=\"_blank\" rel=\"noreferrer noopener\">
  4031.                                     <i class=\"fab fa-line\"></i>
  4032.                                 </a>
  4033.                             </li>
  4034.                         </ul>
  4035.                     </div>
  4036.                 </div>
  4037. \t\t\t\t";
  4038.         // line 2209
  4039.         echo "\t\t\t\t<div id=\"sp-mitsumori-bar\">
  4040. \t\t\t\t    <div>
  4041. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  4042. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  4043. \t\t\t\t    </div>
  4044. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  4045. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  4046. \t\t\t\t        検討リストへ
  4047. \t\t\t\t    </button>
  4048. \t\t\t\t</div>
  4050. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  4051. \t\t\t\t\t<div class=\"card-header\">
  4052. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  4053. \t\t\t\t\t  <div class=\"card-tools\">
  4054. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  4055. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  4056. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  4057. \t\t\t\t\t    </button>
  4058. \t\t\t\t\t  </div>
  4059. \t\t\t\t\t</div>
  4060. \t\t\t\t\t<div class=\"card-body p-0\">
  4061. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  4062. \t\t\t\t\t    <li class=\"nav-item active\">
  4063. \t\t\t\t\t      <a class=\"nav-link\">
  4064. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  4065. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  4066. \t\t\t\t\t      </a>
  4067. \t\t\t\t\t    </li>
  4068. \t\t\t\t\t    <li class=\"nav-item active\">
  4069. \t\t\t\t\t      <a class=\"nav-link\">
  4070. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  4071. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  4072. \t\t\t\t\t      </a>
  4073. \t\t\t\t\t    </li>
  4074. \t\t\t\t\t    <li class=\"nav-item\">
  4075. \t\t\t\t\t      <a class=\"nav-link\">
  4076. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  4077. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  4078. \t\t\t\t\t      </a>
  4079. \t\t\t\t\t    </li>
  4080. \t\t\t\t\t    <li class=\"nav-item\">
  4081. \t\t\t\t\t      <a class=\"nav-link\">
  4082. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  4083. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  4084. \t\t\t\t\t      </a>
  4085. \t\t\t\t\t    </li>
  4086. \t\t\t\t\t    <li class=\"nav-item\">
  4087. \t\t\t\t\t      <a class=\"nav-link\">
  4088. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  4089. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  4090. \t\t\t\t\t      </a>
  4091. \t\t\t\t\t    </li>
  4092. \t\t\t\t\t    <li class=\"nav-item\">
  4093. \t\t\t\t\t      <a class=\"nav-link\">
  4094. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  4095. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  4096. \t\t\t\t\t      </a>
  4097. \t\t\t\t\t    </li>
  4098. \t\t\t\t\t  </ul>
  4099. \t\t\t\t\t</div>
  4100. \t\t\t\t\t<div class=\"card-footer\">
  4101. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  4102. \t\t                  見積書表示
  4103. \t\t                </button>
  4104.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  4106. \t\t\t\t\t</div>
  4107. \t\t\t\t</div>
  4108.             </div>
  4110.         </div>
  4112.     </div>
  4114.   <div class=\"modal\" id=\"modal-mitsumori\">
  4115.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  4116.       <div class=\"modal-content\">
  4117.         <div class=\"modal-header\">
  4118.           <h4 class=\"modal-title\">お見積書</h4>
  4119.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  4120.             <span aria-hidden=\"true\">&times;</span>
  4121.           </button>
  4122.         </div>
  4123.         <div class=\"modal-body\">
  4124. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  4125. \t\t\t  <!-- title row -->
  4126. \t\t\t  <div class=\"row\">
  4127. \t\t\t    <div class=\"col-12\">
  4128. \t\t\t      <h2>概算お見積書 
  4129. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  4130. \t\t\t      </h2>
  4131. \t\t\t    </div>
  4132. \t\t\t    <!-- /.col -->
  4133. \t\t\t  </div>
  4134. \t\t\t  <!-- info row -->
  4135. \t\t\t  <div class=\"row invoice-info\">
  4136. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  4137. \t\t\t      <h3>お客様</h3>
  4138. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  4139. \t\t\t      <br />
  4140. \t\t\t      <br / >
  4141. \t\t\t      <br />
  4142. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  4143. \t\t\t      <span>
  4144. \t\t\t        <br/>
  4145. \t\t\t        <br/>
  4146. \t\t\t        <br/>
  4147. \t\t\t        <br/>
  4148. \t\t\t      </span>
  4149. \t\t\t    </div>
  4150. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  4151. \t\t\t      <p>
  4152. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  4153. \t\t\t      </p>
  4154. \t\t\t      <p>有限会社プラス</p>
  4155. \t\t\t      <p>〒400-0334</p>
  4156. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  4157. \t\t\t      <p>TEL: 055-284-6480</p>
  4158. \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;\">
  4159. \t\t\t    </div>
  4160. \t\t\t    <!-- /.col -->
  4161. \t\t\t    <!-- /.col -->
  4162. \t\t\t  </div>
  4163. \t\t\t  <!-- /.row -->
  4164. \t\t\t  <!-- Table row -->
  4165. \t\t\t  <div class=\"row\">
  4166. \t\t\t    <div class=\"col-12 table-responsive\">
  4167. \t\t\t      <table class=\"table table-striped\">
  4168. \t\t\t        <thead>
  4169. \t\t\t          <tr>
  4170. \t\t\t            <th>項目</th>
  4171. \t\t\t            <th>数量</th>
  4172. \t\t\t            <th>単位</th>
  4173. \t\t\t            <th>単価</th>
  4174. \t\t\t            <th>小計</th>
  4175. \t\t\t          </tr>
  4176. \t\t\t        </thead>
  4177. \t\t\t        <tbody>
  4178. \t\t\t          <tr>
  4179. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  4180. \t\t\t            <td>1</td>
  4181. \t\t\t            <td>式</td>
  4182. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  4183. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  4184. \t\t\t          </tr>
  4185. \t\t\t          <tr>
  4186. \t\t\t            <td>基本工事費</td>
  4187. \t\t\t            <td>1</td>
  4188. \t\t\t            <td>式</td>
  4189. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  4190. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  4191. \t\t\t          </tr>
  4192. \t\t\t          <tr>
  4193. \t\t\t            <td>残土・ガラ処理</td>
  4194. \t\t\t            <td>1</td>
  4195. \t\t\t            <td>式</td>
  4196. \t\t\t            <td>0円</td>
  4197. \t\t\t            <td></td>
  4198. \t\t\t          </tr>
  4199. \t\t\t          <tr>
  4200. \t\t\t            <td>　</td>
  4201. \t\t\t            <td></td>
  4202. \t\t\t            <td></td>
  4203. \t\t\t            <td></td>
  4204. \t\t\t            <td></td>
  4205. \t\t\t          </tr>
  4206. \t\t\t        </tbody>
  4207. \t\t\t      </table>
  4208. \t\t\t    </div>
  4209. \t\t\t    <!-- /.col -->
  4210. \t\t\t  </div>
  4211. \t\t\t  <!-- /.row -->
  4212. \t\t\t  <div class=\"row\">
  4213. \t\t\t    <!-- accepted payments column -->
  4214. \t\t\t    <div class=\"col-6\">
  4215. \t\t\t      <p class=\"lead\">お支払い方法</p>
  4216. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  4217. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  4218. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  4219. \t\t\t      </p>
  4220. \t\t\t    </div>
  4221. \t\t\t    <!-- /.col -->
  4222. \t\t\t    <div class=\"col-6\">
  4223. \t\t\t      <div class=\"table-responsive\">
  4224. \t\t\t        <table class=\"table\">
  4225. \t\t\t          <tbody>
  4226. \t\t\t            <tr>
  4227. \t\t\t              <th style=\"width:50%\">小計:</th>
  4228. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  4229. \t\t\t            </tr>
  4230. \t\t\t            <tr>
  4231. \t\t\t              <th>消費税 (10%)</th>
  4232. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  4233. \t\t\t            </tr>
  4234. \t\t\t            <tr>
  4235. \t\t\t              <th>合計:</th>
  4236. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  4237. \t\t\t            </tr>
  4238. \t\t\t          </tbody>
  4239. \t\t\t        </table>
  4240. \t\t\t      </div>
  4241. \t\t\t    </div>
  4242. \t\t\t    <!-- /.col -->
  4243. \t\t\t  </div>
  4244. \t\t\t  <!-- /.row -->
  4245. \t\t\t</div>
  4246.         </div>
  4247.         <div class=\"modal-footer justify-content-between\">
  4248. \t\t\t      ";
  4249.         // line 2419
  4250.         echo "\t\t\t      <form method=\"post\" action=\"";
  4251.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("mitsumori_pdf");
  4252.         echo "\" target=\"_blank\" id=\"pdf_download_form\">
  4253. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"";
  4254.         // line 2420
  4255.         echo twig_escape_filter($this->env, $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderCsrfToken("mitsumori_pdf"), "html", null, true);
  4256.         echo "\">
  4257. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  4258. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  4259. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  4260. \t\t\t        </button>
  4261. \t\t\t      </form>
  4262.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  4263.         </div>
  4264.       </div>
  4265.       <!-- /.modal-content -->
  4266.     </div>
  4267.     <!-- /.modal-dialog -->
  4268.   </div>
  4269.   <!-- /.modal -->
  4273. ";
  4274.         
  4275.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  4277.         
  4278.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  4280.     }
  4282.     public function getTemplateName()
  4283.     {
  4284.         return "Product/detail.twig";
  4285.     }
  4287.     public function isTraitable()
  4288.     {
  4289.         return false;
  4290.     }
  4292.     public function getDebugInfo()
  4293.     {
  4294.         return array (  4255 => 2420,  4250 => 2419,  4039 => 2209,  4029 => 2201,  4021 => 2196,  4011 => 2191,  4006 => 2188,  4000 => 2184,  3989 => 2178,  3985 => 2177,  3979 => 2174,  3975 => 2173,  3967 => 2168,  3962 => 2165,  3955 => 2161,  3951 => 2159,  3943 => 2154,  3939 => 2153,  3936 => 2152,  3933 => 2151,  3927 => 2148,  3923 => 2147,  3920 => 2146,  3918 => 2145,  3913 => 2143,  3909 => 2142,  3906 => 2141,  3904 => 2140,  3901 => 2139,  3899 => 2138,  3895 => 2137,  3887 => 2131,  3881 => 2130,  3878 => 2129,  3870 => 2124,  3858 => 2123,  3852 => 2122,  3846 => 2121,  3841 => 2119,  3829 => 2118,  3823 => 2117,  3817 => 2116,  3814 => 2115,  3808 => 2114,  3799 => 2113,  3796 => 2112,  3793 => 2111,  3790 => 2110,  3786 => 2109,  3779 => 2104,  3763 => 2090,  3761 => 2089,  3757 => 2087,  3744 => 2077,  3736 => 2071,  3733 => 2069,  3727 => 2065,  3715 => 2062,  3710 => 2061,  3706 => 2060,  3700 => 2059,  3697 => 2058,  3690 => 2057,  3688 => 2056,  3682 => 2052,  3679 => 2051,  3676 => 2049,  3670 => 2045,  3658 => 2042,  3653 => 2041,  3649 => 2040,  3643 => 2039,  3640 => 2038,  3633 => 2037,  3631 => 2036,  3625 => 2032,  3622 => 2031,  3619 => 2029,  3617 => 2028,  3613 => 2026,  3603 => 2018,  3599 => 2017,  3592 => 2012,  3588 => 2011,  3580 => 2005,  3571 => 1997,  3567 => 1996,  3560 => 1991,  3556 => 1990,  3548 => 1984,  3535 => 1973,  3527 => 1967,  3524 => 1965,  3522 => 1964,  3518 => 1962,  3504 => 1951,  3498 => 1947,  3495 => 1945,  3493 => 1944,  3489 => 1942,  3475 => 1931,  3469 => 1927,  3466 => 1925,  3460 => 1921,  3448 => 1918,  3443 => 1917,  3439 => 1916,  3433 => 1915,  3430 => 1914,  3423 => 1913,  3421 => 1912,  3415 => 1908,  3412 => 1907,  3409 => 1905,  3403 => 1901,  3391 => 1898,  3386 => 1897,  3382 => 1896,  3376 => 1895,  3373 => 1894,  3366 => 1893,  3364 => 1892,  3358 => 1888,  3355 => 1887,  3352 => 1885,  3346 => 1881,  3334 => 1878,  3329 => 1877,  3325 => 1876,  3319 => 1875,  3316 => 1874,  3309 => 1873,  3307 => 1872,  3301 => 1868,  3299 => 1867,  3296 => 1866,  3290 => 1862,  3278 => 1859,  3273 => 1858,  3269 => 1857,  3263 => 1856,  3260 => 1855,  3253 => 1854,  3251 => 1853,  3245 => 1849,  3243 => 1848,  3240 => 1847,  3234 => 1843,  3222 => 1840,  3217 => 1839,  3213 => 1838,  3207 => 1837,  3204 => 1836,  3197 => 1835,  3195 => 1834,  3189 => 1830,  3186 => 1829,  3183 => 1827,  3181 => 1826,  3177 => 1824,  3170 => 1819,  3155 => 1817,  3151 => 1816,  3145 => 1812,  3142 => 1810,  3136 => 1806,  3130 => 1805,  3122 => 1802,  3117 => 1801,  3113 => 1800,  3107 => 1799,  3104 => 1798,  3101 => 1797,  3098 => 1796,  3093 => 1795,  3091 => 1794,  3085 => 1790,  3082 => 1789,  3079 => 1787,  3073 => 1783,  3067 => 1782,  3059 => 1779,  3054 => 1778,  3050 => 1777,  3044 => 1776,  3041 => 1775,  3038 => 1774,  3035 => 1773,  3030 => 1772,  3028 => 1771,  3022 => 1767,  3019 => 1766,  3010 => 1759,  3000 => 1752,  2993 => 1747,  2990 => 1745,  2988 => 1744,  2984 => 1742,  2981 => 1741,  2979 => 1740,  2975 => 1738,  2970 => 1735,  2960 => 1732,  2954 => 1731,  2948 => 1730,  2944 => 1729,  2937 => 1728,  2930 => 1727,  2928 => 1726,  2919 => 1724,  2916 => 1723,  2914 => 1722,  2911 => 1721,  2906 => 1718,  2896 => 1715,  2890 => 1714,  2884 => 1713,  2880 => 1712,  2873 => 1711,  2866 => 1710,  2864 => 1709,  2855 => 1707,  2852 => 1706,  2850 => 1705,  2847 => 1704,  2842 => 1701,  2832 => 1698,  2826 => 1697,  2820 => 1696,  2816 => 1695,  2809 => 1694,  2802 => 1693,  2800 => 1692,  2791 => 1690,  2788 => 1689,  2786 => 1688,  2783 => 1687,  2778 => 1684,  2768 => 1681,  2762 => 1680,  2756 => 1679,  2752 => 1678,  2745 => 1677,  2738 => 1676,  2736 => 1675,  2727 => 1673,  2724 => 1672,  2722 => 1671,  2719 => 1670,  2714 => 1667,  2704 => 1664,  2698 => 1663,  2692 => 1662,  2688 => 1661,  2681 => 1660,  2674 => 1659,  2672 => 1658,  2663 => 1656,  2660 => 1655,  2658 => 1654,  2652 => 1650,  2648 => 1648,  2644 => 1646,  2635 => 1643,  2629 => 1642,  2625 => 1641,  2621 => 1640,  2614 => 1639,  2610 => 1638,  2607 => 1637,  2605 => 1636,  2601 => 1634,  2592 => 1631,  2588 => 1630,  2584 => 1629,  2577 => 1627,  2573 => 1626,  2569 => 1625,  2562 => 1624,  2558 => 1623,  2555 => 1622,  2553 => 1621,  2551 => 1620,  2542 => 1619,  2539 => 1618,  2536 => 1617,  2533 => 1615,  2529 => 1613,  2525 => 1611,  2516 => 1608,  2510 => 1607,  2506 => 1606,  2502 => 1605,  2495 => 1604,  2491 => 1603,  2488 => 1602,  2484 => 1600,  2475 => 1597,  2469 => 1594,  2465 => 1593,  2458 => 1591,  2454 => 1590,  2450 => 1589,  2443 => 1588,  2439 => 1587,  2436 => 1586,  2434 => 1585,  2425 => 1584,  2422 => 1583,  2419 => 1582,  2416 => 1580,  2412 => 1578,  2408 => 1576,  2399 => 1573,  2393 => 1572,  2389 => 1571,  2385 => 1570,  2378 => 1569,  2374 => 1568,  2371 => 1567,  2367 => 1565,  2358 => 1562,  2352 => 1559,  2348 => 1558,  2341 => 1556,  2337 => 1555,  2333 => 1554,  2326 => 1553,  2322 => 1552,  2319 => 1551,  2317 => 1550,  2308 => 1549,  2305 => 1548,  2302 => 1547,  2299 => 1545,  2295 => 1543,  2291 => 1541,  2282 => 1538,  2276 => 1537,  2272 => 1536,  2268 => 1535,  2261 => 1534,  2257 => 1533,  2254 => 1532,  2252 => 1531,  2248 => 1529,  2239 => 1526,  2233 => 1523,  2229 => 1522,  2222 => 1520,  2218 => 1519,  2214 => 1518,  2207 => 1517,  2203 => 1516,  2200 => 1515,  2198 => 1514,  2196 => 1513,  2187 => 1512,  2184 => 1511,  2181 => 1510,  2178 => 1508,  2174 => 1506,  2171 => 1505,  2169 => 1504,  2168 => 1503,  2167 => 1502,  2165 => 1501,  2162 => 1500,  2159 => 1499,  2156 => 1498,  2153 => 1497,  2150 => 1496,  2147 => 1495,  2144 => 1494,  2141 => 1493,  2139 => 1492,  2137 => 1491,  2125 => 1482,  2118 => 1477,  2106 => 1474,  2103 => 1473,  2100 => 1472,  2097 => 1470,  2086 => 1468,  2082 => 1467,  2079 => 1466,  2076 => 1464,  2070 => 1461,  2066 => 1460,  2063 => 1459,  2060 => 1458,  2054 => 1455,  2048 => 1454,  2045 => 1453,  2039 => 1450,  2035 => 1449,  2032 => 1448,  2030 => 1447,  2028 => 1446,  2024 => 1444,  2022 => 1443,  2018 => 1441,  2010 => 1438,  1995 => 1436,  1986 => 1435,  1969 => 1434,  1965 => 1432,  1961 => 1431,  1958 => 1430,  1955 => 1429,  1942 => 1418,  1928 => 1406,  1922 => 1401,  1903 => 1399,  1886 => 1398,  1882 => 1396,  1871 => 1394,  1849 => 1392,  1831 => 1391,  1828 => 1390,  1824 => 1388,  1816 => 1384,  1808 => 1380,  1806 => 1379,  1803 => 1378,  1801 => 1377,  1791 => 1370,  1779 => 1363,  1774 => 1361,  1770 => 1359,  1764 => 1354,  1754 => 1353,  1738 => 1346,  1734 => 1345,  1730 => 1344,  1726 => 1343,  1722 => 1341,  1716 => 1339,  1714 => 1338,  1709 => 1337,  1706 => 1336,  1696 => 1334,  1682 => 1332,  1674 => 1331,  1656 => 1330,  1651 => 1328,  1550 => 1234,  1542 => 1233,  1489 => 1183,  1378 => 1075,  1373 => 1072,  1370 => 1071,  1357 => 1070,  1354 => 1069,  1352 => 1068,  1349 => 1067,  1346 => 1066,  1333 => 1065,  1330 => 1064,  1328 => 1063,  1325 => 1062,  1322 => 1061,  1309 => 1060,  1306 => 1059,  1304 => 1058,  1301 => 1057,  1298 => 1056,  1285 => 1055,  1282 => 1054,  1280 => 1053,  1277 => 1052,  1274 => 1051,  1261 => 1050,  1258 => 1049,  1256 => 1048,  1227 => 1022,  1215 => 1013,  1051 => 852,  1041 => 847,  1035 => 846,  1029 => 845,  1023 => 844,  1017 => 843,  1011 => 842,  1005 => 841,  999 => 840,  993 => 839,  987 => 838,  981 => 837,  975 => 836,  969 => 835,  963 => 834,  957 => 833,  951 => 832,  931 => 815,  921 => 808,  891 => 781,  879 => 771,  870 => 765,  866 => 763,  864 => 762,  861 => 761,  852 => 755,  848 => 753,  846 => 752,  774 => 682,  766 => 680,  764 => 679,  759 => 677,  756 => 676,  754 => 675,  740 => 664,  736 => 662,  726 => 661,  73 => 16,  63 => 15,  52 => 11,  50 => 13,  37 => 11,);
  4295.     }
  4297.     public function getSourceContext()
  4298.     {
  4299.         return new Source("{#
  4300. This file is part of EC-CUBE
  4302. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4304. http://www.ec-cube.co.jp/
  4306. For the full copyright and license information, please view the LICENSE
  4307. file that was distributed with this source code.
  4308. #}
  4309. {% extends 'default_frame.twig' %}
  4311. {% set body_class = 'product_page' %}
  4313. {% block stylesheet %}
  4314.     <style>
  4316.         .slick-slider {
  4317.             margin-bottom: 10px;
  4318. \t\t\tmargin-top: -20px;
  4319.         }
  4321.         .slick-dots {
  4322.             position: absolute;
  4323.             bottom: -45px;
  4324.             display: block;
  4325.             width: 100%;
  4326.             padding: 0;
  4327.             list-style: none;
  4328.             text-align: center;
  4329.         }
  4331.         .slick-dots li {
  4332.             position: relative;
  4333.             display: inline-block;
  4334.             width: 20px;
  4335.             height: 20px;
  4336.             margin: 0 5px;
  4337.             padding: 0;
  4339.             cursor: pointer;
  4340.         }
  4342.         .slick-dots li button {
  4343.             font-size: 0;
  4344.             line-height: 0;
  4345.             display: block;
  4346.             width: 20px;
  4347.             height: 20px;
  4348.             padding: 5px;
  4349.             cursor: pointer;
  4350.             color: transparent;
  4351.             border: 0;
  4352.             outline: none;
  4353.             background: transparent;
  4354.         }
  4356.         .slick-dots li button:hover,
  4357.         .slick-dots li button:focus {
  4358.             outline: none;
  4359.         }
  4361.         .slick-dots li button:hover:before,
  4362.         .slick-dots li button:focus:before {
  4363.             opacity: 1;
  4364.         }
  4366.         .slick-dots li button:before {
  4367.             content: \" \";
  4368.             line-height: 20px;
  4369.             position: absolute;
  4370.             top: 0;
  4371.             left: 0;
  4372.             width: 12px;
  4373.             height: 12px;
  4374.             text-align: center;
  4375.             opacity: .25;
  4376.             background-color: black;
  4377.             border-radius: 50%;
  4379.         }
  4381.         .slick-dots li.slick-active button:before {
  4382.             opacity: .75;
  4383.             background-color: black;
  4384.         }
  4386.         .slick-dots li button.thumbnail img {
  4387.             width: 0;
  4388.             height: 0;
  4389.         }
  4391.     </style>
  4392.     <link rel=\"stylesheet\" href=\"/html/user_data/js/style.css\">
  4393.     <link rel=\"stylesheet\" href=\"/html/plugins/icheck-bootstrap/icheck-bootstrap.min.css\">
  4394.     <style>
  4395.         /* ============================================
  4396.            商品詳細グリッド: 画像50% / 内容50%（均等）
  4397.         ============================================ */
  4398.         @media (min-width: 768px) {
  4399.             body.product_page .ec-grid2 {
  4400.                 display: flex;
  4401.                 align-items: flex-start;
  4402.             }
  4403.             body.product_page .ec-grid2 .ec-grid2__cell {
  4404.                 width: 50%;
  4405.                 flex: 0 0 50%;
  4406.                 min-width: 0;
  4407.             }
  4408.             body.product_page .ec-grid2 .ec-grid2__cell2 {
  4409.                 width: 50%;
  4410.                 flex: 0 0 50%;
  4411.                 min-width: 0;
  4412.             }
  4413.         }
  4415.         /* ============================================
  4416.            商品説明欄内のHTMLが画面幅を突き抜けないように
  4417.         ============================================ */
  4418.         body.product_page .ec-productRole__description {
  4419.             min-width: 0;
  4420.             overflow-wrap: break-word;
  4421.             word-break: break-word;
  4422.         }
  4423.         body.product_page .ec-productRole__description img,
  4424.         body.product_page .ec-productRole__description table,
  4425.         body.product_page .ec-productRole__description iframe,
  4426.         body.product_page .ec-productRole__description video {
  4427.             max-width: 100% !important;
  4428.             height: auto;
  4429.         }
  4430.         body.product_page .ec-productRole__description table {
  4431.             display: block;
  4432.             overflow-x: auto;
  4433.             -webkit-overflow-scrolling: touch;
  4434.         }
  4436.         /* ============================================
  4437.            スマホ用 見積金額 下部固定バー
  4438.         ============================================ */
  4439.         #sp-mitsumori-bar {
  4440.             display: none;
  4441.         }
  4442.         
  4443.         /* ============================================
  4444.            商品タイプ選択 共通スタイル
  4445.         ============================================ */
  4447.         /* セクションラベル */
  4448.         .rp-section-label {
  4449.             font-size: 14px;
  4450.             font-weight: bold;
  4451.             color: #333;
  4452.             margin-bottom: 10px;
  4453.         }
  4454.         .rp-section-label span {
  4455.             font-weight: normal;
  4456.             color: #c00;
  4457.         }
  4459.         /* ---- 1. 画像付きカード ---- */
  4460.         .rp-card-group {
  4461.             display: flex;
  4462.             flex-wrap: wrap;
  4463.             gap: 8px;
  4464.             margin-bottom: 4px;
  4465.         }
  4466.         .rp-card {
  4467.             position: relative;
  4468.             cursor: pointer;
  4469.             width: 110px;
  4470.             border: 2px solid #ddd;
  4471.             border-radius: 10px;
  4472.             overflow: hidden;
  4473.             transition: border-color 0.2s, box-shadow 0.2s;
  4474.             background: #fff;
  4475.         }
  4476.         .rp-card:hover {
  4477.             border-color: #999;
  4478.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  4479.         }
  4480.         .rp-card.is-selected {
  4481.             border-color: #1a6fcf;
  4482.             box-shadow: 0 2px 10px rgba(26,111,207,0.25);
  4483.         }
  4484.         .rp-card input[type=\"radio\"] { display: none; }
  4485.         .rp-card__image {
  4486.             width: 100%;
  4487.             aspect-ratio: 1 / 1;
  4488.             object-fit: cover;
  4489.             display: block;
  4490.             background: #f5f5f5;
  4491.         }
  4492.         .rp-card__placeholder {
  4493.             width: 100%;
  4494.             aspect-ratio: 1 / 1;
  4495.             background: #f0f0f0;
  4496.             display: flex;
  4497.             align-items: center;
  4498.             justify-content: center;
  4499.             color: #bbb;
  4500.             font-size: 24px;
  4501.         }
  4502.         .rp-card__name {
  4503.             display: block;
  4504.             padding: 5px 5px;
  4505.             font-size: 11px;
  4506.             color: #333;
  4507.             text-align: center;
  4508.             line-height: 1.4;
  4509.             word-break: break-all;
  4510.         }
  4511.         .rp-card.is-selected .rp-card__name { color: #1a6fcf; font-weight: bold; }
  4512.         .rp-card.is-selected::after {
  4513.             content: \"✓\";
  4514.             position: absolute;
  4515.             top: 3px; right: 6px;
  4516.             color: #1a6fcf;
  4517.             font-size: 13px;
  4518.             font-weight: bold;
  4519.         }
  4521.         /* ---- 2. ボタン式ラジオ（画像なし・8個以内）---- */
  4522.         .rp-btn-group {
  4523.             display: flex;
  4524.             flex-wrap: wrap;
  4525.             gap: 8px;
  4526.             margin-bottom: 4px;
  4527.             max-width: 100%;
  4528.             min-width: 0;
  4529.         }
  4530.         .rp-btn {
  4531.             cursor: pointer;
  4532.             padding: 8px 14px;
  4533.             border: 2px solid #ddd;
  4534.             border-radius: 10px;
  4535.             font-size: 13px;
  4536.             color: #333;
  4537.             background: #fff;
  4538.             transition: border-color 0.2s, background 0.2s;
  4539.             white-space: nowrap;
  4540.             max-width: 100%;
  4541.             overflow: hidden;
  4542.             text-overflow: ellipsis;
  4543.         }
  4544.         .rp-btn:hover { border-color: #999; }
  4545.         .rp-btn.is-selected {
  4546.             border-color: #1a6fcf;
  4547.             color: #1a6fcf;
  4548.             font-weight: bold;
  4549.             background: #f0f6ff;
  4550.         }
  4551.         .rp-btn input[type=\"radio\"] { display: none; }
  4553.         /* ---- ボタン群が3行以上になる場合は1行横スクロール ---- */
  4554.         .rp-btn-group.is-scroll,
  4555.         .opt-btn-group.is-scroll {
  4556.             flex-wrap: nowrap;
  4557.             overflow-x: auto;
  4558.             overflow-y: hidden;
  4559.             -webkit-overflow-scrolling: touch;
  4560.             scrollbar-width: thin;
  4561.             padding-bottom: 6px;
  4562.         }
  4563.         .rp-btn-group.is-scroll::-webkit-scrollbar,
  4564.         .opt-btn-group.is-scroll::-webkit-scrollbar {
  4565.             height: 6px;
  4566.         }
  4567.         .rp-btn-group.is-scroll::-webkit-scrollbar-thumb,
  4568.         .opt-btn-group.is-scroll::-webkit-scrollbar-thumb {
  4569.             background: #c0c0c0;
  4570.             border-radius: 3px;
  4571.         }
  4572.         .rp-btn-group.is-scroll > .rp-btn,
  4573.         .opt-btn-group.is-scroll > .opt-btn {
  4574.             flex: 0 0 auto;
  4575.         }
  4577.         /* ---- 3. プルダウン（画像なし・9個以上）---- */
  4578.         .rp-select-wrap {
  4579.             margin-bottom: 4px;
  4580.         }
  4581.         .rp-select {
  4582.             width: 100%;
  4583.             max-width: 420px;
  4584.             padding: 8px 12px;
  4585.             border: 2px solid #ddd;
  4586.             border-radius: 10px;
  4587.             font-size: 13px;
  4588.             color: #333;
  4589.             background: #fff;
  4590.             appearance: none;
  4591.             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\");
  4592.             background-repeat: no-repeat;
  4593.             background-position: right 12px center;
  4594.             cursor: pointer;
  4595.         }
  4596.         .rp-select:focus {
  4597.             outline: none;
  4598.             border-color: #1a6fcf;
  4599.         }
  4601.         /* ---- オプション選択ボタン（枠線ラジオ）---- */
  4602.         .opt-btn-group {
  4603.             display: flex;
  4604.             flex-wrap: wrap;
  4605.             gap: 8px;
  4606.             padding: 6px 0;
  4607.             max-width: 100%;
  4608.             min-width: 0;
  4609.         }
  4610.         .opt-btn {
  4611.             cursor: pointer;
  4612.             padding: 7px 14px;
  4613.             border: 2px solid #ddd;
  4614.             border-radius: 10px;
  4615.             font-size: 13px;
  4616.             color: #333;
  4617.             background: #fff;
  4618.             transition: border-color 0.2s, background 0.2s;
  4619.             white-space: nowrap;
  4620.             max-width: 100%;
  4621.             overflow: hidden;
  4622.             text-overflow: ellipsis;
  4623.         }
  4624.         .opt-btn:hover { border-color: #999; }
  4625.         .opt-btn.is-selected {
  4626.             border-color: #1a6fcf;
  4627.             color: #1a6fcf;
  4628.             font-weight: bold;
  4629.             background: #f0f6ff;
  4630.         }
  4631.         .opt-btn input[type=\"radio\"] { display: none; }
  4633.         /* ============================================
  4634.            施工エリア案内
  4635.         ============================================ */
  4636.         .ec-areaNotice {
  4637.             margin: 16px 0;
  4638.             padding: 16px 20px;
  4639.             background: #f8f9fa;
  4640.             border-left: 4px solid #1a6fcf;
  4641.             border-radius: 0 8px 8px 0;
  4642.         }
  4643.         .ec-areaNotice__inner {
  4644.             display: flex;
  4645.             align-items: flex-start;
  4646.             gap: 12px;
  4647.         }
  4648.         .ec-areaNotice__icon {
  4649.             font-size: 22px;
  4650.             line-height: 1;
  4651.             flex-shrink: 0;
  4652.             margin-top: 2px;
  4653.         }
  4654.         .ec-areaNotice__body {
  4655.             flex: 1;
  4656.         }
  4657.         .ec-areaNotice__title {
  4658.             font-size: 13px;
  4659.             font-weight: bold;
  4660.             color: #1a6fcf;
  4661.             margin: 0 0 6px;
  4662.         }
  4663.         .ec-areaNotice__text {
  4664.             font-size: 13px;
  4665.             color: #444;
  4666.             line-height: 1.7;
  4667.             margin: 0;
  4668.         }
  4669.         .ec-areaNotice__text strong {
  4670.             color: #222;
  4671.         }
  4672.         .ec-areaNotice__link {
  4673.             display: inline-block;
  4674.             margin-top: 8px;
  4675.             font-size: 12px;
  4676.             color: #1a6fcf;
  4677.             text-decoration: underline;
  4678.         }
  4679.         .ec-areaNotice__link:hover {
  4680.             color: #0d4fa0;
  4681.         }
  4683.         /* ============================================
  4684.            SNSシェア + ブランド名 タイトル行
  4685.         ============================================ */
  4686.         .ec-productRole__titleRow {
  4687.             display: flex;
  4688.             align-items: center;
  4689.             justify-content: space-between;
  4690.             gap: 8px;
  4691.             margin-bottom: 4px;
  4692.         }
  4693.         .ec-productRole__titleRow .ec-headingTitle {
  4694.             margin: 0;
  4695.             flex: 1;
  4696.             font-size: 18px;
  4697.         }
  4698.         .ec-share-inline {
  4699.             display: flex;
  4700.             align-items: center;
  4701.             gap: 8px;
  4702.             flex-shrink: 0;
  4703.         }
  4704.         @media (max-width: 767px) {
  4705.             /* maker_area の float を解除して独立表示 */
  4706.             #maker_area {
  4707.                 float: none !important;
  4708.                 width: auto !important;
  4709.                 height: auto !important;
  4710.                 display: block;
  4711.                 margin-bottom: 4px;
  4712.             }
  4713.             /* タイトル行: 商品名が全幅を占有しSNSは右寄せ下段 */
  4714.             .ec-productRole__titleRow {
  4715.                 flex-wrap: wrap;
  4716.                 clear: both;
  4717.             }
  4718.             .ec-productRole__titleRow .ec-headingTitle {
  4719.                 flex: 1 1 100%;
  4720.                 font-size: 16px;
  4721.             }
  4722.             .ec-share-inline {
  4723.                 flex: 0 0 auto;
  4724.                 margin-left: auto;
  4725.             }
  4726.         }
  4727.         .ec-share-inline a {
  4728.             display: flex;
  4729.             align-items: center;
  4730.             justify-content: center;
  4731.             width: 32px;
  4732.             height: 32px;
  4733.             border-radius: 50%;
  4734.             font-size: 15px;
  4735.             color: #fff;
  4736.             text-decoration: none;
  4737.             transition: opacity 0.2s;
  4738.         }
  4739.         .ec-share-inline a:hover { opacity: 0.8; }
  4740.         .ec-share-inline .share-twitter  { background: #000; }
  4741.         .ec-share-inline .share-facebook { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
  4742.         .ec-share-inline .share-line     { background: #06c755; }
  4744.         /* description_detail下のシェアブロックはPC/スマホ共通で非表示（タイトル行に移動） */
  4745.         .ec-productRole__share { display: none; }
  4747.         /* ============================================
  4748.            PC用: 現在のお見積り額カード強調
  4749.         ============================================ */
  4750.         @media (min-width: 768px) {
  4751.             .mitsumori-card-pc {
  4752.                 border: 2px solid #1a6fcf !important;
  4753.                 border-radius: 10px !important;
  4754.                 box-shadow: 0 4px 16px rgba(26,111,207,0.18) !important;
  4755.                 margin-top: 20px;
  4756.                 overflow: hidden;
  4757.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4758.             }
  4759.             .mitsumori-card-pc .card-header {
  4760.                 background: linear-gradient(135deg, #1a6fcf, #0d4fa0) !important;
  4761.                 color: #fff !important;
  4762.                 padding: 14px 16px !important;
  4763.                 border-bottom: none !important;
  4764.             }
  4765.             .mitsumori-card-pc .card-title {
  4766.                 color: #fff !important;
  4767.                 font-size: 15px !important;
  4768.                 font-weight: bold !important;
  4769.                 margin: 0 !important;
  4770.             }
  4771.             .mitsumori-card-pc #mitsumori_message {
  4772.                 font-size: 22px !important;
  4773.                 font-weight: bold !important;
  4774.                 color: #fff !important;
  4775.             }
  4776.             .mitsumori-card-pc .btn-tool {
  4777.                 color: #fff !important;
  4778.             }
  4779.             /* 合計行を大きく強調 */
  4780.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4781.                 font-size: 16px !important;
  4782.                 font-weight: bold !important;
  4783.                 color: #c00 !important;
  4784.                 background: #fff8f8 !important;
  4785.                 padding: 12px 16px !important;
  4786.             }
  4787.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4788.                 font-size: 20px !important;
  4789.                 font-weight: bold !important;
  4790.                 color: #c00 !important;
  4791.             }
  4792.             /* card-body（明細リスト）を白背景に */
  4793.             .mitsumori-card-pc .card-body {
  4794.                 background: #fff !important;
  4795.             }
  4796.             .mitsumori-card-pc .card-footer {
  4797.                 background: #f8faff !important;
  4798.                 border-top: 1px solid #dce8fb !important;
  4799.                 padding: 12px 16px !important;
  4800.             }
  4801.         }
  4803.         @media (max-width: 767px) {
  4804.             /* スマホでは現在のお見積り額カードの強調スタイルをすべてリセット */
  4805.             .mitsumori-card-pc {
  4806.                 border: none !important;
  4807.                 border-radius: 0 !important;
  4808.                 box-shadow: none !important;
  4809.                 margin-top: 0 !important;
  4810.                 overflow: visible !important;
  4811.                 background: none !important;
  4812.             }
  4813.             .mitsumori-card-pc .card-header {
  4814.                 background: none !important;
  4815.                 color: inherit !important;
  4816.                 padding: inherit !important;
  4817.                 border-bottom: inherit !important;
  4818.             }
  4819.             .mitsumori-card-pc .card-title { color: inherit !important; }
  4820.             .mitsumori-card-pc #mitsumori_message { font-size: inherit !important; color: inherit !important; }
  4821.             .mitsumori-card-pc .btn-tool { color: inherit !important; }
  4822.             /* 折りたたみトグルボタン */
  4823.             .btn-mitsumori-toggle {
  4824.                 background: none !important;
  4825.                 border: 1px solid #aaa !important;
  4826.                 border-radius: 4px !important;
  4827.                 padding: 2px 8px !important;
  4828.                 font-size: 12px !important;
  4829.                 color: #333 !important;
  4830.                 line-height: 1.4 !important;
  4831.             }
  4832.             .btn-mitsumori-toggle .toggle-icon {
  4833.                 display: inline-block;
  4834.                 transition: transform 0.2s;
  4835.             }
  4836.             /* 展開状態: ▼→▲ */
  4837.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon::before {
  4838.                 content: \"▲ 閉じる\";
  4839.             }
  4840.             .card:not(.collapsed-card) .btn-mitsumori-toggle .toggle-icon {
  4841.                 display: none;
  4842.             }
  4843.             .card:not(.collapsed-card) .btn-mitsumori-toggle::after {
  4844.                 content: \"▲ 閉じる\";
  4845.                 font-size: 12px;
  4846.             }
  4847.             .mitsumori-card-pc .nav-item:first-child .nav-link {
  4848.                 font-size: inherit !important;
  4849.                 color: inherit !important;
  4850.                 background: none !important;
  4851.                 padding: inherit !important;
  4852.             }
  4853.             .mitsumori-card-pc .nav-item:first-child #mitsumori_goukei {
  4854.                 font-size: inherit !important;
  4855.                 color: inherit !important;
  4856.             }
  4857.             .mitsumori-card-pc .card-footer {
  4858.                 background: none !important;
  4859.                 border-top: inherit !important;
  4860.                 padding: inherit !important;
  4861.             }
  4862.             /* 横スクロール禁止 */
  4863.             body, html {
  4864.                 overflow-x: hidden;
  4865.                 max-width: 100vw;
  4866.             }
  4867.             /* ボタンの折り返しを許可（nowrapが原因で横スクロール発生するため） */
  4868.             .opt-btn,
  4869.             .rp-btn {
  4870.                 white-space: normal;
  4871.                 word-break: break-all;
  4872.             }
  4873.             /* エリア案内: スマホでコンパクト */
  4874.             .ec-areaNotice {
  4875.                 margin: 8px 0;
  4876.                 padding: 8px 10px;
  4877.                 border-left-width: 3px;
  4878.                 cursor: pointer;
  4879.             }
  4880.             .ec-areaNotice__inner {
  4881.                 flex-direction: row;
  4882.                 gap: 8px;
  4883.                 align-items: flex-start;
  4884.             }
  4885.             .ec-areaNotice__icon { font-size: 15px; }
  4886.             /* タイトル行: 展開トグル */
  4887.             .ec-areaNotice__title {
  4888.                 font-size: 11px;
  4889.                 margin-bottom: 3px;
  4890.                 display: flex;
  4891.                 justify-content: space-between;
  4892.                 align-items: center;
  4893.             }
  4894.             .ec-areaNotice__title::after {
  4895.                 content: \"▼\";
  4896.                 font-size: 9px;
  4897.                 color: #888;
  4898.                 margin-left: 6px;
  4899.                 transition: transform 0.2s;
  4900.             }
  4901.             .ec-areaNotice.is-open .ec-areaNotice__title::after {
  4902.                 transform: rotate(180deg);
  4903.             }
  4904.             /* 折りたたみ対象: 閉じた状態では非表示 */
  4905.             .ec-areaNotice__detail {
  4906.                 display: none;
  4907.             }
  4908.             .ec-areaNotice.is-open .ec-areaNotice__detail {
  4909.                 display: block;
  4910.             }
  4911.             .ec-areaNotice__text { font-size: 11px; line-height: 1.5; }
  4912.             .ec-areaNotice__text br { display: none; }
  4913.             .ec-areaNotice__link { font-size: 11px; margin-top: 3px; }
  4914.             .rp-card { width: calc(33.333% - 6px); min-width: 80px; }
  4915.             
  4916.             #sp-mitsumori-bar {
  4917.                 display: flex;
  4918.                 position: fixed;
  4919.                 bottom: 0;
  4920.                 left: 0;
  4921.                 right: 0;
  4922.                 z-index: 1000;
  4923.                 background: #fff;
  4924.                 border-top: 2px solid #e0e0e0;
  4925.                 box-shadow: 0 -2px 8px rgba(0,0,0,0.12);
  4926.                 align-items: center;
  4927.                 padding: 8px 12px;
  4928.                 gap: 10px;
  4929.             }
  4930.             #sp-mitsumori-bar .sp-bar__label {
  4931.                 font-size: 11px;
  4932.                 color: #666;
  4933.                 white-space: nowrap;
  4934.             }
  4935.             #sp-mitsumori-bar .sp-bar__price {
  4936.                 font-size: 18px;
  4937.                 font-weight: bold;
  4938.                 color: #c00;
  4939.                 flex: 1;
  4940.             }
  4941.             #sp-mitsumori-bar .sp-bar__btn {
  4942.                 font-size: 12px;
  4943.                 padding: 8px 12px;
  4944.                 background: #333;
  4945.                 color: #fff;
  4946.                 border: none;
  4947.                 border-radius: 6px;
  4948.                 white-space: nowrap;
  4949.                 cursor: pointer;
  4950.             }
  4951.             /* 下部バーの高さ分ページ下部にpaddingを追加 */
  4952.             body {
  4953.                 padding-bottom: 64px;
  4954.             }
  4955.         }
  4956.     </style>
  4957. {% endblock %}
  4959. {% block javascript %}
  4961.     <script>
  4962.         eccube.classCategories = {{ class_categories_as_json(Product)|raw }};
  4964.         // 規格2に選択肢を割り当てる。
  4965.         function fnSetClassCategories(form, classcat_id2_selected) {
  4966.             var \$form = \$(form);
  4967.             var product_id = \$form.find('input[name=product_id]').val();
  4968.             var \$sele1 = \$form.find('select[name=classcategory_id1]');
  4969.             var \$sele2 = \$form.find('select[name=classcategory_id2]');
  4970.             eccube.setClassCategories(\$form, product_id, \$sele1, \$sele2, classcat_id2_selected);
  4971.         }
  4973.         {% if form.classcategory_id2 is defined %}
  4974.         fnSetClassCategories(
  4975.             \$('#form1'), {{ form.classcategory_id2.vars.value|json_encode|raw }}
  4976.         );
  4977.         {% elseif form.classcategory_id1 is defined %}
  4978.         eccube.checkStock(\$('#form1'), {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
  4979.         {% endif %}
  4980.     </script>
  4981.     <script>
  4982.         \$(function() {
  4983.             // bfcache無効化
  4984.             \$(window).bind('pageshow', function(event) {
  4985.                 if (event.originalEvent.persisted) {
  4986.                     location.reload(true);
  4987.                 }
  4988.             });
  4990.             // Core Web Vital の Cumulative Layout Shift(CLS)対策のため
  4991.             // img タグに width, height が付与されている.
  4992.             // 630px 未満の画面サイズでは縦横比が壊れるための対策
  4993.             // see https://github.com/EC-CUBE/ec-cube/pull/5023
  4994.             \$('.ec-grid2__cell').hide();
  4995.             var removeSize = function () {
  4996.                 \$('.slide-item').height('');
  4997.                 \$('.slide-item img')
  4998.                     .removeAttr('width')
  4999.                     .removeAttr('height')
  5000.                     .removeAttr('style');
  5002.             };
  5003.             var slickInitial = function(slick) {
  5004.                 \$('.ec-grid2__cell').fadeIn(1500);
  5005.                 var baseHeight = \$(slick.target).height();
  5006.                 var baseWidth = \$(slick.target).width();
  5007.                 var rate = baseWidth / baseHeight;
  5008. \t\t\t\tif(baseHeight * rate < 400){
  5009. \t                \$('.slide-item').height(baseHeight * rate); // 余白を削除する
  5010. \t\t\t\t}else{
  5011. \t                \$('.slide-item').height(400); // 余白を削除する
  5012. \t\t\t\t}
  5013.                 // transform を使用することでCLSの影響を受けないようにする
  5014.                 \$('.slide-item img')
  5015.                     .css(
  5016.                         {
  5017.                             'transform-origin': 'top left',
  5018.                             'transform': 'scaleY(' + rate + ')',
  5019.                             'transition': 'transform .1s'
  5020.                         }
  5021.                     );
  5022.                 // 正しいサイズに近くなったら属性を解除する
  5023.                 setTimeout(removeSize, 500);
  5024.             };
  5025.             \$('.item_visual').on('init', slickInitial);
  5026.             // リサイズ時は CLS の影響を受けないため属性を解除する
  5027.             \$(window).resize(removeSize);
  5028.             \$('.item_visual').slick({
  5029.                 dots: false,
  5030.                 arrows: true,
  5031.                 responsive: [{
  5032.                     breakpoint: 768,
  5033.                     settings: {
  5034.                         dots: true,
  5035.                 \t\tarrows: false
  5036.                     }
  5037.                 }]
  5038.             });
  5040.             \$('.slideThumb').on('click', function() {
  5041.                 var index = \$(this).attr('data-index');
  5042.                 \$('.item_visual').slick('slickGoTo', index, false);
  5043.             })
  5044.         });
  5046.     </script>
  5047.     <script>
  5048.         \$(function() {
  5049.             \$('.add-cart').on('click', function(event) {
  5050.                 {% if form.classcategory_id1 is defined %}
  5051.                 // 規格1フォームの必須チェック
  5052.                 if (\$('#classcategory_id1').val() == '__unselected' || \$('#classcategory_id1').val() == '') {
  5053.                     \$('#classcategory_id1')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5054.                     return true;
  5055.                 } else {
  5056.                     \$('#classcategory_id1')[0].setCustomValidity('');
  5057.                 }
  5058.                 {% endif %}
  5060.                 {% if form.classcategory_id2 is defined %}
  5061.                 // 規格2フォームの必須チェック
  5062.                 if (\$('#classcategory_id2').val() == '__unselected' || \$('#classcategory_id2').val() == '') {
  5063.                     \$('#classcategory_id2')[0].setCustomValidity('{{ '項目が選択されていません'|trans }}');
  5064.                     return true;
  5065.                 } else {
  5066.                     \$('#classcategory_id2')[0].setCustomValidity('');
  5067.                 }
  5068.                 {% endif %}
  5070.                 // タイプ2: カート送信直前に set_count を quantity に同期
  5071.                 if(\$('#set_count').length){
  5072.                     var _sc = parseInt(\$('#set_count').val()) || 1;
  5073.                     \$('#quantity').val(_sc);
  5074.                     \$('input[name=\"quantity\"]').val(_sc);
  5075.                 }
  5077.                 // 個数フォームのチェック
  5078.                 if (\$('#quantity').val() < 1) {
  5079.                     \$('#quantity')[0].setCustomValidity('{{ '1以上で入力してください。'|trans }}');
  5080.                     return true;
  5081.                 } else {
  5082.                     \$('#quantity')[0].setCustomValidity('');
  5083.                 }
  5085.                 event.preventDefault();
  5086.                 \$form = \$('#form1');
  5087.                 \$.ajax({
  5088.                     url: \$form.attr('action'),
  5089.                     type: \$form.attr('method'),
  5090.                     data: \$form.serialize(),
  5091.                     dataType: 'json',
  5092.                     beforeSend: function(xhr, settings) {
  5093.                         // Buttonを無効にする
  5094.                         \$('.add-cart').prop('disabled', true);
  5095.                     }
  5096.                 }).done(function(data) {
  5097.                     // レスポンス内のメッセージをalertで表示
  5098.                     \$.each(data.messages, function() {
  5099.                         \$('#ec-modal-header').text(this);
  5100.                     });
  5102.                     \$('.ec-modal').show()
  5104.                     // カートブロックを更新する
  5105.                     \$.ajax({
  5106.                         url: \"{{ url('block_cart') }}\",
  5107.                         type: 'GET',
  5108.                         dataType: 'html'
  5109.                     }).done(function(html) {
  5110.                         \$('.ec-headerRole__cart').html(html);
  5111.                     });
  5112.                 }).fail(function(data) {
  5113.                     alert('{{ '施工検討リストへの追加に失敗しました。'|trans }}');
  5114.                 }).always(function(data) {
  5115.                     // Buttonを有効にする
  5116.                     \$('.add-cart').prop('disabled', false);
  5117.                 });
  5118.             });
  5119.         });
  5121.         \$('.ec-modal-wrap').on('click', function(e) {
  5122.             // モーダル内の処理は外側にバブリングさせない
  5123.             e.stopPropagation();
  5124.         });
  5125.         \$('.ec-modal-overlay, .ec-modal, .ec-modal-close, .ec-inlineBtn--cancel').on('click', function() {
  5126.             \$('.ec-modal').hide()
  5127.         });
  5130. \t\tvar pw = \"{% if mitsumori_json %}{{ mitsumori_json.pw }}{% endif %}\";
  5131. \t\tvar pd = \"{% if mitsumori_json %}{{ mitsumori_json.pd }}{% endif %}\";
  5132. \t\tvar ph = \"{% if mitsumori_json %}{{ mitsumori_json.ph }}{% endif %}\";
  5133. \t\tvar pm = \"{% if mitsumori_json %}{{ mitsumori_json.pm }}{% endif %}\";
  5134. \t\tvar pc = \"{% if mitsumori_json %}{{ mitsumori_json.pc }}{% endif %}\";
  5135. \t\tvar op0 = \"{% if mitsumori_json %}{{ mitsumori_json.op[0] }}{% endif %}\";
  5136. \t\tvar op1 = \"{% if mitsumori_json %}{{ mitsumori_json.op[1] }}{% endif %}\";
  5137. \t\tvar op2 = \"{% if mitsumori_json %}{{ mitsumori_json.op[2] }}{% endif %}\";
  5138. \t\tvar op3 = \"{% if mitsumori_json %}{{ mitsumori_json.op[3] }}{% endif %}\";
  5139. \t\tvar op4 = \"{% if mitsumori_json %}{{ mitsumori_json.op[4] }}{% endif %}\";
  5140. \t\tvar op5 = \"{% if mitsumori_json %}{{ mitsumori_json.op[5] }}{% endif %}\";
  5141. \t\tvar op6 = \"{% if mitsumori_json %}{{ mitsumori_json.op[6] }}{% endif %}\";
  5142. \t\tvar op7 = \"{% if mitsumori_json %}{{ mitsumori_json.op[7] }}{% endif %}\";
  5143. \t\tvar op8 = \"{% if mitsumori_json %}{{ mitsumori_json.op[8] }}{% endif %}\";
  5144. \t\tvar op9 = \"{% if mitsumori_json %}{{ mitsumori_json.op[9] }}{% endif %}\";
  5145. \t\tvar op10 = \"{% if mitsumori_json %}{{ mitsumori_json.op[10] }}{% endif %}\";
  5147. \t\tconst formatter = new Intl.NumberFormat('ja-JP');
  5149. \t\tfunction mitsumori_simulation(type , value_id){
  5150. \t\t\tvar pp = {{ pp|raw }};
  5151. \t\t\tif(type == \"pw\"){
  5152. \t\t\t\tpw = \$('#'+value_id).val();
  5153. \t\t\t}
  5154. \t\t\tif(type == \"pd\"){
  5155. \t\t\t\tpd = \$('#'+value_id).val();
  5156. \t\t\t}
  5157. \t\t\tif(type == \"ph\"){
  5158. \t\t\t\tph = \$('#'+value_id).val();
  5159. \t\t\t}
  5160. \t\t\tif(type == \"pm\"){
  5161. \t\t\t\tpm = \$('#'+value_id).val();
  5162. \t\t\t}
  5163. \t\t\tif(type == \"pc\"){
  5164. \t\t\t\tpc = \$('#'+value_id).val();
  5165. \t\t\t}
  5166. \t\t\tif(type == \"op0\"){ op0 = \$('#'+value_id).val(); }
  5167. \t\t\tif(type == \"op1\"){ op1 = \$('#'+value_id).val(); }
  5168. \t\t\tif(type == \"op2\"){ op2 = \$('#'+value_id).val(); }
  5169. \t\t\tif(type == \"op3\"){ op3 = \$('#'+value_id).val(); }
  5170. \t\t\tif(type == \"op4\"){ op4 = \$('#'+value_id).val(); }
  5171. \t\t\tif(type == \"op5\"){ op5 = \$('#'+value_id).val(); }
  5172. \t\t\tif(type == \"op6\"){ op6 = \$('#'+value_id).val(); }
  5173. \t\t\tif(type == \"op7\"){ op7 = \$('#'+value_id).val(); }
  5174. \t\t\tif(type == \"op8\"){ op8 = \$('#'+value_id).val(); }
  5175. \t\t\tif(type == \"op9\"){ op9 = \$('#'+value_id).val(); }
  5176. \t\t\tif(type == \"op10\"){ op10 = \$('#'+value_id).val(); }
  5178. \t\t\t// op系: ボタンの is-selected を選択中のものに付け替え + radio チェック
  5179. \t\t\tif(/^op\\d+\$/.test(type)) {
  5180. \t\t\t\tvar \$clicked = \$('#' + value_id);
  5181. \t\t\t\t\$clicked.prop('checked', true);
  5182. \t\t\t\tvar groupName = \$clicked.attr('name');
  5183. \t\t\t\t\$('input[name=\"' + groupName + '\"]').closest('.opt-btn').removeClass('is-selected');
  5184. \t\t\t\t\$clicked.closest('.opt-btn').addClass('is-selected');
  5185. \t\t\t\t// ラベルの選択値テキスト更新
  5186. \t\t\t\tvar \$group = \$clicked.closest('.form-group');
  5187. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5188. \t\t\t\tif (\$label.length) {
  5189. \t\t\t\t\tvar labelText = \$label.text().split(':')[0].trim();
  5190. \t\t\t\t\t\$label.html(labelText + ': <span>' + \$clicked.val() + '</span>');
  5191. \t\t\t\t}
  5192. \t\t\t}
  5194. \t\t\tif(pm == \"\"){
  5195. \t\t\t\t\$('#mitsumori_message').text(\"素材を選択してください\");
  5196. \t\t\t}
  5197. \t\t\tif(ph == \"\"){
  5198. \t\t\t\t\$('#mitsumori_message').text(\"高さを選択してください\");
  5199. \t\t\t}
  5200. \t\t\tif(pd == \"\"){
  5201. \t\t\t\t\$('#mitsumori_message').text(\"奥行きを選択してください\");
  5202. \t\t\t}
  5203. \t\t\tif(pw == \"\"){
  5204. \t\t\t\t\$('#mitsumori_message').text(\"幅を選択してください\");
  5205. \t\t\t}
  5206. \t\t\tif(pc == \"\"){
  5207. \t\t\t\t\$('#mitsumori_message').text(\"カラーを選択してください\");
  5208. \t\t\t\t\$('#mitsumori_btn').hide();
  5209. \t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5210. \t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5211. \t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5212. \t\t\t\t\$('#maker_price').text(\"---円\");
  5213. \t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5214. \t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5215. \t\t\t}
  5216. \t\t\tif(pw != \"\" && pd != \"\" && ph != \"\" && pm != \"\" && pc != \"\"){
  5217. \t\t\t\t\$('#mitsumori_btn').show();
  5219. \t\t\t\tvar pp_matched = false;
  5220. \t\t\t\tpp.forEach((el) => {
  5221. \t\t\t\t  if((pw == el.w || pw == \"指定なし\") && (pd == el.d || pd == \"指定なし\") && (ph == el.h || ph == \"指定なし\") && (pm == el.m || pm == \"指定なし\") && (pc == el.c || pc == \"指定なし\")){
  5222. \t\t\t\t\tpp_matched = true;
  5224. \t\t\t\t\tif(op0 == \"商品購入のみ\" || op1 == \"商品購入のみ\" || op2 == \"商品購入のみ\" || op3 == \"商品購入のみ\" || op4 == \"商品購入のみ\"
  5225. \t\t\t\t\t\t|| op5 == \"商品購入のみ\" || op6 == \"商品購入のみ\" || op7 == \"商品購入のみ\" || op8 == \"商品購入のみ\" || op9 == \"商品購入のみ\"){
  5226. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price)) + \"円\");
  5227. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price)) + \"円\");
  5228. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5229. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5230. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5231. \t\t\t\t\t  \t\$('#mitsumori_ct').text(\"0円\");
  5232. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5234. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price)) + \"円\");
  5235. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5236. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5237. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(\"0円\");
  5238. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(\"0円\");
  5239. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5241. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price));
  5242. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5243. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5244. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5245. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5246. \t\t\t\t\t}else{
  5247. \t\t\t\t\t  \t\$('#mitsumori_message').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5248. \t\t\t\t\t  \t\$('#mitsumori_goukei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5249. \t\t\t\t\t  \t\$('#mitsumori_off').text(formatter.format(parseInt(el.price) - parseInt(el.maker_price)) + \"円\");
  5250. \t\t\t\t\t  \t\$('#mitsumori_price').text(formatter.format(parseInt(el.price)) + \"円\");
  5251. \t\t\t\t\t  \t\$('#maker_price').text(formatter.format(parseInt(el.maker_price)) + \"円\");
  5252. \t\t\t\t\t  \t\$('#mitsumori_ct').text(formatter.format(parseInt(el.ct)) + \"円\");
  5253. \t\t\t\t\t  \t\$('#mitsumori_option').text(\"0円\");
  5255. \t\t\t\t\t  \t\$('#mitsumori_kei').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5258. \t\t\t\t\t  \t\$('#mitsumori_price_01').text(formatter.format(parseInt(el.price)) + \"円\");
  5259. \t\t\t\t\t  \t\$('#mitsumori_price_02').text(formatter.format(parseInt(el.price)) + \"円\");
  5260. \t\t\t\t\t  \t\$('#mitsumori_ct_01').text(formatter.format(parseInt(el.ct)) + \"円\");
  5261. \t\t\t\t\t  \t\$('#mitsumori_ct_02').text(formatter.format(parseInt(el.ct)) + \"円\");
  5262. \t\t\t\t\t  \t\$('#mitsumori_goukei_02').text(formatter.format(parseInt(el.price) + parseInt(el.ct)) + \"円\");
  5264. \t\t\t\t\t\tmitsumori_goukei = (parseInt(el.price) + parseInt(el.ct));
  5265. \t\t\t\t\t\tshoukei = mitsumori_goukei / 1.1;
  5266. \t\t\t\t\t\ttax = parseInt(mitsumori_goukei - shoukei);
  5268. \t\t\t\t\t  \t\$('#mitsumori_shoukei').text(formatter.format(parseInt(shoukei)) + \"円\");
  5269. \t\t\t\t\t  \t\$('#mitsumori_tax').text(formatter.format(parseInt(tax)) + \"円\");
  5271. \t\t\t\t\t}
  5272. \t\t\t\t  }
  5273. \t\t\t\t});
  5275. \t\t\t\tif (!pp_matched) {
  5276. \t\t\t\t\t\$('#mitsumori_message').text(\"この組み合わせは対応しておりません\");
  5277. \t\t\t\t\t\$('#mitsumori_btn').hide();
  5278. \t\t\t\t\t\$('#mitsumori_goukei').text(\"---円\");
  5279. \t\t\t\t\t\$('#mitsumori_off').text(\"---円\");
  5280. \t\t\t\t\t\$('#mitsumori_price').text(\"---円\");
  5281. \t\t\t\t\t\$('#maker_price').text(\"---円\");
  5282. \t\t\t\t\t\$('#mitsumori_ct').text(\"---円\");
  5283. \t\t\t\t\t\$('#mitsumori_option').text(\"---円\");
  5284. \t\t\t\t\t\$('#mitsumori_kei').text(\"---円\");
  5285. \t\t\t\t\t\$('#mitsumori_shoukei').text(\"---円\");
  5286. \t\t\t\t\t\$('#mitsumori_tax').text(\"---円\");
  5287. \t\t\t\t}\t
  5290. \t\t\t\t// タイプ5: ステップ・フェンス・面積の現在値を取得
  5291. \t\t\t\tif(\$('input[name=deck_step]:checked').length){ deck_step = \$('input[name=deck_step]:checked').val(); }
  5292. \t\t\t\tif(\$('input[name=deck_fence]:checked').length){ deck_fence = \$('input[name=deck_fence]:checked').val(); }
  5294. \t\t\t\t// タイプ2: 窓サイズ・窓タイプ・ガラスタイプ・セット数
  5295. \t\t\t\tvar mado_w_val     = \$('#mado_w').val()     || '';
  5296. \t\t\t\tvar mado_h_val     = \$('#mado_h').val()     || '';
  5297. \t\t\t\tvar mado_type_val  = \$('input[name=mado_type]:checked').val()  || '';
  5298. \t\t\t\tvar glass_type_val = \$('input[name=glass_type]:checked').val() || '';
  5299. \t\t\t\tvar set_count_val  = parseInt(\$('#set_count').val()) || 1;
  5301. \t\t\t\t// タイプ3: 台数
  5302. \t\t\t\tvar daisu_val = parseInt(\$('#daisu').val()) || 1;
  5304. \t\t\t\t// タイプ4・6: 枚数
  5305. \t\t\t\tvar maisu_val = parseInt(\$('#maisu').val()) || 1;
  5307. \t\t\t\t// タイプ5: 面積
  5308. \t\t\t\tvar area_val = \$('#area').val() || '';
  5310. \t\t\t\t// sale_type
  5311. \t\t\t\tvar sale_type_id = {{ ProductClass.SaleType.id }};
  5313. \t\t\t\tvar mitsumori_json = { \"mitsumori_goukei\": \$('#mitsumori_goukei').text(),
  5314. \t\t\t\t\t\t\t\t\t\t\"mitsumori_goukei_02\": \$('#mitsumori_goukei_02').text(),
  5315. \t\t\t\t\t\t\t\t\t\t\"mitsumori_price\": \$('#mitsumori_price').text(),
  5316. \t\t\t\t\t\t\t\t\t\t\"maker_price\": \$('#maker_price').text(),
  5317. \t\t\t\t\t\t\t\t\t\t\"mitsumori_off\": \$('#mitsumori_off').text(),
  5318. \t\t\t\t\t\t\t\t\t\t\"mitsumori_ct\": \$('#mitsumori_ct').text(),
  5319. \t\t\t\t\t\t\t\t\t\t\"mitsumori_option\": \$('#mitsumori_option').text(),
  5320. \t\t\t\t\t\t\t\t\t\t\"product_id\": {{ Product.id }},
  5321. \t\t\t\t\t\t\t\t\t\t\"sale_type\": sale_type_id,
  5322. \t\t\t\t\t\t\t\t\t\t\"pw\": pw,
  5323. \t\t\t\t\t\t\t\t\t\t\"pd\": pd,
  5324. \t\t\t\t\t\t\t\t\t\t\"ph\": ph,
  5325. \t\t\t\t\t\t\t\t\t\t\"pm\": pm,
  5326. \t\t\t\t\t\t\t\t\t\t\"pc\": pc,
  5327. \t\t\t\t\t\t\t\t\t\t\"op\": [op0,op1,op2,op3,op4,op5,op6,op7,op8,op9,op10],
  5328. \t\t\t\t\t\t\t\t\t\t\"mado_w\":     mado_w_val,
  5329. \t\t\t\t\t\t\t\t\t\t\"mado_h\":     mado_h_val,
  5330. \t\t\t\t\t\t\t\t\t\t\"mado_type\":  mado_type_val,
  5331. \t\t\t\t\t\t\t\t\t\t\"glass_type\": glass_type_val,
  5332. \t\t\t\t\t\t\t\t\t\t\"set_count\":  set_count_val,
  5333. \t\t\t\t\t\t\t\t\t\t\"daisu\":      daisu_val,
  5334. \t\t\t\t\t\t\t\t\t\t\"maisu\":      maisu_val,
  5335. \t\t\t\t\t\t\t\t\t\t\"area\":       area_val,
  5336. \t\t\t\t\t\t\t\t\t\t\"deck_step\":  deck_step,
  5337. \t\t\t\t\t\t\t\t\t\t\"deck_fence\": deck_fence };
  5339. \t\t\t\t\$('#mitsumori_json').val(JSON.stringify(mitsumori_json));
  5340. \t\t\t\t
  5341. \t\t\t}
  5342. \t\t\t
  5344. \t\t}
  5346.         {% if color and color|length == 1 %}
  5347.             pc = \"指定なし\";
  5348. \t\t\t{% for cc in color %}{% if cc and cc['name'] %} pc = \"{{ cc['name'] }}\"; {% endif %}{% endfor %}
  5349. \t\t{% endif %}
  5351.         {% if p_w and (p_w|length == 1 or p_w|join == \"\") %}
  5352.             pw = \"指定なし\";
  5353. \t\t\t{% for pw in p_w %}{% if pw %} pw = \"{{ pw }}\"; {% endif %}{% endfor %}
  5354. \t\t{% endif %}
  5356.         {% if p_d and (p_d|length == 1 or p_d|join == \"\") %}
  5357.             pd = \"指定なし\";
  5358. \t\t\t{% for pd in p_d %}{% if pd %} pd = \"{{ pd }}\"; {% endif %}{% endfor %}
  5359. \t\t{% endif %}
  5361.         {% if p_h and (p_h|length == 1 or p_h|join == \"\") %}
  5362.             ph = \"指定なし\";
  5363. \t\t\t{% for ph in p_h %}{% if ph %} ph = \"{{ ph }}\"; {% endif %}{% endfor %}
  5364. \t\t{% endif %}
  5366.         {% if p_m and (p_m|length == 1 or p_m|join == \"\") %}
  5367.             pm = \"指定なし\";
  5368. \t\t\t{% for pm in p_m %}{% if pm %} pm = \"{{ pm }}\"; {% endif %}{% endfor %}
  5369. \t\t{% endif %}
  5371. \t\t// ページ読み込み時: タイプ別に quantity の初期値をセット
  5372. \t\t(function initQuantityByType(){
  5373. \t\t\tvar saleType = {{ ProductClass.SaleType.id }};
  5374. \t\t\tif(saleType == 2 && \$('#set_count').length){
  5375. \t\t\t\tvar _v = parseInt(\$('#set_count').val()) || 1;
  5376. \t\t\t\t\$('#quantity').val(_v);
  5377. \t\t\t\t\$('input[name=\"quantity\"]').val(_v);
  5378. \t\t\t} else if(saleType == 3 && \$('#daisu').length){
  5379. \t\t\t\t\$('#quantity').val(parseInt(\$('#daisu').val()) || 1);
  5380. \t\t\t} else if((saleType == 4 || saleType == 6) && \$('#maisu').length){
  5381. \t\t\t\t\$('#quantity').val(parseInt(\$('#maisu').val()) || 1);
  5382. \t\t\t} else if(saleType == 9 && \$('#quantity_only').length){
  5383. \t\t\t\t\$('#quantity').val(parseInt(\$('#quantity_only').val()) || 1);
  5384. \t\t\t}
  5385. \t\t})();
  5387. \t\t// type → ラベルのプレフィックス文字列
  5388. \t\tvar optLabelMap = {pc:'カラー', pw:'幅', pd:'奥行き', ph:'高さ', pm:'素材'};
  5389. \t\t// type → input[name]
  5390. \t\tvar optNameMap  = {pc:'color', pw:'pw', pd:'pd', ph:'ph', pm:'pm'};
  5392. \t\t// opt-btn用: 値を直接受け取るラッパー
  5393. \t\tfunction mitsumori_simulation_val(type, value) {
  5394. \t\t\tif (type === 'pc') pc = value;
  5395. \t\t\tif (type === 'pw') pw = value;
  5396. \t\t\tif (type === 'pd') pd = value;
  5397. \t\t\tif (type === 'ph') ph = value;
  5398. \t\t\tif (type === 'pm') pm = value;
  5400. \t\t\t// is-selected クラスを同グループ内で付け替え
  5401. \t\t\tvar inputName = optNameMap[type];
  5402. \t\t\tif (inputName) {
  5403. \t\t\t\tvar \$btns = \$('input[name=\"' + inputName + '\"]').closest('.opt-btn');
  5404. \t\t\t\t\$btns.removeClass('is-selected');
  5405. \t\t\t\t\$btns.filter(function(){
  5406. \t\t\t\t\treturn \$(this).find('input').val() === value;
  5407. \t\t\t\t}).addClass('is-selected');
  5408. \t\t\t}
  5410. \t\t\t// ラベル行の選択値テキストを更新（例: 「カラー: ブラック」）
  5411. \t\t\tvar labelPrefix = optLabelMap[type];
  5412. \t\t\tif (labelPrefix) {
  5413. \t\t\t\t// 対象のrp-section-labelを特定（input[name]を含む親を遡る）
  5414. \t\t\t\tvar \$group = \$('input[name=\"' + inputName + '\"]').first().closest('.form-group');
  5415. \t\t\t\tvar \$label = \$group.find('.rp-section-label');
  5416. \t\t\t\t\$label.html(labelPrefix + ': <span>' + value + '</span>');
  5417. \t\t\t}
  5419. \t\t\t// simulation本体を呼ぶ（value_idは空でOK、グローバル変数を使う）
  5420. \t\t\tmitsumori_simulation('', '');
  5421. \t\t}
  5423. \t\tmitsumori_simulation(\"\",\"\");
  5425. \t\t// ボタン群: 親幅を超える、または3行以上になる場合は is-scroll で1行横スクロール化
  5426. \t\tfunction applyBtnGroupScroll() {
  5427. \t\t\t\$('.rp-btn-group, .opt-btn-group').each(function() {
  5428. \t\t\t\tvar \$group = \$(this);
  5429. \t\t\t\t\$group.removeClass('is-scroll');
  5430. \t\t\t\tvar \$items = \$group.children();
  5431. \t\t\t\tif (\$items.length === 0) return;
  5433. \t\t\t\tvar parentWidth = \$group.parent().width() || \$group.width();
  5434. \t\t\t\tvar totalWidth = 0;
  5435. \t\t\t\tvar gap = parseInt(\$group.css('gap'), 10) || 8;
  5436. \t\t\t\t\$items.each(function() {
  5437. \t\t\t\t\ttotalWidth += this.offsetWidth + gap;
  5438. \t\t\t\t});
  5440. \t\t\t\t// 単一ボタンが親幅を超える、もしくは合計幅が親幅を超える → 横スクロール化
  5441. \t\t\t\tvar anyTooWide = false;
  5442. \t\t\t\t\$items.each(function() {
  5443. \t\t\t\t\tif (this.offsetWidth > parentWidth) { anyTooWide = true; return false; }
  5444. \t\t\t\t});
  5446. \t\t\t\t// 折り返し時の行数も計測
  5447. \t\t\t\tvar tops = {};
  5448. \t\t\t\t\$items.each(function() { tops[this.offsetTop] = true; });
  5449. \t\t\t\tvar rowCount = Object.keys(tops).length;
  5451. \t\t\t\tif (anyTooWide || totalWidth > parentWidth * 2 || rowCount >= 3) {
  5452. \t\t\t\t\t\$group.addClass('is-scroll');
  5453. \t\t\t\t}
  5454. \t\t\t});
  5455. \t\t}
  5456. \t\tapplyBtnGroupScroll();
  5457. \t\t\$(window).on('resize', function() {
  5458. \t\t\tclearTimeout(window._btnScrollTimer);
  5459. \t\t\twindow._btnScrollTimer = setTimeout(applyBtnGroupScroll, 150);
  5460. \t\t});
  5462. \t\t// onload: 見積金額が確定している場合は「工事費込み価格」表示を一致させる
  5463. \t\t(function syncPrice02Display() {
  5464. \t\t\tvar goukeiEl = document.getElementById('mitsumori_goukei');
  5465. \t\t\tvar displayEl = document.getElementById('price02-display');
  5466. \t\t\tif (!goukeiEl || !displayEl) return;
  5467. \t\t\tvar goukeiText = goukeiEl.textContent.trim();
  5468. \t\t\t// ---円（未確定）の場合は書き換えない
  5469. \t\t\tif (goukeiText && goukeiText !== '---円') {
  5470. \t\t\t\tdisplayEl.textContent = goukeiText;
  5471. \t\t\t}
  5472. \t\t\t// 以降の変更にも追従: mitsumori_goukei を監視
  5473. \t\t\tnew MutationObserver(function() {
  5474. \t\t\t\tvar text = goukeiEl.textContent.trim();
  5475. \t\t\t\tif (text && text !== '---円') {
  5476. \t\t\t\t\tdisplayEl.textContent = text;
  5477. \t\t\t\t}
  5478. \t\t\t}).observe(goukeiEl, { childList: true, subtree: true, characterData: true });
  5479. \t\t})();
  5480. \t\tfunction contact_form(product_id){
  5481. \t\t\t\$('#form1').attr('action', '{{ url('contact', {product:Product.id}) }}');
  5482. \t\t\t\$('#form1').submit();
  5483. \t\t}
  5485. \t\t// maisu / madoset は下部の新しい関数定義を使用
  5488. \t\tfunction heibei(bei){
  5489. \t\t\t\$('#heibei').val(parseInt(\$('#heibei').val()) + bei);
  5490. \t\t\tif(parseInt(\$('#heibei').val()) < 1){ \$('#heibei').val(1); }
  5491. \t\t\tif(parseInt(\$('#heibei').val()) > 100){ \$('#heibei').val(100); }
  5492. \t\t\t\$('#quantity').val(\$('#heibei').val());
  5493. \t\t\tmitsumori_simulation('heibei','heibei');
  5494. \t\t}
  5495. \t\tfunction daisu(dai){
  5496. \t\t\t\$('#daisu').val(parseInt(\$('#daisu').val()) + dai);
  5497. \t\t\tif(parseInt(\$('#daisu').val()) < 1){ \$('#daisu').val(1); }
  5498. \t\t\tif(parseInt(\$('#daisu').val()) > 10){ \$('#daisu').val(10); }
  5499. \t\t\t\$('#quantity').val(\$('#daisu').val());
  5500. \t\t\tmitsumori_simulation('daisu','daisu');
  5501. \t\t}
  5502. \t\tfunction maisu(mai){
  5503. \t\t\t\$('#maisu').val(parseInt(\$('#maisu').val()) + mai);
  5504. \t\t\tif(parseInt(\$('#maisu').val()) < 1){ \$('#maisu').val(1); }
  5505. \t\t\tif(parseInt(\$('#maisu').val()) > 100){ \$('#maisu').val(100); }
  5506. \t\t\t\$('#quantity').val(\$('#maisu').val());
  5507. \t\t\tmitsumori_simulation('maisu','maisu');
  5508. \t\t}
  5510. \t\t// タイプ2: セット数プルダウン連動
  5511. \t\tfunction madosetSelect(val){
  5512. \t\t\tvar v = parseInt(val);
  5513. \t\t\tif(v < 1) v = 1;
  5514. \t\t\tif(v > 20) v = 20;
  5515. \t\t\t// id=\"quantity\" と name=\"quantity\" 両方を確実に書き換え
  5516. \t\t\t\$('#quantity').val(v);
  5517. \t\t\t\$('input[name=\"quantity\"]').val(v);
  5518. \t\t\tmitsumori_simulation('set','set_count');
  5519. \t\t}
  5520. \t\t// タイプ2: ±ボタン版（後方互換）
  5521. \t\tfunction madoset(mai){
  5522. \t\t\tvar current = parseInt(\$('#set_count').val()) || 1;
  5523. \t\t\tvar next = current + mai;
  5524. \t\t\tif(next < 1) next = 1;
  5525. \t\t\tif(next > 20) next = 20;
  5526. \t\t\t\$('#set_count').val(next);
  5527. \t\t\tmadosetSelect(next);
  5528. \t\t}
  5530. \t\t// タイプ5: ステップ・フェンス選択値を mitsumori_json に保存するためのグローバル変数
  5531. \t\tvar deck_step = \"{% if mitsumori_json %}{{ mitsumori_json.deck_step|default('不要') }}{% else %}不要{% endif %}\";
  5532. \t\tvar deck_fence = \"{% if mitsumori_json %}{{ mitsumori_json.deck_fence|default('不要') }}{% else %}不要{% endif %}\";
  5534. \t\t// PDF出力: モーダルの mitsumori_json をフォームに同期してから送信
  5535. \t\tfunction syncPdfJson(){
  5536. \t\t\tvar jsonVal = \$('#mitsumori_json').val();
  5537. \t\t\t\$('#pdf_mitsumori_json').val(jsonVal);
  5538. \t\t}
  5540. \t\t// タイプ9: 商品のみ購入
  5541. \t\tfunction quantityOnly(val){
  5542. \t\t\tvar current = parseInt(\$('#quantity_only').val()) || 1;
  5543. \t\t\tvar next = current + val;
  5544. \t\t\tif(next < 1) next = 1;
  5545. \t\t\t\$('#quantity_only').val(next);
  5546. \t\t\t\$('#quantity').val(next);
  5547. \t\t}
  5549.         // ===== スマホ用下部固定バーへの金額同期 =====
  5550.         // mitsumori_message と mitsumori_goukei を監視して下部バーを更新
  5551.         (function() {
  5552.             var msgTarget   = document.getElementById('mitsumori_message');
  5553.             var goukeiTarget = document.getElementById('mitsumori_goukei');
  5554.             var spPrice     = document.getElementById('sp-mitsumori-price');
  5555.             var spBtn       = document.querySelector('#sp-mitsumori-bar .sp-bar__btn');
  5556.             if (!spPrice || !spBtn) return;
  5558.             function syncBar() {
  5559.                 var msg    = msgTarget ? msgTarget.textContent : '';
  5560.                 var goukei = goukeiTarget ? goukeiTarget.textContent : '---円';
  5562.                 // メッセージが「〇〇を選択してください」の場合はメッセージを表示しボタンを非表示
  5563.                 if (msg.indexOf('選択してください') !== -1) {
  5564.                     spPrice.textContent = msg;
  5565.                     spPrice.style.fontSize = '13px';
  5566.                     spPrice.style.color    = '#888';
  5567.                     spBtn.style.display    = 'none';
  5568.                 } else {
  5569.                     // 価格確定時はボタンを表示
  5570.                     spPrice.textContent = goukei;
  5571.                     spPrice.style.fontSize = '18px';
  5572.                     spPrice.style.color    = '#c00';
  5573.                     spBtn.style.display    = 'block';
  5574.                 }
  5575.             }
  5577.             // 初期値を同期
  5578.             syncBar();
  5580.             // mitsumori_message の変化を監視
  5581.             if (msgTarget) {
  5582.                 new MutationObserver(syncBar).observe(
  5583.                     msgTarget, { childList: true, subtree: true, characterData: true }
  5584.                 );
  5585.             }
  5586.             // mitsumori_goukei の変化も監視
  5587.             if (goukeiTarget) {
  5588.                 new MutationObserver(syncBar).observe(
  5589.                     goukeiTarget, { childList: true, subtree: true, characterData: true }
  5590.                 );
  5591.             }
  5592.         })();
  5594.         // ===== 現在のお見積り額: 折りたたみトグルボタンのテキスト切り替え =====
  5595.         (function() {
  5596.             var card = document.querySelector('.mitsumori-card-pc');
  5597.             var btn  = document.querySelector('.btn-mitsumori-toggle .toggle-icon');
  5598.             if (!card || !btn) return;
  5599.             // MutationObserverでcollapsed-cardクラスの変化を監視
  5600.             new MutationObserver(function() {
  5601.                 if (card.classList.contains('collapsed-card')) {
  5602.                     btn.textContent = '▼ 詳細';
  5603.                 } else {
  5604.                     btn.textContent = '▲ 閉じる';
  5605.                 }
  5606.             }).observe(card, { attributes: true, attributeFilter: ['class'] });
  5607.         })();
  5609.         // ===== エリア案内: スマホのみタップで展開 =====
  5610.         (function() {
  5611.             var notice = document.querySelector('.ec-areaNotice');
  5612.             if (!notice) return;
  5613.             notice.addEventListener('click', function(e) {
  5614.                 if (window.innerWidth > 767) return;
  5615.                 // リンククリック時は展開/折りたたみせずリンク遷移
  5616.                 if (e.target.tagName === 'A') return;
  5617.                 notice.classList.toggle('is-open');
  5618.             });
  5619.         })();
  5621.     </script>
  5622.     <script type=\"application/ld+json\">
  5623.     {
  5624.         \"@context\": \"https://schema.org/\",
  5625.         \"@type\": \"Product\",
  5626.         \"name\": \"{{ Product.name }}\",
  5627.         \"image\": [
  5628.             {% for img in Product.ProductImage %}
  5629.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}\"{% if not loop.last %},{% endif %}
  5631.             {% else %}
  5632.                 \"{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}\"
  5633.             {% endfor %}
  5634.         ],
  5635.         \"description\": \"{{ Product.description_list | default(Product.description_detail) | replace({'\\n': '', '\\r': ''}) | slice(0,300) }}\",
  5636.         {% if Product.code_min %}
  5637.         \"sku\": \"{{ Product.code_min }}\",
  5638.         {% endif %}
  5639.         \"offers\": {
  5640.             \"@type\": \"Offer\",
  5641.             \"url\": \"{{ url('product_detail', {'id': Product.id}) }}\",
  5642.             \"priceCurrency\": \"{{ eccube_config.currency }}\",
  5643.             \"price\": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
  5644.             \"availability\": \"{{ Product.stock_find ? \"InStock\" : \"OutOfStock\" }}\"
  5645.         }
  5646.     }
  5647.     </script>
  5649. {% endblock %}
  5651. {% block main %}
  5652.     <div class=\"ec-productRole\" style=\"margin-top:20px;\">
  5653.         <div class=\"ec-grid2\">
  5654.             <div class=\"ec-grid2__cell\">
  5655.                 <div class=\"ec-sliderItemRole\">
  5656. \t                {# 商品名 + ブランド名 + SNSシェア #}
  5657. \t                <div class=\"ec-productRole__title\">
  5658. \t                    <div class=\"ec-productRole__titleRow\">
  5659. \t                        <h2 class=\"ec-headingTitle\">{{ Product.name }}</h2>
  5660. \t                        <div class=\"ec-share-inline\">
  5661. \t                            <a href=\"https://twitter.com/share?url={{ app.request.uri|url_encode }}&text={{ Product.name|url_encode }}\"
  5662. \t                               class=\"share-twitter\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Xでシェア\">
  5663. \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>
  5664. \t                            </a>
  5665. \t                            <a href=\"https://www.instagram.com/\" class=\"share-facebook\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"Instagram\">
  5666. \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>
  5667. \t                            </a>
  5668. \t                            <a href=\"https://social-plugins.line.me/lineit/share?url={{ app.request.uri|url_encode }}\"
  5669. \t                               class=\"share-line\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"LINEでシェア\">
  5670. \t                                <i class=\"fab fa-line\"></i>
  5671. \t                            </a>
  5672. \t                        </div>
  5673. \t                    </div>
  5674. \t                </div>
  5675.                     {% if BaseInfo.option_favorite_product %}
  5676.                      <div style=\"position:relative;top: 20px;left: 10px;z-index:100;\">
  5677. \t\t\t\t\t\t{% if is_favorite == false %}
  5678.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5679.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\">&#9825;</button>
  5680.                         </form>
  5681.                         {% else %}
  5682.                         <form action=\"{{ url('product_add_favorite', {id:Product.id}) }}\" method=\"post\">
  5683.                            <button type=\"submit\" id=\"favorite\" class=\"favorite\" style=\"color:red;\">&#9829;</button>
  5684.                         </form>
  5685.                         {% endif %}
  5686.                      </div>
  5687.                     {% endif %}
  5688.                     <div class=\"item_visual\">
  5689.                         {% for ProductImage in Product.ProductImage %}
  5690.                             <div class=\"slide-item\"><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 %}></div>
  5691.                         {% else %}
  5692.                             <div class=\"slide-item\"><img src=\"{{ asset(''|no_image_product, 'save_image') }}\" alt=\"{{ loop.first ? Product.name : '' }}\" width=\"550\" height=\"550\" style=\"max-height: 400px;\"></div>
  5693.                         {% endfor %}
  5694.                     </div>
  5695.                     <div class=\"item_nav\">
  5696.                         {% for ProductImage in Product.ProductImage %}
  5697.                             <div class=\"slideThumb\" data-index=\"{{ loop.index0 }}\"><img src=\"{{ asset(ProductImage, 'save_image') }}\" alt=\"\" width=\"80\" height=\"80\" loading=\"lazy\"></div>
  5698.                         {% endfor %}
  5699.                     </div>
  5701.                 </div>
  5703.                     {# ===== 施工エリア案内（見積シミュレーションの下）===== #}
  5704.                     <div class=\"ec-areaNotice\" style=\"margin-top:16px;margin-right:10px;\">
  5705.                         <div class=\"ec-areaNotice__inner\">
  5706.                             <div class=\"ec-areaNotice__icon\">📍</div>
  5707.                             <div class=\"ec-areaNotice__body\">
  5708.                                 <p class=\"ec-areaNotice__title\">施工対応エリアについて</p>
  5709.                                 <div class=\"ec-areaNotice__detail\">
  5710.                                     <p class=\"ec-areaNotice__text\">
  5711.                                         当店の施工サービスは、<strong>山梨県全域</strong>および<br>
  5712.                                         <strong>諏訪エリア（諏訪市・岡谷市・茅野市・諏訪郡）</strong>を対象としております。<br>
  5713.                                         上記エリア外のお客様には、商品のみのご購入が可能でございます。<br>
  5714.                                         ご不明な点がございましたら、お気軽にお問い合わせください。
  5715.                                     </p>
  5716.                                     <a class=\"ec-areaNotice__link\" href=\"{{ url('contact') }}\">エリア外のお客様・ご相談はこちら →</a>
  5717.                                 </div>
  5718.                             </div>
  5719.                         </div>
  5720.                     </div>
  5722.             </div>
  5724.             <div class=\"ec-grid2__cell2\">
  5725.                 <div class=\"ec-productRole__profile\" >
  5726.                     {# 関連カテゴリ #}
  5727.                     {% if Product.ProductCategories is not empty %}
  5728.                         <div class=\"ec-productRole__category\" style=\"padding:10px 0;\">
  5729.                             {% for ProductCategory in Product.ProductCategories %}
  5730.                                 <ul>
  5731.                                     <li>
  5732.                                         {% for Category in ProductCategory.Category.path %}
  5733.                                             <a href=\"{{ url('product_list') }}?category_id={{ Category.id }}\">{{ Category.name }}</a> {%- if loop.last == false %}
  5734.                                             <span>＞</span>{% endif -%}
  5735.                                         {% endfor %}
  5736.                                     </li>
  5737.                                 </ul>
  5738.                             {% endfor %}
  5739.                         </div>
  5740.                     {% endif %}
  5741.                     {# 販売価格 #}
  5742.                     <div class=\"ec-productRole__price\">
  5743. \t\t\t\t\t\t<span style=\"color:black;font-size:15px;\">工事費込み価格</span>
  5744.                         {% if Product.hasProductClass -%}
  5745.                             {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
  5746.                                 <div class=\"ec-price\">
  5747.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5748.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5749.                                 </div>
  5750.                             {% else %}
  5751.                                 <div class=\"ec-price\">
  5752.                                     <span id=\"price02-display\" class=\"ec-price__price price02-default\">{{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}</span>
  5753.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})</span>
  5754.                                 </div>
  5755.                             {% endif %}
  5756.                         {% else %}
  5757.                             <div class=\"ec-price\">
  5758.                                 <span id=\"price02-display\" class=\"ec-price__price\">{{ Product.getPrice02IncTaxMin|price }}</span>
  5759.                                     <span class=\"ec-price__tax\">({{ '税込'|trans }})～</span>
  5760.                             </div>
  5761.                         {% endif %}
  5762.                     </div>
  5763.                     {# タグ #}
  5764.                     <ul class=\"ec-productRole__tags\">
  5765.                         {% for Tag in Product.Tags %}
  5766.                             <li class=\"ec-productRole__tag tag_{{ Tag.id }}\">{{ Tag }}</li>
  5767.                         {% endfor %}
  5768.                     </ul>
  5769.                     {# 商品コード #}
  5770.                     {% if Product.code_min is not empty %}
  5771.                         <div class=\"ec-productRole__code\">
  5772.                             {{ '商品コード'|trans }}： <span class=\"product-code-default\">{{ Product.code_min }}{% if Product.code_min != Product.code_max %} ～ {{ Product.code_max }}{% endif %}</span>
  5773.                         </div>
  5774.                     {% endif %}
  5776.                     <div class=\"ec-productRole__description\">
  5777. \t\t\t\t        <div class=\"ec-rectHeading\">
  5778. \t\t\t\t            <h4>製品情報</h4>
  5779. \t\t\t\t        </div>
  5780. \t\t\t\t\t\t{{ Product.sales_infomation|raw|nl2br }}
  5781.                     </div>
  5784. \t\t\t\t\t<div class=\"card card-danger\" style=\"clear:both;margin:1px;\">
  5785. \t\t\t\t\t  <div class=\"card-header\">
  5786. \t\t\t\t\t    <h3 class=\"card-title\">見積シミュレーション</h3>
  5787. \t\t\t\t\t  </div>
  5788. \t\t\t\t\t  <div class=\"card-body p-2\">
  5789.                         {% set related_image = getProduct_field(Product.id,\"related_image\") %}
  5790.                         {# related_image は配列: [\"1段目画像あり\",\"2段目画像あり\",\"3段目画像あり\"] のうち該当するものが格納 #}
  5791.                         {% set img1 = related_image and (\"1段目画像あり\" in related_image) %}
  5792.                         {% set img2 = related_image and (\"2段目画像あり\" in related_image) %}
  5793.                         {% set img3 = related_image and (\"3段目画像あり\" in related_image) %}
  5794.                         {% set img4 = related_image and (\"4段目画像あり\" in related_image) %}
  5795. \t\t\t\t\t    {% set type1 = getProduct_field(Product.id,\"related_name1\") %}
  5796. \t\t\t\t\t\t{% set type2 = getProduct_field(Product.id,\"related_name2\") %}
  5797. \t\t\t\t\t\t{% set type3 = getProduct_field(Product.id,\"related_name3\") %}
  5798. \t\t\t\t\t\t{% set type4 = getProduct_field(Product.id,\"related_name4\") %}
  5799. \t\t\t\t\t\t{% set hasRelated = (type1 and related_product1 and related_product1|length)
  5800. \t\t\t\t\t\t                 or (type2 and related_product2 and related_product2|length)
  5801. \t\t\t\t\t\t                 or (type3 and related_product3 and related_product3|length)
  5802. \t\t\t\t\t\t                 or (type4 and related_product4 and related_product4|length) %}
  5803. \t\t\t\t\t\t{% if hasRelated %}
  5804. \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>
  5805. \t\t\t\t\t\t{% endif %}
  5807. \t\t\t\t\t\t{# ===== 1段目 ===== #}
  5808. \t\t\t\t\t\t{% if type1 and related_product1 and related_product1|length %}
  5809. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5810. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type1 }}{% if img1 and base_select1 %}: <span>{{ base_select1 }}</span>{% endif %}</div>
  5811. \t\t\t\t\t\t  {% if img1 %}
  5812. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  5813. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  5814. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  5815. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select1 == rp_name %} is-selected{% endif %}\"
  5816. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5817. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  5818. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  5819. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  5820. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  5821. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  5822. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  5823. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  5824. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  5825. \t\t\t\t\t\t        </label>
  5826. \t\t\t\t\t\t      {% endfor %}
  5827. \t\t\t\t\t\t    </div>
  5828. \t\t\t\t\t\t  {% else %}
  5829. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  5830. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  5831. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product1 %}
  5832. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select1 == rp_name %} is-selected{% endif %}\"
  5833. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5834. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp1\" value=\"{{ rp_name }}\"
  5835. \t\t\t\t\t\t                 {% if base_select1 == rp_name %}checked{% endif %}>
  5836. \t\t\t\t\t\t          {{ rp_name }}
  5837. \t\t\t\t\t\t        </label>
  5838. \t\t\t\t\t\t      {% endfor %}
  5839. \t\t\t\t\t\t    </div>
  5840. \t\t\t\t\t\t  {% endif %}
  5841. \t\t\t\t\t\t</div>
  5842. \t\t\t\t\t\t{% endif %}
  5844. \t\t\t\t\t\t{# ===== 2段目 ===== #}
  5845. \t\t\t\t\t\t{% if type2 and related_product2 and related_product2|length %}
  5846. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5847. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type2 }}{% if img2 and base_select2 %}: <span>{{ base_select2 }}</span>{% endif %}</div>
  5848. \t\t\t\t\t\t  {% if img2 %}
  5849. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  5850. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  5851. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select2 == rp_name %} is-selected{% endif %}\"
  5852. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5853. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  5854. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  5855. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  5856. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  5857. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  5858. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  5859. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  5860. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  5861. \t\t\t\t\t\t        </label>
  5862. \t\t\t\t\t\t      {% endfor %}
  5863. \t\t\t\t\t\t    </div>
  5864. \t\t\t\t\t\t  {% else %}
  5865. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  5866. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product2 %}
  5867. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select2 == rp_name %} is-selected{% endif %}\"
  5868. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5869. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp2\" value=\"{{ rp_name }}\"
  5870. \t\t\t\t\t\t                 {% if base_select2 == rp_name %}checked{% endif %}>
  5871. \t\t\t\t\t\t          {{ rp_name }}
  5872. \t\t\t\t\t\t        </label>
  5873. \t\t\t\t\t\t      {% endfor %}
  5874. \t\t\t\t\t\t    </div>
  5875. \t\t\t\t\t\t  {% endif %}
  5876. \t\t\t\t\t\t</div>
  5877. \t\t\t\t\t\t{% endif %}
  5879. \t\t\t\t\t\t{# ===== 3段目 ===== #}
  5880. \t\t\t\t\t\t{% if type3 and related_product3 and related_product3|length %}
  5881. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5882. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type3 }}{% if img3 and base_select3 %}: <span>{{ base_select3 }}</span>{% endif %}</div>
  5883. \t\t\t\t\t\t  {% if img3 %}
  5884. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  5885. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  5886. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select3 == rp_name %} is-selected{% endif %}\"
  5887. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5888. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  5889. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  5890. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  5891. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  5892. \t\t\t\t\t\t               alt=\"{{ rp_name }}\"
  5893. \t\t\t\t\t\t               onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex';\">
  5894. \t\t\t\t\t\t          <div class=\"rp-card__placeholder\" style=\"display:none;\">📦</div>
  5895. \t\t\t\t\t\t          <span class=\"rp-card__name\">{{ rp_name }}</span>
  5896. \t\t\t\t\t\t        </label>
  5897. \t\t\t\t\t\t      {% endfor %}
  5898. \t\t\t\t\t\t    </div>
  5899. \t\t\t\t\t\t  {% else %}
  5900. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  5901. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product3 %}
  5902. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select3 == rp_name %} is-selected{% endif %}\"
  5903. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5904. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp3\" value=\"{{ rp_name }}\"
  5905. \t\t\t\t\t\t                 {% if base_select3 == rp_name %}checked{% endif %}>
  5906. \t\t\t\t\t\t          {{ rp_name }}
  5907. \t\t\t\t\t\t        </label>
  5908. \t\t\t\t\t\t      {% endfor %}
  5909. \t\t\t\t\t\t    </div>
  5910. \t\t\t\t\t\t  {% endif %}
  5911. \t\t\t\t\t\t</div>
  5912. \t\t\t\t\t\t{% endif %}
  5914. \t\t\t\t\t\t{# ===== 4段目 ===== #}
  5915. \t\t\t\t\t\t{% if type4 and related_product4 and related_product4|length %}
  5916. \t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5917. \t\t\t\t\t\t  <div class=\"rp-section-label\">{{ type4 }}{% if img4 and base_select4 %}: <span>{{ base_select4 }}</span>{% endif %}</div>
  5918. \t\t\t\t\t\t  {% if img4 %}
  5919. \t\t\t\t\t\t    {# --- 画像付きカード --- #}
  5920. \t\t\t\t\t\t    <div class=\"rp-card-group\">
  5921. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  5922. \t\t\t\t\t\t        <label class=\"rp-card{% if base_select4 == rp_name %} is-selected{% endif %}\"
  5923. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5924. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  5925. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  5926. \t\t\t\t\t\t          <img class=\"rp-card__image\"
  5927. \t\t\t\t\t\t               src=\"{{ asset('p' ~ rp_id ~ '_cp_1.jpg', 'save_image') }}\"
  5928. \t\t\t\t\t\t               alt=\"{{ rp_name }}\" loading=\"lazy\">
  5929. \t\t\t\t\t\t          <span class=\"rp-card__label\">{{ rp_name }}</span>
  5930. \t\t\t\t\t\t        </label>
  5931. \t\t\t\t\t\t      {% endfor %}
  5932. \t\t\t\t\t\t    </div>
  5933. \t\t\t\t\t\t  {% else %}
  5934. \t\t\t\t\t\t    {# --- ボタン式ラジオ --- #}
  5935. \t\t\t\t\t\t    <div class=\"rp-btn-group\">
  5936. \t\t\t\t\t\t      {% for rp_id, rp_name in related_product4 %}
  5937. \t\t\t\t\t\t        <label class=\"rp-btn{% if base_select4 == rp_name %} is-selected{% endif %}\"
  5938. \t\t\t\t\t\t               onclick=\"location.href='/products/detail/{{ rp_id }}';\">
  5939. \t\t\t\t\t\t          <input type=\"radio\" name=\"rp4\" value=\"{{ rp_name }}\"
  5940. \t\t\t\t\t\t                 {% if base_select4 == rp_name %}checked{% endif %}>
  5941. \t\t\t\t\t\t          {{ rp_name }}
  5942. \t\t\t\t\t\t        </label>
  5943. \t\t\t\t\t\t      {% endfor %}
  5944. \t\t\t\t\t\t    </div>
  5945. \t\t\t\t\t\t  {% endif %}
  5946. \t\t\t\t\t\t</div>
  5947. \t\t\t\t\t\t{% endif %}
  5950. \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>
  5952.                         {% if color and color|length and ProductClass.SaleType.id != 3 %}
  5953.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5954.                           <div class=\"rp-section-label\">カラー{% if mitsumori_json and mitsumori_json.pc %}: <span>{{ mitsumori_json.pc }}</span>{% endif %}</div>
  5955.                           <div class=\"opt-btn-group\">
  5956.                             {% set idx = 0 %}
  5957.                             {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  5958.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %} is-selected{% endif %}\"
  5959.                                      onclick=\"mitsumori_simulation_val('pc', '{{ cc['name']|e('js') }}');\">
  5960.                                 <input type=\"radio\" name=\"color\" id=\"cc_{{ idx }}\" value=\"{{ cc['name'] }}\"
  5961.                                        {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}>
  5962.                                 {{ cc['name'] }}
  5963.                               </label>
  5964.                             {% endif %}{% endfor %}
  5965.                           </div>
  5966.                         </div>
  5967.                         {% endif %}
  5969.                         {% if p_w and p_w|length and p_w|join != \"\" %}
  5970.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5971.                           <div class=\"rp-section-label\">幅{% if mitsumori_json and mitsumori_json.pw %}: <span>{{ mitsumori_json.pw }}</span>{% endif %}</div>
  5972.                           <div class=\"opt-btn-group\">
  5973.                             {% set idx = 0 %}
  5974.                             {% for pw in p_w %}{% if pw %}{% set idx = idx + 1 %}
  5975.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %} is-selected{% endif %}\"
  5976.                                      onclick=\"mitsumori_simulation_val('pw', '{{ pw|e('js') }}');\">
  5977.                                 <input type=\"radio\" name=\"pw\" id=\"pw_{{ idx }}\" value=\"{{ pw }}\"
  5978.                                        {% if (mitsumori_json and mitsumori_json.pw == pw) or p_w|length == 1 %}checked{% endif %}>
  5979.                                 {{ pw }}
  5980.                               </label>
  5981.                             {% endif %}{% endfor %}
  5982.                           </div>
  5983.                         </div>
  5984.                         {% endif %}
  5986.                         {% if p_d and p_d|length and p_d|join != \"\" %}
  5987.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  5988.                           <div class=\"rp-section-label\">奥行き{% if mitsumori_json and mitsumori_json.pd %}: <span>{{ mitsumori_json.pd }}</span>{% endif %}</div>
  5989.                           <div class=\"opt-btn-group\">
  5990.                             {% set idx = 0 %}
  5991.                             {% for pd in p_d %}{% if pd %}{% set idx = idx + 1 %}
  5992.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %} is-selected{% endif %}\"
  5993.                                      onclick=\"mitsumori_simulation_val('pd', '{{ pd|e('js') }}');\">
  5994.                                 <input type=\"radio\" name=\"pd\" id=\"pd_{{ idx }}\" value=\"{{ pd }}\"
  5995.                                        {% if (mitsumori_json and mitsumori_json.pd == pd) or p_d|length == 1 %}checked{% endif %}>
  5996.                                 {{ pd }}
  5997.                               </label>
  5998.                             {% endif %}{% endfor %}
  5999.                           </div>
  6000.                         </div>
  6001.                         {% endif %}
  6003.                         {% if p_h and p_h|length and p_h|join != \"\" %}
  6004.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6005.                           <div class=\"rp-section-label\">高さ{% if mitsumori_json and mitsumori_json.ph %}: <span>{{ mitsumori_json.ph }}</span>{% endif %}</div>
  6006.                           <div class=\"opt-btn-group\">
  6007.                             {% set idx = 0 %}
  6008.                             {% for ph in p_h %}{% if ph %}{% set idx = idx + 1 %}
  6009.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %} is-selected{% endif %}\"
  6010.                                      onclick=\"mitsumori_simulation_val('ph', '{{ ph|e('js') }}');\">
  6011.                                 <input type=\"radio\" name=\"ph\" id=\"ph_{{ idx }}\" value=\"{{ ph }}\"
  6012.                                        {% if (mitsumori_json and mitsumori_json.ph == ph) or p_h|length == 1 %}checked{% endif %}>
  6013.                                 {{ ph }}
  6014.                               </label>
  6015.                             {% endif %}{% endfor %}
  6016.                           </div>
  6017.                         </div>
  6018.                         {% endif %}
  6020.                         {% if p_m and p_m|length and p_m|join != \"\" %}
  6021.                         <div class=\"form-group mt-3 pb-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6022.                           <div class=\"rp-section-label\">素材{% if mitsumori_json and mitsumori_json.pm %}: <span>{{ mitsumori_json.pm }}</span>{% endif %}</div>
  6023.                           <div class=\"opt-btn-group\">
  6024.                             {% set idx = 0 %}
  6025.                             {% for pm in p_m %}{% if pm %}{% set idx = idx + 1 %}
  6026.                               <label class=\"opt-btn{% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %} is-selected{% endif %}\"
  6027.                                      onclick=\"mitsumori_simulation_val('pm', '{{ pm|e('js') }}');\">
  6028.                                 <input type=\"radio\" name=\"pm\" id=\"pm_{{ idx }}\" value=\"{{ pm }}\"
  6029.                                        {% if (mitsumori_json and mitsumori_json.pm == pm) or p_m|length == 1 %}checked{% endif %}>
  6030.                                 {{ pm }}
  6031.                               </label>
  6032.                             {% endif %}{% endfor %}
  6033.                           </div>
  6034.                         </div>
  6035.                         {% endif %}
  6037. \t\t\t\t\t\t<!-- 1: 施工見積（通常） → 幅/奥行/高さ/素材/カラーは上部の共通ブロックで表示済み -->
  6038. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 1 %}
  6039. \t\t\t\t\t\t{% endif %}
  6041. \t\t\t\t\t\t<!-- 2: 施工見積（補助金・窓） -->
  6042. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 2 %}
  6044. \t\t\t\t\t\t\t{# 窓サイズ（自由入力） #}
  6045. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6046. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓サイズ</label>
  6047. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6048. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6049. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓幅</span>
  6050. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_w\" id=\"mado_w\" class=\"form-control\" value=\"{{ mitsumori_json.mado_w|default('') }}\" placeholder=\"例: 90\" min=\"1\" onchange=\"mitsumori_simulation('mado_w','mado_w');\">
  6051. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6052. \t\t\t\t\t\t\t    </div>
  6053. \t\t\t\t\t\t\t  </div>
  6054. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6055. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6056. \t\t\t\t\t\t\t      <span class=\"input-group-text\">窓高さ</span>
  6057. \t\t\t\t\t\t\t      <input type=\"number\" name=\"mado_h\" id=\"mado_h\" class=\"form-control\" value=\"{{ mitsumori_json.mado_h|default('') }}\" placeholder=\"例: 110\" min=\"1\" onchange=\"mitsumori_simulation('mado_h','mado_h');\">
  6058. \t\t\t\t\t\t\t      <span class=\"input-group-text\">cm</span>
  6059. \t\t\t\t\t\t\t    </div>
  6060. \t\t\t\t\t\t\t  </div>
  6061. \t\t\t\t\t\t\t</div>
  6063. \t\t\t\t\t\t\t{# 窓タイプ（p_d データから選択肢を生成） #}
  6064. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6065. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6066. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">窓タイプ</label>
  6067. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6068. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6069. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6070. \t\t\t\t\t\t\t    {% for pd_val in p_d %}
  6071. \t\t\t\t\t\t\t      {% if pd_val %}
  6072. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6073. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6074. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"mado_type\" id=\"mado_type_{{ idx }}\" value=\"{{ pd_val }}\"
  6075. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or (p_d|length == 1) %}checked{% endif %}
  6076. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','mado_type_{{ idx }}');\">
  6077. \t\t\t\t\t\t\t        <label for=\"mado_type_{{ idx }}\">{{ pd_val }}</label>
  6078. \t\t\t\t\t\t\t      </div>
  6079. \t\t\t\t\t\t\t      {% endif %}
  6080. \t\t\t\t\t\t\t    {% endfor %}
  6081. \t\t\t\t\t\t\t    </div>
  6082. \t\t\t\t\t\t\t  </div>
  6083. \t\t\t\t\t\t\t</div>
  6084. \t\t\t\t\t\t\t{% endif %}
  6086. \t\t\t\t\t\t\t{# ガラスタイプ（p_m データから選択肢を生成） #}
  6087. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6088. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6089. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ガラスタイプ</label>
  6090. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6091. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6092. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6093. \t\t\t\t\t\t\t    {% for pm_val in p_m %}
  6094. \t\t\t\t\t\t\t      {% if pm_val %}
  6095. \t\t\t\t\t\t\t      {% set idx = idx + 1 %}
  6096. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6097. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"glass_type\" id=\"glass_type_{{ idx }}\" value=\"{{ pm_val }}\"
  6098. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or (p_m|length == 1) %}checked{% endif %}
  6099. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','glass_type_{{ idx }}');\">
  6100. \t\t\t\t\t\t\t        <label for=\"glass_type_{{ idx }}\">{{ pm_val }}</label>
  6101. \t\t\t\t\t\t\t      </div>
  6102. \t\t\t\t\t\t\t      {% endif %}
  6103. \t\t\t\t\t\t\t    {% endfor %}
  6104. \t\t\t\t\t\t\t    </div>
  6105. \t\t\t\t\t\t\t  </div>
  6106. \t\t\t\t\t\t\t</div>
  6107. \t\t\t\t\t\t\t{% endif %}
  6109. \t\t\t\t\t\t\t{# セット数（プルダウン） → quantity に連動 #}
  6110. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6111. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">セット数</label>
  6112. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6113. \t\t\t\t\t\t\t    <select name=\"set_count\" id=\"set_count\" class=\"form-control\" onchange=\"madosetSelect(this.value);\">
  6114. \t\t\t\t\t\t\t      {% for i in 1..20 %}
  6115. \t\t\t\t\t\t\t        <option value=\"{{ i }}\" {% if mitsumori_json and mitsumori_json.set_count == i %}selected{% endif %}>{{ i }} セット</option>
  6116. \t\t\t\t\t\t\t      {% endfor %}
  6117. \t\t\t\t\t\t\t    </select>
  6118. \t\t\t\t\t\t\t  </div>
  6119. \t\t\t\t\t\t\t</div>
  6121. \t\t\t\t\t\t{% endif %}
  6123. \t\t\t\t\t\t<!-- 3: 施工見積（物置・ゴミステーション） -->
  6124. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 3 %}
  6126. \t\t\t\t\t\t\t{# 幅・奥行き・高さ（p_w/p_d/p_h からラジオボタン生成） #}
  6127. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6128. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6129. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">幅</label>
  6130. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6131. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6132. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6133. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6134. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6135. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw3_{{ idx }}\" value=\"{{ pw_val }}\"
  6136. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6137. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw3_{{ idx }}');\">
  6138. \t\t\t\t\t\t\t        <label for=\"pw3_{{ idx }}\">{{ pw_val }}</label>
  6139. \t\t\t\t\t\t\t      </div>
  6140. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6141. \t\t\t\t\t\t\t    </div>
  6142. \t\t\t\t\t\t\t  </div>
  6143. \t\t\t\t\t\t\t</div>
  6144. \t\t\t\t\t\t\t{% endif %}
  6146. \t\t\t\t\t\t\t{% if p_d and p_d|length and p_d|join != \"\" %}
  6147. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6148. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">奥行き</label>
  6149. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6150. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6151. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6152. \t\t\t\t\t\t\t    {% for pd_val in p_d %}{% if pd_val %}{% set idx = idx + 1 %}
  6153. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6154. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pd\" id=\"pd3_{{ idx }}\" value=\"{{ pd_val }}\"
  6155. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pd == pd_val) or p_d|length == 1 %}checked{% endif %}
  6156. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pd','pd3_{{ idx }}');\">
  6157. \t\t\t\t\t\t\t        <label for=\"pd3_{{ idx }}\">{{ pd_val }}</label>
  6158. \t\t\t\t\t\t\t      </div>
  6159. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6160. \t\t\t\t\t\t\t    </div>
  6161. \t\t\t\t\t\t\t  </div>
  6162. \t\t\t\t\t\t\t</div>
  6163. \t\t\t\t\t\t\t{% endif %}
  6165. \t\t\t\t\t\t\t{% if p_h and p_h|length and p_h|join != \"\" %}
  6166. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6167. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">高さ</label>
  6168. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6169. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6170. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6171. \t\t\t\t\t\t\t    {% for ph_val in p_h %}{% if ph_val %}{% set idx = idx + 1 %}
  6172. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6173. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"ph\" id=\"ph3_{{ idx }}\" value=\"{{ ph_val }}\"
  6174. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.ph == ph_val) or p_h|length == 1 %}checked{% endif %}
  6175. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('ph','ph3_{{ idx }}');\">
  6176. \t\t\t\t\t\t\t        <label for=\"ph3_{{ idx }}\">{{ ph_val }}</label>
  6177. \t\t\t\t\t\t\t      </div>
  6178. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6179. \t\t\t\t\t\t\t    </div>
  6180. \t\t\t\t\t\t\t  </div>
  6181. \t\t\t\t\t\t\t</div>
  6182. \t\t\t\t\t\t\t{% endif %}
  6184. \t\t\t\t\t\t\t{# 棚タイプ（p_m データから選択肢を生成） #}
  6185. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6186. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6187. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">棚タイプ<br><small class=\"text-muted\">（間仕切り仕様）</small></label>
  6188. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6189. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6190. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6191. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6192. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6193. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm3_{{ idx }}\" value=\"{{ pm_val }}\"
  6194. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6195. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm3_{{ idx }}');\">
  6196. \t\t\t\t\t\t\t        <label for=\"pm3_{{ idx }}\">{{ pm_val }}</label>
  6197. \t\t\t\t\t\t\t      </div>
  6198. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6199. \t\t\t\t\t\t\t    </div>
  6200. \t\t\t\t\t\t\t  </div>
  6201. \t\t\t\t\t\t\t</div>
  6202. \t\t\t\t\t\t\t{% endif %}
  6204. \t\t\t\t\t\t\t{# カラー（共通の color データ使用） #}
  6205. \t\t\t\t\t\t\t{% if color and color|length %}
  6206. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6207. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">カラー</label>
  6208. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6209. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6210. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6211. \t\t\t\t\t\t\t    {% for cc in color %}{% if cc and cc['name'] %}{% set idx = idx + 1 %}
  6212. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6213. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"color3\" id=\"cc3_{{ idx }}\" value=\"{{ cc['name'] }}\"
  6214. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pc == cc['name']) or color|length == 1 %}checked{% endif %}
  6215. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pc','cc3_{{ idx }}');\">
  6216. \t\t\t\t\t\t\t        <label for=\"cc3_{{ idx }}\">{{ cc['name'] }}</label>
  6217. \t\t\t\t\t\t\t      </div>
  6218. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6219. \t\t\t\t\t\t\t    </div>
  6220. \t\t\t\t\t\t\t  </div>
  6221. \t\t\t\t\t\t\t</div>
  6222. \t\t\t\t\t\t\t{% endif %}
  6224. \t\t\t\t\t\t\t{# 台数 #}
  6225. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6226. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">台数</label>
  6227. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6228. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6229. \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');\">
  6230. \t\t\t\t\t\t\t      <span class=\"input-group-text\">台</span>
  6231. \t\t\t\t\t\t\t    </div>
  6232. \t\t\t\t\t\t\t  </div>
  6233. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6234. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"daisu(+1);\">＋</button>
  6235. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"daisu(-1);\">ー</button>
  6236. \t\t\t\t\t\t\t  </div>
  6237. \t\t\t\t\t\t\t</div>
  6239. \t\t\t\t\t\t{% endif %}
  6241. \t\t\t\t\t\t<!-- 4: 施工見積（フェンス・組み立て式） -->
  6242. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 4 %}
  6244. \t\t\t\t\t\t\t{# 枚数 #}
  6245. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6246. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">枚数</label>
  6247. \t\t\t\t\t\t\t  <div class=\"col-4 mb-3\">
  6248. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6249. \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=\"mitsumori_simulation('maisu','maisu');\">
  6250. \t\t\t\t\t\t\t      <span class=\"input-group-text\">枚</span>
  6251. \t\t\t\t\t\t\t    </div>
  6252. \t\t\t\t\t\t\t  </div>
  6253. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6254. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"maisu(+1);\">＋</button>
  6255. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"maisu(-1);\">ー</button>
  6256. \t\t\t\t\t\t\t  </div>
  6257. \t\t\t\t\t\t\t</div>
  6259. \t\t\t\t\t\t{% endif %}
  6261. \t\t\t\t\t\t<!-- 5: 施工見積（ウッドデッキ・タイルデッキ） -->
  6262. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 5 %}
  6264. \t\t\t\t\t\t\t{# 施工面積（㎡ 直接入力） #}
  6265. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6266. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6267. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6268. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6269. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6270. \t\t\t\t\t\t\t        class=\"form-control\"
  6271. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6272. \t\t\t\t\t\t\t        placeholder=\"例: 7.5\"
  6273. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6274. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6275. \t\t\t\t\t\t\t      <span class=\"input-group-text\">㎡</span>
  6276. \t\t\t\t\t\t\t    </div>
  6277. \t\t\t\t\t\t\t    <small class=\"text-muted\">幅(cm) × 奥行き(cm) ÷ 10000 = ㎡</small>
  6278. \t\t\t\t\t\t\t  </div>
  6279. \t\t\t\t\t\t\t</div>
  6281. \t\t\t\t\t\t\t{# ステップの有無 #}
  6282. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6283. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">ステップ</label>
  6284. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6285. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6286. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6287. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_yes\" value=\"必要\"
  6288. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_step == '必要' %}checked{% endif %}
  6289. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_yes');\">
  6290. \t\t\t\t\t\t\t        <label for=\"deck_step_yes\">必要</label>
  6291. \t\t\t\t\t\t\t      </div>
  6292. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6293. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_step\" id=\"deck_step_no\" value=\"不要\"
  6294. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_step == '不要' or not mitsumori_json.deck_step %}checked{% endif %}
  6295. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op0','deck_step_no');\">
  6296. \t\t\t\t\t\t\t        <label for=\"deck_step_no\">不要</label>
  6297. \t\t\t\t\t\t\t      </div>
  6298. \t\t\t\t\t\t\t    </div>
  6299. \t\t\t\t\t\t\t  </div>
  6300. \t\t\t\t\t\t\t</div>
  6302. \t\t\t\t\t\t\t{# ウッドデッキフェンスの有無 #}
  6303. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6304. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">デッキフェンス</label>
  6305. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6306. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6307. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6308. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_yes\" value=\"必要\"
  6309. \t\t\t\t\t\t\t          {% if mitsumori_json and mitsumori_json.deck_fence == '必要' %}checked{% endif %}
  6310. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_yes');\">
  6311. \t\t\t\t\t\t\t        <label for=\"deck_fence_yes\">必要</label>
  6312. \t\t\t\t\t\t\t      </div>
  6313. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6314. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"deck_fence\" id=\"deck_fence_no\" value=\"不要\"
  6315. \t\t\t\t\t\t\t          {% if not mitsumori_json or mitsumori_json.deck_fence == '不要' or not mitsumori_json.deck_fence %}checked{% endif %}
  6316. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('op1','deck_fence_no');\">
  6317. \t\t\t\t\t\t\t        <label for=\"deck_fence_no\">不要</label>
  6318. \t\t\t\t\t\t\t      </div>
  6319. \t\t\t\t\t\t\t    </div>
  6320. \t\t\t\t\t\t\t  </div>
  6321. \t\t\t\t\t\t\t</div>
  6323. \t\t\t\t\t\t{% endif %}
  6325. \t\t\t\t\t\t<!-- 6: 施工見積（芝生・枚数・数量買い） -->
  6326. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 6 %}
  6328. \t\t\t\t\t\t\t{# 規格（p_m データ → 素材から抽出） #}
  6329. \t\t\t\t\t\t\t{% if p_m and p_m|length and p_m|join != \"\" %}
  6330. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6331. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">規格</label>
  6332. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6333. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6334. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6335. \t\t\t\t\t\t\t    {% for pm_val in p_m %}{% if pm_val %}{% set idx = idx + 1 %}
  6336. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6337. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pm\" id=\"pm6_{{ idx }}\" value=\"{{ pm_val }}\"
  6338. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pm == pm_val) or p_m|length == 1 %}checked{% endif %}
  6339. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pm','pm6_{{ idx }}');\">
  6340. \t\t\t\t\t\t\t        <label for=\"pm6_{{ idx }}\">{{ pm_val }}</label>
  6341. \t\t\t\t\t\t\t      </div>
  6342. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6343. \t\t\t\t\t\t\t    </div>
  6344. \t\t\t\t\t\t\t  </div>
  6345. \t\t\t\t\t\t\t</div>
  6346. \t\t\t\t\t\t\t{% endif %}
  6348. \t\t\t\t\t\t\t{# 芝の長さ（p_w データ → 幅から抽出） #}
  6349. \t\t\t\t\t\t\t{% if p_w and p_w|length and p_w|join != \"\" %}
  6350. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6351. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">芝の長さ</label>
  6352. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6353. \t\t\t\t\t\t\t    <div class=\"form-group clearfix\">
  6354. \t\t\t\t\t\t\t    {% set idx = 0 %}
  6355. \t\t\t\t\t\t\t    {% for pw_val in p_w %}{% if pw_val %}{% set idx = idx + 1 %}
  6356. \t\t\t\t\t\t\t      <div class=\"icheck-danger d-inline\">
  6357. \t\t\t\t\t\t\t        <input type=\"radio\" name=\"pw\" id=\"pw6_{{ idx }}\" value=\"{{ pw_val }}\"
  6358. \t\t\t\t\t\t\t          {% if (mitsumori_json and mitsumori_json.pw == pw_val) or p_w|length == 1 %}checked{% endif %}
  6359. \t\t\t\t\t\t\t          onclick=\"mitsumori_simulation('pw','pw6_{{ idx }}');\">
  6360. \t\t\t\t\t\t\t        <label for=\"pw6_{{ idx }}\">{{ pw_val }}</label>
  6361. \t\t\t\t\t\t\t      </div>
  6362. \t\t\t\t\t\t\t    {% endif %}{% endfor %}
  6363. \t\t\t\t\t\t\t    </div>
  6364. \t\t\t\t\t\t\t  </div>
  6365. \t\t\t\t\t\t\t</div>
  6366. \t\t\t\t\t\t\t{% endif %}
  6368. \t\t\t\t\t\t\t{# 施工面積（㎡ 自由入力） #}
  6369. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6370. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">施工面積</label>
  6371. \t\t\t\t\t\t\t  <div class=\"col-8\">
  6372. \t\t\t\t\t\t\t    <div class=\"input-group\">
  6373. \t\t\t\t\t\t\t      <input type=\"number\" name=\"area\" id=\"area\"
  6374. \t\t\t\t\t\t\t        class=\"form-control\"
  6375. \t\t\t\t\t\t\t        value=\"{{ mitsumori_json.area|default('') }}\"
  6376. \t\t\t\t\t\t\t        placeholder=\"例: 10.5\"
  6377. \t\t\t\t\t\t\t        min=\"0.1\" step=\"0.1\"
  6378. \t\t\t\t\t\t\t        onchange=\"mitsumori_simulation('area','area');\">
  6379. \t\t\t\t\t\t\t      <span class=\"input-group-text\">平米</span>
  6380. \t\t\t\t\t\t\t    </div>
  6381. \t\t\t\t\t\t\t  </div>
  6382. \t\t\t\t\t\t\t</div>
  6384. \t\t\t\t\t\t{% endif %}
  6386. \t\t\t\t\t\t<!-- 9: 商品のみ購入 -->
  6387. \t\t\t\t\t\t{% if ProductClass.SaleType.id == 9 %}
  6388. \t\t\t\t\t\t\t<div class=\"form-group row mt-2\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6389. \t\t\t\t\t\t\t  <label class=\"col-4 col-form-label\">数量</label>
  6390. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6391. \t\t\t\t\t\t\t    <div class=\"input-group mb-3\">
  6392. \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);\">
  6393. \t\t\t\t\t\t\t      <span class=\"input-group-text\">個</span>
  6394. \t\t\t\t\t\t\t    </div>
  6395. \t\t\t\t\t\t\t  </div>
  6396. \t\t\t\t\t\t\t  <div class=\"col-4\">
  6397. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-info\" onclick=\"quantityOnly(+1);\">＋</button>
  6398. \t\t\t\t\t\t\t    <button type=\"button\" class=\"btn btn-danger\" onclick=\"quantityOnly(-1);\">ー</button>
  6399. \t\t\t\t\t\t\t  </div>
  6400. \t\t\t\t\t\t\t</div>
  6401. \t\t\t\t\t\t{% endif %}
  6406. \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>
  6407. \t\t\t\t\t\t{% for i in 0..10 %}
  6408. \t\t\t\t\t\t\t{% if op and op|length >= i+1 %}
  6409. \t\t\t\t\t\t\t{% if op[i]['name'] %}
  6410. \t\t\t\t\t\t\t<div class=\"form-group mt-3 pb-3\" style=\"border-bottom:1px solid rgba(0,0,0,.125)\">
  6411. \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>
  6412. \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 %}
  6413. \t\t\t\t\t\t\t  <div class=\"opt-btn-group\">
  6414. \t\t\t\t\t\t\t    <label class=\"opt-btn{% if mitsumori_json and mitsumori_json.op[i] == op[i]['on'] %} is-selected{% endif %}\"
  6415. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_1');\">
  6416. \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'] %}checked{% endif %}>
  6417. \t\t\t\t\t\t\t      {{ op[i]['on'] }}
  6418. \t\t\t\t\t\t\t    </label>
  6419. \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 %}\"
  6420. \t\t\t\t\t\t\t           onclick=\"mitsumori_simulation('op{{ i }}','op{{ i }}_2');\">
  6421. \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 %}>
  6422. \t\t\t\t\t\t\t      {{ op[i]['off'] }}
  6423. \t\t\t\t\t\t\t    </label>
  6424. \t\t\t\t\t\t\t  </div>
  6425. \t\t\t\t\t\t\t</div>
  6426. \t\t\t\t\t\t\t{% endif %}
  6427. \t\t\t\t\t\t\t{% endif %}
  6428. \t\t\t\t\t\t{% endfor %}
  6430. \t\t\t\t\t  </div>
  6431. \t\t\t\t\t  <!-- /.card-body -->
  6432. \t\t\t\t\t</div>
  6435.                     <form action=\"{{ url('product_add_cart', {id:Product.id}) }}\" method=\"post\" id=\"form1\" name=\"form1\">
  6436.                         {% if Product.stock_find %}
  6437.                             <div class=\"ec-productRole__actions\">
  6438.                                 {% if form.classcategory_id1 is defined %}
  6439.                                     <div class=\"ec-select\">
  6440.                                         {{ form_row(form.classcategory_id1) }}
  6441.                                         {{ form_errors(form.classcategory_id1) }}
  6442.                                     </div>
  6443.                                     {% if form.classcategory_id2 is defined %}
  6444.                                         <div class=\"ec-select\">
  6445.                                             {{ form_row(form.classcategory_id2) }}
  6446.                                             {{ form_errors(form.classcategory_id2) }}
  6447.                                         </div>
  6448.                                     {% endif %}
  6449.                                 {% endif %}
  6450.                                 <div class=\"ec-numberInput\">
  6451.                                     {{ form_widget(form.quantity, { type: 'hidden' }) }}
  6452.                                     {{ form_errors(form.quantity) }}
  6453.                                 </div>
  6454.                             </div>
  6456.                         {% else %}
  6457.                             <div class=\"ec-productRole__btn\">
  6458.                                 <button type=\"button\" class=\"ec-blockBtn--action\" disabled=\"disabled\">
  6459.                                     {{ 'ただいま品切れ中です。'|trans }}
  6460.                                 </button>
  6461.                             </div>
  6462.                         {% endif %}
  6463.                         <div class=\"ec-productRole__btn mt-3\">
  6464.                            <button type=\"submit\" id=\"cart_btn\" class=\"ec-blockBtn--action add-cart\">施工検討リストに入れる</button>
  6465.                         </div>
  6466.                         {{ form_rest(form) }}
  6467.                     </form>
  6468.                     <div class=\"ec-modal\">
  6469.                         <div class=\"ec-modal-overlay\">
  6470.                             <div class=\"ec-modal-wrap\">
  6471.                                 <span class=\"ec-modal-close\"><span class=\"ec-icon\"><img src=\"{{ asset('assets/icon/cross-dark.svg') }}\" alt=\"\"/></span></span>
  6472.                                 <div id=\"ec-modal-header\" class=\"text-center\">{{ '施工検討リストに追加しました。'|trans }}</div>
  6473.                                 <div class=\"ec-modal-box\">
  6474.                                     <div class=\"ec-role\">
  6475.                                         <span class=\"ec-inlineBtn--cancel\">{{ '商品検索を続ける'|trans }}</span>
  6476.                                         <a href=\"{{ url('cart') }}\" class=\"ec-inlineBtn--action\">{{ '施工検討リストへ進む'|trans }}</a>
  6477.                                     </div>
  6478.                                 </div>
  6479.                             </div>
  6480.                         </div>
  6481.                     </div>
  6482.                     <div class=\"ec-productRole__description\">{{ Product.description_detail|raw|nl2br }}
  6483.                     </div>
  6485.                     {# SNSシェア #}
  6486.                     <div class=\"ec-productRole__share\">
  6487.                         <ul class=\"ec-share\">
  6488.                             <li class=\"ec-share__item\">
  6489.                                 <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\">
  6490.                                     <i class=\"fab fa-twitter\"></i>
  6491.                                 </a>
  6492.                             </li>
  6493.                             <li class=\"ec-share__item\">
  6494.                                 <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\">
  6495.                                     <i class=\"fab fa-facebook-f\"></i>
  6496.                                 </a>
  6497.                             </li>
  6498.                             <li class=\"ec-share__item\">
  6499.                                 <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\">
  6500.                                     <i class=\"fab fa-line\"></i>
  6501.                                 </a>
  6502.                             </li>
  6503.                         </ul>
  6504.                     </div>
  6505.                 </div>
  6506. \t\t\t\t{# ===== スマホ用 見積金額 下部固定バー ===== #}
  6507. \t\t\t\t<div id=\"sp-mitsumori-bar\">
  6508. \t\t\t\t    <div>
  6509. \t\t\t\t        <div class=\"sp-bar__label\">合計(工事費・税込)</div>
  6510. \t\t\t\t        <div class=\"sp-bar__price\" id=\"sp-mitsumori-price\">---円</div>
  6511. \t\t\t\t    </div>
  6512. \t\t\t\t    <button type=\"button\" class=\"sp-bar__btn\"
  6513. \t\t\t\t            onclick=\"document.getElementById('cart_btn2') && document.getElementById('cart_btn2').click();\">
  6514. \t\t\t\t        検討リストへ
  6515. \t\t\t\t    </button>
  6516. \t\t\t\t</div>
  6518. \t\t\t\t<div class=\"card col-12 collapsed-card sticky-top float-right mitsumori-card-pc\">
  6519. \t\t\t\t\t<div class=\"card-header\">
  6520. \t\t\t\t\t  <h3 class=\"card-title\">現在のお見積り額</h3>
  6521. \t\t\t\t\t  <div class=\"card-tools\">
  6522. \t\t\t\t\t    <span class=\"float-left\" id=\"mitsumori_message\">395000円</span>
  6523. \t\t\t\t\t    <button type=\"button\" class=\"btn btn-tool btn-mitsumori-toggle\" data-card-widget=\"collapse\" title=\"詳細を表示\">
  6524. \t\t\t\t\t      <span class=\"toggle-icon\">▼ 詳細</span>
  6525. \t\t\t\t\t    </button>
  6526. \t\t\t\t\t  </div>
  6527. \t\t\t\t\t</div>
  6528. \t\t\t\t\t<div class=\"card-body p-0\">
  6529. \t\t\t\t\t  <ul class=\"nav nav-pills flex-column\">
  6530. \t\t\t\t\t    <li class=\"nav-item active\">
  6531. \t\t\t\t\t      <a class=\"nav-link\">
  6532. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 合計(工事費・税込)
  6533. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_goukei\">395,000円</span>
  6534. \t\t\t\t\t      </a>
  6535. \t\t\t\t\t    </li>
  6536. \t\t\t\t\t    <li class=\"nav-item active\">
  6537. \t\t\t\t\t      <a class=\"nav-link\">
  6538. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 商品価格
  6539. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_price\">307,008円</span>
  6540. \t\t\t\t\t      </a>
  6541. \t\t\t\t\t    </li>
  6542. \t\t\t\t\t    <li class=\"nav-item\">
  6543. \t\t\t\t\t      <a class=\"nav-link\">
  6544. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> カタログ価格
  6545. \t\t\t\t\t        <span class=\"float-right\" id=\"maker_price\">479,700円</span>
  6546. \t\t\t\t\t      </a>
  6547. \t\t\t\t\t    </li>
  6548. \t\t\t\t\t    <li class=\"nav-item\">
  6549. \t\t\t\t\t      <a class=\"nav-link\">
  6550. \t\t\t\t\t        &nbsp;&nbsp;<i class=\"far fa-file-alt\"></i> お値引き
  6551. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_off\">-172,692円</span>
  6552. \t\t\t\t\t      </a>
  6553. \t\t\t\t\t    </li>
  6554. \t\t\t\t\t    <li class=\"nav-item\">
  6555. \t\t\t\t\t      <a class=\"nav-link\">
  6556. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 基本工事費
  6557. \t\t\t\t\t        <span class=\"float-right\" id=\"mitsumori_ct\">53,250円</span>
  6558. \t\t\t\t\t      </a>
  6559. \t\t\t\t\t    </li>
  6560. \t\t\t\t\t    <li class=\"nav-item\">
  6561. \t\t\t\t\t      <a class=\"nav-link\">
  6562. \t\t\t\t\t        <i class=\"far fa-file-alt\"></i> 施工オプション
  6563. \t\t\t\t\t        <span class=\"float-right\"id=\"mitsumori_option\">6,297円</span>
  6564. \t\t\t\t\t      </a>
  6565. \t\t\t\t\t    </li>
  6566. \t\t\t\t\t  </ul>
  6567. \t\t\t\t\t</div>
  6568. \t\t\t\t\t<div class=\"card-footer\">
  6569. \t\t                <button type=\"button\" id=\"mitsumori_btn\" class=\"btn btn-info\" data-toggle=\"modal\" data-target=\"#modal-mitsumori\">
  6570. \t\t                  見積書表示
  6571. \t\t                </button>
  6572.                         <button type=\"submit\" id=\"cart_btn2\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  6574. \t\t\t\t\t</div>
  6575. \t\t\t\t</div>
  6576.             </div>
  6578.         </div>
  6580.     </div>
  6582.   <div class=\"modal\" id=\"modal-mitsumori\">
  6583.     <div class=\"modal-dialog modal-mitsumori\" style=\"max-width:1000px\">
  6584.       <div class=\"modal-content\">
  6585.         <div class=\"modal-header\">
  6586.           <h4 class=\"modal-title\">お見積書</h4>
  6587.           <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">
  6588.             <span aria-hidden=\"true\">&times;</span>
  6589.           </button>
  6590.         </div>
  6591.         <div class=\"modal-body\">
  6592. \t\t\t<div class=\"invoice p-3 mb-5\" style=\"max-width:1000px; margin:auto;\">
  6593. \t\t\t  <!-- title row -->
  6594. \t\t\t  <div class=\"row\">
  6595. \t\t\t    <div class=\"col-12\">
  6596. \t\t\t      <h2>概算お見積書 
  6597. \t\t\t        <small class=\"float-right\" style=\"font-size:14px;\">発行日: 2025/03/14</small>
  6598. \t\t\t      </h2>
  6599. \t\t\t    </div>
  6600. \t\t\t    <!-- /.col -->
  6601. \t\t\t  </div>
  6602. \t\t\t  <!-- info row -->
  6603. \t\t\t  <div class=\"row invoice-info\">
  6604. \t\t\t    <div class=\"col-sm-8 invoice-col\">
  6605. \t\t\t      <h3>お客様</h3>
  6606. \t\t\t      <span>下記の通り、お見積もり申し上げます。</span>
  6607. \t\t\t      <br />
  6608. \t\t\t      <br / >
  6609. \t\t\t      <br />
  6610. \t\t\t      <h2>お見積金額：　<span id=\"mitsumori_kei\">399,080円</span></h2>
  6611. \t\t\t      <span>
  6612. \t\t\t        <br/>
  6613. \t\t\t        <br/>
  6614. \t\t\t        <br/>
  6615. \t\t\t        <br/>
  6616. \t\t\t      </span>
  6617. \t\t\t    </div>
  6618. \t\t\t    <div class=\"col-sm-4 invoice-col\">
  6619. \t\t\t      <p>
  6620. \t\t\t        <img alt=\"\" src=\"/html/user_data/js/images/logo.png\" style=\"width: 260px; max-width: 100%; max-height: 10mm;\">
  6621. \t\t\t      </p>
  6622. \t\t\t      <p>有限会社プラス</p>
  6623. \t\t\t      <p>〒400-0334</p>
  6624. \t\t\t      <p>山梨県南アルプス市藤田1450番地2</p>
  6625. \t\t\t      <p>TEL: 055-284-6480</p>
  6626. \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;\">
  6627. \t\t\t    </div>
  6628. \t\t\t    <!-- /.col -->
  6629. \t\t\t    <!-- /.col -->
  6630. \t\t\t  </div>
  6631. \t\t\t  <!-- /.row -->
  6632. \t\t\t  <!-- Table row -->
  6633. \t\t\t  <div class=\"row\">
  6634. \t\t\t    <div class=\"col-12 table-responsive\">
  6635. \t\t\t      <table class=\"table table-striped\">
  6636. \t\t\t        <thead>
  6637. \t\t\t          <tr>
  6638. \t\t\t            <th>項目</th>
  6639. \t\t\t            <th>数量</th>
  6640. \t\t\t            <th>単位</th>
  6641. \t\t\t            <th>単価</th>
  6642. \t\t\t            <th>小計</th>
  6643. \t\t\t          </tr>
  6644. \t\t\t        </thead>
  6645. \t\t\t        <tbody>
  6646. \t\t\t          <tr>
  6647. \t\t\t            <td>プレーンルーフ 600タイプ 1台用 単体セット</td>
  6648. \t\t\t            <td>1</td>
  6649. \t\t\t            <td>式</td>
  6650. \t\t\t            <td id=\"mitsumori_price_01\">352,800</td>
  6651. \t\t\t            <td id=\"mitsumori_price_02\">352,800</td>
  6652. \t\t\t          </tr>
  6653. \t\t\t          <tr>
  6654. \t\t\t            <td>基本工事費</td>
  6655. \t\t\t            <td>1</td>
  6656. \t\t\t            <td>式</td>
  6657. \t\t\t            <td id=\"mitsumori_ct_01\">10,000</td>
  6658. \t\t\t            <td id=\"mitsumori_ct_02\">10,000</td>
  6659. \t\t\t          </tr>
  6660. \t\t\t          <tr>
  6661. \t\t\t            <td>残土・ガラ処理</td>
  6662. \t\t\t            <td>1</td>
  6663. \t\t\t            <td>式</td>
  6664. \t\t\t            <td>0円</td>
  6665. \t\t\t            <td></td>
  6666. \t\t\t          </tr>
  6667. \t\t\t          <tr>
  6668. \t\t\t            <td>　</td>
  6669. \t\t\t            <td></td>
  6670. \t\t\t            <td></td>
  6671. \t\t\t            <td></td>
  6672. \t\t\t            <td></td>
  6673. \t\t\t          </tr>
  6674. \t\t\t        </tbody>
  6675. \t\t\t      </table>
  6676. \t\t\t    </div>
  6677. \t\t\t    <!-- /.col -->
  6678. \t\t\t  </div>
  6679. \t\t\t  <!-- /.row -->
  6680. \t\t\t  <div class=\"row\">
  6681. \t\t\t    <!-- accepted payments column -->
  6682. \t\t\t    <div class=\"col-6\">
  6683. \t\t\t      <p class=\"lead\">お支払い方法</p>
  6684. \t\t\t      <p class=\"text-muted well well-sm shadow-none\" style=\"margin-top: 10px;\">銀行振込、クレジットカード決済、PAYPAY決済
  6685. \t\t\t        <br>銀行振込：山梨中央銀行　白根支店　普通口座　391402
  6686. \t\t\t        <br>※商品代金と工事代金の総額が金100万円（税込）を超える場合、着手金として代金の半額をご契約後お支払いいただきます。 
  6687. \t\t\t      </p>
  6688. \t\t\t    </div>
  6689. \t\t\t    <!-- /.col -->
  6690. \t\t\t    <div class=\"col-6\">
  6691. \t\t\t      <div class=\"table-responsive\">
  6692. \t\t\t        <table class=\"table\">
  6693. \t\t\t          <tbody>
  6694. \t\t\t            <tr>
  6695. \t\t\t              <th style=\"width:50%\">小計:</th>
  6696. \t\t\t              <td id=\"mitsumori_shoukei\">362,800</td>
  6697. \t\t\t            </tr>
  6698. \t\t\t            <tr>
  6699. \t\t\t              <th>消費税 (10%)</th>
  6700. \t\t\t              <td id=\"mitsumori_tax\">36,280</td>
  6701. \t\t\t            </tr>
  6702. \t\t\t            <tr>
  6703. \t\t\t              <th>合計:</th>
  6704. \t\t\t              <td id=\"mitsumori_goukei_02\">399,080</td>
  6705. \t\t\t            </tr>
  6706. \t\t\t          </tbody>
  6707. \t\t\t        </table>
  6708. \t\t\t      </div>
  6709. \t\t\t    </div>
  6710. \t\t\t    <!-- /.col -->
  6711. \t\t\t  </div>
  6712. \t\t\t  <!-- /.row -->
  6713. \t\t\t</div>
  6714.         </div>
  6715.         <div class=\"modal-footer justify-content-between\">
  6716. \t\t\t      {# PDF出力: mitsumori_json を POST して PDF ダウンロード #}
  6717. \t\t\t      <form method=\"post\" action=\"{{ url('mitsumori_pdf') }}\" target=\"_blank\" id=\"pdf_download_form\">
  6718. \t\t\t        <input type=\"hidden\" name=\"_token\" value=\"{{ csrf_token('mitsumori_pdf') }}\">
  6719. \t\t\t        <input type=\"hidden\" name=\"mitsumori_json\" id=\"pdf_mitsumori_json\">
  6720. \t\t\t        <button type=\"submit\" class=\"btn btn-primary float-right\" style=\"margin-right: 5px;\" onclick=\"syncPdfJson();\">
  6721. \t\t\t          <i class=\"fas fa-download\"></i>PDF出力
  6722. \t\t\t        </button>
  6723. \t\t\t      </form>
  6724.                   <button type=\"submit\" id=\"cart_btn3\" class=\"btn btn-info add-cart\">施工検討リストに入れる</button>
  6725.         </div>
  6726.       </div>
  6727.       <!-- /.modal-content -->
  6728.     </div>
  6729.     <!-- /.modal-dialog -->
  6730.   </div>
  6731.   <!-- /.modal -->
  6735. {% endblock %}
  6736. ", "Product/detail.twig", "/home/xs538259/exterior-plus.jp/public_html/app/template/default/Product/detail.twig");
  6737.     }
  6738. }