var/cache/dev/twig/1f/1ff5085264f09f2f6d9ddf4ff43443fd13dd49b11c377b3ed22fa2480cbbdff6.php line 38

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. /* @NZEstimateSystem42/default/simulator.twig */
  16. class __TwigTemplate_ffdd72869d9b4d52aecce8a5eca7d16f67393c231120a1c96baa867d6de84b47 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.             'main' => [$this, 'block_main'],
  29.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "default_frame.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@NZEstimateSystem42/default/simulator.twig"));
  44.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@NZEstimateSystem42/default/simulator.twig"));
  47.         $this->parent = $this->loadTemplate("default_frame.twig", "@NZEstimateSystem42/default/simulator.twig", 1);
  48.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  49.         
  50.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  52.         
  53.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  55.     }
  57.     // line 3
  58.     public function block_main($context, array $blocks = [])
  59.     {
  60.         $macros = $this->macros;
  61.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  62.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  64.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  65.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
  67.         // line 4
  68.         echo "<style>
  69. /* フォント強制読み込み */
  70. @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
  72. * {
  73.     font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Noto Sans JP\", sans-serif !important;
  74. }
  76. /* 見積もりシミュレーター専用スタイル */
  77. .nz-estimate-wrapper {
  78.     max-width: 1200px;
  79.     margin: 60px auto;
  80.     padding: 0 20px;
  81. }
  83. .nz-estimate-card {
  84.     background: #ffffff;
  85.     border-radius: 20px;
  86.     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  87.     overflow: hidden;
  88. }
  90. .nz-estimate-header {
  91.     background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  92.     padding: 60px 40px;
  93.     text-align: center;
  94. }
  96. .nz-estimate-title {
  97.     font-size: 42px;
  98.     font-weight: 800;
  99.     color: #ffffff;
  100.     margin: 0 0 16px 0;
  101.     letter-spacing: -0.5px;
  102. }
  104. .nz-estimate-description {
  105.     font-size: 18px;
  106.     color: rgba(255, 255, 255, 0.95);
  107.     line-height: 1.7;
  108. }
  110. .nz-estimate-description img {
  111.     max-width: 100%;
  112.     height: auto;
  113.     display: block;
  114.     margin: 16px auto;
  115.     border-radius: 8px;
  116. }
  118. .nz-estimate-description p {
  119.     margin: 8px 0;
  120. }
  122. .nz-estimate-description br {
  123.     display: block;
  124.     content: \"\";
  125.     margin: 4px 0;
  126. }
  128. .nz-estimate-body {
  129.     padding: 50px 40px;
  130. }
  132. /* カテゴリセクション */
  133. .category-section {
  134.     margin-bottom: 20px;
  135.     overflow: hidden;
  136. }
  138. .category-row {
  139.     display: flex;
  140.     align-items: center;
  141.     gap: 20px;
  142.     width: 100%;
  143.     max-width: 100%;
  144. }
  146. .category-section.child-category {
  147.     margin-left: 40px;
  148.     padding-left: 20px;
  149.     border-left: 3px solid #cbd5e0;
  150.     display: none;
  151. }
  153. .category-section.child-category.active {
  154.     display: block;
  155.     animation: slideDown 0.3s ease;
  156. }
  158. @keyframes slideDown {
  159.     from { opacity: 0; transform: translateY(-10px); }
  160.     to { opacity: 1; transform: translateY(0); }
  161. }
  163. .category-header {
  164.     display: flex;
  165.     align-items: center;
  166.     gap: 15px;
  167.     margin-bottom: 0;
  168. }
  170. .category-title {
  171.     font-size: 20px;
  172.     font-weight: 700;
  173.     color: #2d3748;
  174.     margin: 0;
  175.     min-width: 150px;
  176.     flex-shrink: 0;
  177. }
  179. .category-title.child {
  180.     font-size: 18px;
  181.     color: #4a5568;
  182. }
  184. .category-required-badge {
  185.     display: inline-block;
  186.     background: #e53e3e;
  187.     color: white;
  188.     font-size: 12px;
  189.     font-weight: 700;
  190.     padding: 4px 12px;
  191.     border-radius: 12px;
  192. }
  194. .category-optional-badge {
  195.     display: inline-block;
  196.     background: #718096;
  197.     color: white;
  198.     font-size: 12px;
  199.     font-weight: 700;
  200.     padding: 4px 12px;
  201.     border-radius: 12px;
  202. }
  204. .parts-select {
  205.     flex: 1;
  206.     width: 100%;
  207.     max-width: 100%;
  208.     padding: 12px 16px;
  209.     font-size: 16px;
  210.     color: #2d3748 !important;
  211.     background-color: #f7fafc !important;
  212.     border: 2px solid #e2e8f0 !important;
  213.     border-radius: 12px !important;
  214.     transition: all 0.3s ease !important;
  215.     cursor: pointer;
  216.     box-sizing: border-box;
  217. }
  219. .parts-select:focus {
  220.     outline: none !important;
  221.     border-color: #667eea !important;
  222.     background-color: #ffffff !important;
  223.     box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
  224. }
  226. .parts-select option {
  227.     padding: 10px;
  228. }
  230. .parts-select option[value=\"\"] {
  231.     color: #a0aec0 !important;
  232.     font-style: italic;
  233. }
  235. .parts-select option:disabled {
  236.     color: #a0aec0 !important;
  237. }
  239. /* 見積もりサマリー（常時表示） */
  240. .estimate-summary {
  241.     background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
  242.     border-radius: 16px;
  243.     padding: 30px;
  244.     margin-top: 40px;
  245. }
  247. .summary-header {
  248.     margin-bottom: 20px;
  249.     padding-bottom: 15px;
  250. }
  252. .summary-note {
  253.     font-size: 14px;
  254.     color: #1a202c;
  255.     font-weight: 600;
  256.     text-align: center;
  257. }
  259. .summary-items {
  260.     margin-bottom: 20px;
  261.     min-height: 100px;
  262. }
  264. .summary-empty {
  265.     text-align: center;
  266.     padding: 40px 20px;
  267.     color: #a0aec0;
  268.     font-size: 15px;
  269. }
  271. .summary-item {
  272.     display: block;
  273.     padding: 12px 0;
  274.     border-bottom: 1px solid #e2e8f0;
  275. }
  277. .summary-item-left {
  278.     width: 100%;
  279. }
  281. .summary-item-category {
  282.     font-size: 13px;
  283.     color: #718096;
  284.     margin-bottom: 4px;
  285. }
  287. .summary-item-name {
  288.     font-size: 15px;
  289.     font-weight: 600;
  290.     color: #2d3748;
  291. }
  293. .summary-total {
  294.     display: flex;
  295.     justify-content: space-between;
  296.     align-items: center;
  297.     padding: 24px 28px;
  298.     margin-top: 20px;
  299.     border-top: none;
  300.     background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  301.     border-radius: 12px;
  302.     box-shadow: 0 4px 12px rgba(168, 179, 255, 0.3);
  303. }
  305. .summary-total-label {
  306.     font-size: 22px;
  307.     font-weight: 700;
  308.     color: #ffffff;
  309. }
  311. .summary-total-price {
  312.     font-size: 36px;
  313.     font-weight: 800;
  314.     color: #ffffff;
  315.     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  316. }
  318. .summary-total-price.hidden {
  319.     color: rgba(255, 255, 255, 0.4);
  320.     text-shadow: none;
  321. }
  323. /* 必須項目未選択警告 */
  324. .required-warning {
  325.     background: #fff5f5;
  326.     border: 2px solid #fc8181;
  327.     border-radius: 12px;
  328.     padding: 15px 20px;
  329.     margin-top: 20px;
  330.     text-align: center;
  331.     display: none;
  332. }
  334. .required-warning.active {
  335.     display: block;
  336. }
  338. .required-warning-text {
  339.     font-size: 14px;
  340.     font-weight: 600;
  341.     color: #742a2a;
  342. }
  344. /* お客様情報フォーム */
  345. .customer-form {
  346.     margin-top: 30px;
  347.     padding: 25px;
  348.     background: #f7fafc;
  349.     border-radius: 12px;
  350.     border: 1px solid #e2e8f0;
  351.     display: none;
  352. }
  354. .customer-form.active {
  355.     display: block;
  356.     animation: fadeIn 0.3s ease;
  357. }
  359. @keyframes fadeIn {
  360.     from { opacity: 0; transform: translateY(10px); }
  361.     to { opacity: 1; transform: translateY(0); }
  362. }
  364. .customer-form h3 {
  365.     font-size: 20px;
  366.     font-weight: 700;
  367.     color: #2d3748;
  368.     margin-bottom: 20px;
  369. }
  371. .form-group {
  372.     margin-bottom: 25px;
  373. }
  375. .form-row {
  376.     display: flex;
  377.     gap: 20px;
  378.     margin-bottom: 0;
  379. }
  381. .form-group-half {
  382.     flex: 1;
  383.     margin-bottom: 25px;
  384. }
  386. .form-label {
  387.     display: block;
  388.     font-size: 16px;
  389.     font-weight: 700;
  390.     color: #2d3748;
  391.     margin-bottom: 10px;
  392. }
  394. .form-label .required {
  395.     color: #e53e3e;
  396.     margin-left: 4px;
  397. }
  399. .form-control {
  400.     width: 100%;
  401.     padding: 14px 18px;
  402.     font-size: 16px;
  403.     color: #2d3748 !important;
  404.     background-color: #f7fafc !important;
  405.     border: 2px solid #e2e8f0 !important;
  406.     border-radius: 12px !important;
  407.     transition: all 0.3s ease !important;
  408. }
  410. .form-control:focus {
  411.     outline: none !important;
  412.     border-color: #667eea !important;
  413.     background-color: #ffffff !important;
  414.     box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
  415. }
  417. textarea.form-control {
  418.     min-height: 120px;
  419.     resize: vertical;
  420. }
  422. /* 送信ボタン */
  423. .submit-section {
  424.     margin-top: 40px;
  425.     text-align: center;
  426.     display: none;
  427. }
  429. .submit-section.active {
  430.     display: block;
  431.     animation: fadeIn 0.3s ease;
  432. }
  434. .submit-btn {
  435.     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  436.     color: #ffffff;
  437.     font-size: 18px;
  438.     font-weight: 700;
  439.     padding: 18px 60px;
  440.     border: none;
  441.     border-radius: 50px;
  442.     cursor: pointer;
  443.     transition: all 0.3s ease;
  444.     box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);
  445. }
  447. .submit-btn:hover {
  448.     transform: translateY(-2px);
  449.     box-shadow: 0 12px 32px rgba(102, 126, 234, 0.5);
  450. }
  452. .submit-btn:disabled {
  453.     background: #cbd5e0;
  454.     cursor: not-allowed;
  455.     box-shadow: none;
  456. }
  458. /* ローディング */
  459. .loading {
  460.     text-align: center;
  461.     padding: 40px;
  462.     display: none;
  463. }
  465. .loading.active {
  466.     display: block;
  467. }
  469. .loading-spinner {
  470.     border: 4px solid #e2e8f0;
  471.     border-top: 4px solid #667eea;
  472.     border-radius: 50%;
  473.     width: 50px;
  474.     height: 50px;
  475.     animation: spin 1s linear infinite;
  476.     margin: 0 auto 20px;
  477. }
  479. @keyframes spin {
  480.     0% { transform: rotate(0deg); }
  481.     100% { transform: rotate(360deg); }
  482. }
  484. /* 完了メッセージ */
  485. .complete-message {
  486.     text-align: center;
  487.     padding: 60px 40px;
  488.     display: none;
  489. }
  491. .complete-message.active {
  492.     display: block;
  493.     animation: fadeIn 0.5s ease;
  494. }
  496. .complete-icon {
  497.     font-size: 72px;
  498.     color: #48bb78;
  499.     margin-bottom: 20px;
  500. }
  502. .complete-title {
  503.     font-size: 28px;
  504.     font-weight: 700;
  505.     color: #2d3748;
  506.     margin-bottom: 15px;
  507. }
  509. .complete-text {
  510.     font-size: 16px;
  511.     color: #718096;
  512.     line-height: 1.8;
  513. }
  515. /* 注意事項 */
  516. .notice-text {
  517.     margin-top: 20px;
  518.     padding: 15px 20px;
  519.     background-color: #fffbeb;
  520.     border-left: 4px solid #f59e0b;
  521.     border-radius: 4px;
  522.     color: #92400e;
  523.     font-size: 14px;
  524.     line-height: 1.7;
  525. }
  527. /* フリーエリア */
  528. .nz-free-area {
  529.     max-width: 1200px;
  530.     margin: 40px auto;
  531.     padding: 0 20px;
  532.     text-align: center;
  533. }
  535. .nz-free-area h2 {
  536.     font-size: 28px;
  537.     font-weight: 700;
  538.     color: #2d3748;
  539.     margin-bottom: 20px;
  540.     text-align: center;
  541. }
  543. .nz-free-area h3 {
  544.     font-size: 22px;
  545.     font-weight: 600;
  546.     color: #4a5568;
  547.     margin: 30px 0 15px;
  548.     text-align: left;
  549. }
  551. .nz-free-area p {
  552.     font-size: 16px;
  553.     color: #718096;
  554.     line-height: 1.8;
  555.     margin-bottom: 15px;
  556.     text-align: left;
  557. }
  559. .nz-free-area img {
  560.     max-width: 100%;
  561.     height: auto;
  562.     border-radius: 8px;
  563.     margin: 20px 0;
  564. }
  566. .nz-free-area .btn {
  567.     display: inline-block;
  568.     width: 100%;
  569.     max-width: 400px;
  570.     padding: 18px 30px;
  571.     background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  572.     color: white !important;
  573.     text-decoration: none;
  574.     border-radius: 16px;
  575.     font-weight: 700;
  576.     font-size: 18px;
  577.     text-align: center;
  578.     transition: all 0.3s ease;
  579.     border: none;
  580.     cursor: pointer;
  581.     box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
  582. }
  584. .nz-free-area .btn:hover {
  585.     background: linear-gradient(135deg, #059669 0%, #047857 100%);
  586.     transform: translateY(-2px);
  587.     box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
  588. }
  590. /* 購入セクション */
  591. .purchase-section {
  592.     margin-bottom: 40px;
  593. }
  595. .purchase-card {
  596.     background: #ffffff;
  597.     border: none;
  598.     border-radius: 0;
  599.     padding: 20px 0;
  600.     text-align: center;
  601. }
  603. .purchase-btn {
  604.     width: 100%;
  605.     max-width: 400px;
  606.     padding: 18px;
  607.     background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  608.     color: white;
  609.     border: none;
  610.     border-radius: 12px;
  611.     font-size: 18px;
  612.     font-weight: 700;
  613.     cursor: pointer;
  614.     transition: all 0.3s ease;
  615.     box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
  616.     margin-bottom: 15px;
  617. }
  619. .purchase-btn:hover {
  620.     transform: translateY(-2px);
  621.     box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
  622. }
  624. .purchase-btn:active {
  625.     transform: translateY(0);
  626. }
  628. .purchase-notice {
  629.     margin-top: 15px;
  630.     padding: 15px;
  631.     background-color: #f0fdf4;
  632.     border-radius: 8px;
  633.     color: #065f46;
  634.     font-size: 14px;
  635.     line-height: 1.7;
  636. }
  638. /* スマホ用固定サマリー：PC/タブレットでは非表示 */
  639. .estimate-summary-sticky {
  640.     display: none;
  641. }
  643. /* ==================== レスポンシブ対応 ==================== */
  645. @media (max-width: 768px) {
  646.     /* コンテナ */
  647.     .estimate-container {
  648.         padding: 10px;
  649.     }
  650.     
  651.     /* ヘッダー */
  652.     .estimate-header {
  653.         padding: 20px 10px;
  654.         margin-bottom: 15px;
  655.     }
  656.     
  657.     .estimate-header h1 {
  658.         font-size: 20px;
  659.     }
  660.     
  661.     .estimate-header p {
  662.         font-size: 13px;
  663.     }
  664.     
  665.     /* カテゴリセクション */
  666.     .category-section {
  667.         padding: 15px;
  668.         margin-bottom: 12px;
  669.         width: 100%;
  670.         box-sizing: border-box;
  671.     }
  672.     
  673.     .category-row {
  674.         display: flex;
  675.         flex-direction: column;
  676.         gap: 10px;
  677.         width: 100%;
  678.         max-width: 100%;
  679.         box-sizing: border-box;
  680.     }
  681.     
  682.     .category-header {
  683.         flex-direction: row;
  684.         align-items: center;
  685.         gap: 10px;
  686.         margin-bottom: 0;
  687.         width: 100%;
  688.     }
  689.     
  690.     .category-name {
  691.         font-size: 16px;
  692.     }
  693.     
  694.     .required-badge {
  695.         font-size: 11px;
  696.         padding: 3px 8px;
  697.     }
  698.     
  699.     /* セレクトボックス */
  700.     .parts-select {
  701.         font-size: 15px;
  702.         padding: 12px 35px 12px 12px;
  703.         margin-top: 0;
  704.         width: 100% !important;
  705.         max-width: 100% !important;
  706.         flex: none;
  707.     }
  708.     
  709.     /* 見積もりサマリー */
  710.     .estimate-summary {
  711.         padding: 15px;
  712.         margin-bottom: 15px;
  713.     }
  714.     
  715.     .summary-note {
  716.         font-size: 12px;
  717.     }
  718.     
  719.     .summary-total {
  720.         flex-direction: row;
  721.         align-items: center;
  722.         gap: 15px;
  723.         padding: 12px 0;
  724.     }
  725.     
  726.     .summary-total-label {
  727.         font-size: 15px;
  728.     }
  729.     
  730.     .summary-total-price {
  731.         font-size: 24px;
  732.         text-align: right;
  733.     }
  734.     
  735.     /* 購入セクション */
  736.     .purchase-section {
  737.         margin-bottom: 15px;
  738.     }
  739.     
  740.     .purchase-card {
  741.         padding: 15px;
  742.     }
  743.     
  744.     .purchase-btn {
  745.         max-width: 100%;
  746.         font-size: 15px;
  747.         padding: 14px;
  748.     }
  749.     
  750.     .purchase-notice {
  751.         font-size: 12px;
  752.         padding: 10px;
  753.         margin-top: 10px;
  754.     }
  755.     
  756.     /* お客様情報フォーム */
  757.     .customer-form {
  758.         padding: 15px;
  759.         margin-top: 15px;
  760.     }
  761.     
  762.     .customer-form h3 {
  763.         font-size: 16px;
  764.         margin-bottom: 12px;
  765.     }
  766.     
  767.     .form-row {
  768.         flex-direction: column;
  769.         gap: 0;
  770.     }
  771.     
  772.     .form-group {
  773.         margin-bottom: 15px;
  774.     }
  775.     
  776.     .form-label {
  777.         font-size: 14px;
  778.         margin-bottom: 6px;
  779.     }
  780.     
  781.     .form-control {
  782.         padding: 10px 12px;
  783.         font-size: 15px;
  784.     }
  785.     
  786.     textarea.form-control {
  787.         min-height: 80px;
  788.     }
  789.     
  790.     /* 送信ボタン */
  791.     .submit-section {
  792.         padding: 15px;
  793.         margin-top: 15px;
  794.     }
  795.     
  796.     .submit-btn {
  797.         padding: 14px;
  798.         font-size: 15px;
  799.     }
  800.     
  801.     /* 必須警告 */
  802.     .required-warning {
  803.         padding: 10px;
  804.         font-size: 12px;
  805.         margin: 10px 0;
  806.     }
  807.     
  808.     /* フリーエリア */
  809.     .nz-free-area {
  810.         padding: 20px 15px;
  811.         font-size: 14px;
  812.     }
  813.     
  814.     .nz-free-area h2 {
  815.         font-size: 20px;
  816.     }
  817.     
  818.     .nz-free-area h3 {
  819.         font-size: 18px;
  820.     }
  821. }
  823. @media (max-width: 480px) {
  824.     /* さらに小さい画面用 */
  825.     .estimate-container {
  826.         padding: 8px;
  827.     }
  828.     
  829.     .estimate-header {
  830.         padding: 15px 8px;
  831.     }
  832.     
  833.     .estimate-header h1 {
  834.         font-size: 18px;
  835.     }
  836.     
  837.     .estimate-header p {
  838.         font-size: 12px;
  839.     }
  840.     
  841.     .category-section {
  842.         padding: 12px;
  843.         margin-bottom: 10px;
  844.     }
  845.     
  846.     .category-row {
  847.         display: flex;
  848.         flex-direction: column;
  849.         gap: 8px;
  850.     }
  851.     
  852.     .category-name {
  853.         font-size: 15px;
  854.     }
  855.     
  856.     .parts-select {
  857.         font-size: 14px;
  858.         padding: 10px 30px 10px 10px;
  859.         width: 100% !important;
  860.         max-width: 100% !important;
  861.         flex: none;
  862.     }
  863.     
  864.     .estimate-summary {
  865.         padding: 12px;
  866.     }
  867.     
  868.     .summary-title {
  869.         font-size: 15px;
  870.     }
  871.     
  872.     .summary-total {
  873.         padding: 16px 20px !important;
  874.         border-radius: 12px;
  875.     }
  876.     
  877.     .summary-total-label {
  878.         font-size: 18px !important;
  879.     }
  880.     
  881.     .summary-total-price {
  882.         font-size: 26px !important;
  883.     }
  884.     
  885.     /* スマホ用：下部固定サマリー（クローン） */
  886.     .estimate-summary-sticky {
  887.         display: none; /* 初期状態では非表示 */
  888.         position: fixed;
  889.         bottom: 0;
  890.         left: 0;
  891.         right: 0;
  892.         background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  893.         box-shadow: 0 -4px 12px rgba(168, 179, 255, 0.4);
  894.         z-index: 9999;
  895.         padding: 8px 16px;
  896.     }
  897.     
  898.     .estimate-summary-sticky.visible {
  899.         display: block !important; /* スクロールで表示 */
  900.     }
  901.     
  902.     .estimate-summary-sticky .summary-total {
  903.         margin: 0;
  904.         padding: 0;
  905.         border-top: none;
  906.         display: flex;
  907.         justify-content: space-between;
  908.         align-items: center;
  909.         background: transparent;
  910.         box-shadow: none;
  911.         border-radius: 0;
  912.     }
  913.     
  914.     .estimate-summary-sticky .summary-total-label {
  915.         font-size: 14px;
  916.         font-weight: 700;
  917.         color: #ffffff;
  918.     }
  919.     
  920.     .estimate-summary-sticky .summary-total-price {
  921.         font-size: 20px;
  922.         font-weight: 800;
  923.         color: #ffffff;
  924.         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  925.     }
  926.     
  927.     /* コンテンツが固定サマリーに隠れないよう余白 */
  928.     body.sticky-summary-active {
  929.         padding-bottom: 50px;
  930.     }
  931.     
  932.     .purchase-card {
  933.         padding: 12px;
  934.     }
  935.     
  936.     .purchase-btn {
  937.         font-size: 14px;
  938.         padding: 12px;
  939.     }
  940.     
  941.     .customer-form {
  942.         padding: 12px;
  943.     }
  944.     
  945.     .form-group {
  946.         margin-bottom: 12px;
  947.     }
  948.     
  949.     .submit-section {
  950.         padding: 12px;
  951.     }
  952. }
  953. </style>
  955. <div class=\"nz-estimate-wrapper\">
  956.     <div class=\"nz-estimate-card\">
  957.         <div class=\"nz-estimate-header\">
  958.             <h1 class=\"nz-estimate-title\">
  959.                 ";
  960.         // line 895
  961.         if (twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 895, $this->source); })()), "pageTitle", [], "any", false, false, false, 895)) {
  962.             // line 896
  963.             echo "                    ";
  964.             echo twig_replace_filter(twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 896, $this->source); })()), "pageTitle", [], "any", false, false, false, 896), ["&lt;" => "<", "&gt;" => ">", "&quot;" => "\"", "&#039;" => "'", "&amp;" => "&"]);
  965.             echo "
  966.                 ";
  967.         } else {
  968.             // line 898
  969.             echo "                    見積もりシミュレーター
  970.                 ";
  971.         }
  972.         // line 900
  973.         echo "            </h1>
  974.             <div class=\"nz-estimate-description\">
  975.                 ";
  976.         // line 902
  977.         if (twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 902, $this->source); })()), "pageDescription", [], "any", false, false, false, 902)) {
  978.             // line 903
  979.             echo "                    ";
  980.             echo twig_replace_filter(twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 903, $this->source); })()), "pageDescription", [], "any", false, false, false, 903), ["&lt;" => "<", "&gt;" => ">", "&quot;" => "\"", "&#039;" => "'", "&amp;" => "&"]);
  981.             echo "
  982.                 ";
  983.         } else {
  984.             // line 905
  985.             echo "                    パーツを選択して、お見積もりを作成いただけます。
  986.                 ";
  987.         }
  988.         // line 907
  989.         echo "            </div>
  990.         </div>
  992.         <div class=\"nz-estimate-body\">
  993.             ";
  994.         // line 911
  995.         $context['_parent'] = $context;
  996.         $context['_seq'] = twig_ensure_traversable((isset($context["categoriesWithParts"]) || array_key_exists("categoriesWithParts", $context) ? $context["categoriesWithParts"] : (function () { throw new RuntimeError('Variable "categoriesWithParts" does not exist.', 911, $this->source); })()));
  997.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  998.             // line 912
  999.             echo "                <div class=\"category-section\" data-category-id=\"";
  1000.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 912), "id", [], "any", false, false, false, 912), "html", null, true);
  1001.             echo "\">
  1002.                     <div class=\"category-row\">
  1003.                         <div class=\"category-header\">
  1004.                             <h2 class=\"category-title\">";
  1005.             // line 915
  1006.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 915), "name", [], "any", false, false, false, 915), "html", null, true);
  1007.             echo "</h2>
  1008.                             ";
  1009.             // line 916
  1010.             if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 916), "isRequired", [], "any", false, false, false, 916)) {
  1011.                 // line 917
  1012.                 echo "                                <span class=\"category-required-badge\">必須</span>
  1013.                             ";
  1014.             } else {
  1015.                 // line 919
  1016.                 echo "                                <span class=\"category-optional-badge\">任意</span>
  1017.                             ";
  1018.             }
  1019.             // line 921
  1020.             echo "                        </div>
  1021.                         
  1022.                         ";
  1023.             // line 924
  1024.             echo "                        <select class=\"parts-select\" 
  1025.                                 data-category-id=\"";
  1026.             // line 925
  1027.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 925), "id", [], "any", false, false, false, 925), "html", null, true);
  1028.             echo "\" 
  1029.                                 data-required=\"";
  1030.             // line 926
  1031.             echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 926), "isRequired", [], "any", false, false, false, 926)) ? ("1") : ("0"));
  1032.             echo "\"
  1033.                                 data-category-name=\"";
  1034.             // line 927
  1035.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 927), "name", [], "any", false, false, false, 927), "html", null, true);
  1036.             echo "\">
  1037.                             <option value=\"\">選択してください</option>
  1038.                             ";
  1039.             // line 929
  1040.             $context['_parent'] = $context;
  1041.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["item"], "parts", [], "any", false, false, false, 929));
  1042.             foreach ($context['_seq'] as $context["_key"] => $context["parts"]) {
  1043.                 // line 930
  1044.                 echo "                                <option value=\"";
  1045.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "id", [], "any", false, false, false, 930), "html", null, true);
  1046.                 echo "\" 
  1047.                                         data-price=\"";
  1048.                 // line 931
  1049.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "price", [], "any", false, false, false, 931), "html", null, true);
  1050.                 echo "\"
  1051.                                         data-name=\"";
  1052.                 // line 932
  1053.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "productName", [], "any", false, false, false, 932), "html", null, true);
  1054.                 echo "\"
  1055.                                         data-child-category-id=\"";
  1056.                 // line 933
  1057.                 ((twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 933)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 933), "html", null, true))) : (print ("")));
  1058.                 echo "\"
  1059.                                         data-child-filter-keywords=\"";
  1060.                 // line 934
  1061.                 ((twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 934)) ? (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 934), "html", null, true))) : (print ("")));
  1062.                 echo "\">
  1063.                                     ";
  1064.                 // line 935
  1065.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "productName", [], "any", false, false, false, 935), "html", null, true);
  1066.                 echo "
  1067.                                 </option>
  1068.                             ";
  1069.             }
  1070.             $_parent = $context['_parent'];
  1071.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['parts'], $context['_parent'], $context['loop']);
  1072.             $context = array_intersect_key($context, $_parent) + $_parent;
  1073.             // line 938
  1074.             echo "                        </select>
  1075.                     </div>
  1076.                 </div>
  1077.             ";
  1078.         }
  1079.         $_parent = $context['_parent'];
  1080.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  1081.         $context = array_intersect_key($context, $_parent) + $_parent;
  1082.         // line 942
  1083.         echo "            
  1084.             ";
  1085.         // line 944
  1086.         echo "            <script type=\"application/json\" id=\"allPartsData\">
  1087.             [
  1088.                 ";
  1089.         // line 946
  1090.         $context['_parent'] = $context;
  1091.         $context['_seq'] = twig_ensure_traversable((isset($context["categoriesWithParts"]) || array_key_exists("categoriesWithParts", $context) ? $context["categoriesWithParts"] : (function () { throw new RuntimeError('Variable "categoriesWithParts" does not exist.', 946, $this->source); })()));
  1092.         $context['loop'] = [
  1093.           'parent' => $context['_parent'],
  1094.           'index0' => 0,
  1095.           'index'  => 1,
  1096.           'first'  => true,
  1097.         ];
  1098.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1099.             $length = count($context['_seq']);
  1100.             $context['loop']['revindex0'] = $length - 1;
  1101.             $context['loop']['revindex'] = $length;
  1102.             $context['loop']['length'] = $length;
  1103.             $context['loop']['last'] = 1 === $length;
  1104.         }
  1105.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  1106.             // line 947
  1107.             echo "                    ";
  1108.             $context['_parent'] = $context;
  1109.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["item"], "parts", [], "any", false, false, false, 947));
  1110.             $context['loop'] = [
  1111.               'parent' => $context['_parent'],
  1112.               'index0' => 0,
  1113.               'index'  => 1,
  1114.               'first'  => true,
  1115.             ];
  1116.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1117.                 $length = count($context['_seq']);
  1118.                 $context['loop']['revindex0'] = $length - 1;
  1119.                 $context['loop']['revindex'] = $length;
  1120.                 $context['loop']['length'] = $length;
  1121.                 $context['loop']['last'] = 1 === $length;
  1122.             }
  1123.             foreach ($context['_seq'] as $context["_key"] => $context["parts"]) {
  1124.                 // line 948
  1125.                 echo "                    {
  1126.                         \"id\": ";
  1127.                 // line 949
  1128.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "id", [], "any", false, false, false, 949), "html", null, true);
  1129.                 echo ",
  1130.                         \"category_id\": ";
  1131.                 // line 950
  1132.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 950), "id", [], "any", false, false, false, 950), "html", null, true);
  1133.                 echo ",
  1134.                         \"category_name\": ";
  1135.                 // line 951
  1136.                 echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 951), "name", [], "any", false, false, false, 951));
  1137.                 echo ",
  1138.                         \"name\": ";
  1139.                 // line 952
  1140.                 echo json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "productName", [], "any", false, false, false, 952));
  1141.                 echo ",
  1142.                         \"model_number\": ";
  1143.                 // line 953
  1144.                 echo json_encode(((twig_get_attribute($this->env, $this->source, $context["parts"], "modelNumber", [], "any", true, true, false, 953)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["parts"], "modelNumber", [], "any", false, false, false, 953), "")) : ("")));
  1145.                 echo ",
  1146.                         \"price\": ";
  1147.                 // line 954
  1148.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "price", [], "any", false, false, false, 954), "html", null, true);
  1149.                 echo ",
  1150.                         \"child_category_id\": ";
  1151.                 // line 955
  1152.                 echo ((twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 955)) ? (json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 955))) : ("null"));
  1153.                 echo ",
  1154.                         \"child_filter_keywords\": ";
  1155.                 // line 956
  1156.                 echo ((twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 956)) ? (json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 956))) : ("null"));
  1157.                 echo "
  1158.                     }";
  1159.                 // line 957
  1160.                 if (( !twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["loop"], "parent", [], "any", false, false, false, 957), "loop", [], "any", false, false, false, 957), "last", [], "any", false, false, false, 957) ||  !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 957))) {
  1161.                     echo ",";
  1162.                 }
  1163.                 // line 958
  1164.                 echo "                    ";
  1165.                 ++$context['loop']['index0'];
  1166.                 ++$context['loop']['index'];
  1167.                 $context['loop']['first'] = false;
  1168.                 if (isset($context['loop']['length'])) {
  1169.                     --$context['loop']['revindex0'];
  1170.                     --$context['loop']['revindex'];
  1171.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1172.                 }
  1173.             }
  1174.             $_parent = $context['_parent'];
  1175.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['parts'], $context['_parent'], $context['loop']);
  1176.             $context = array_intersect_key($context, $_parent) + $_parent;
  1177.             // line 959
  1178.             echo "                ";
  1179.             ++$context['loop']['index0'];
  1180.             ++$context['loop']['index'];
  1181.             $context['loop']['first'] = false;
  1182.             if (isset($context['loop']['length'])) {
  1183.                 --$context['loop']['revindex0'];
  1184.                 --$context['loop']['revindex'];
  1185.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1186.             }
  1187.         }
  1188.         $_parent = $context['_parent'];
  1189.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  1190.         $context = array_intersect_key($context, $_parent) + $_parent;
  1191.         // line 960
  1192.         echo "            ]
  1193.             </script>
  1194.             
  1195.             ";
  1196.         // line 964
  1197.         echo "            <script type=\"application/json\" id=\"allCategoriesData\">
  1198.             [
  1199.                 ";
  1200.         // line 966
  1201.         $context['_parent'] = $context;
  1202.         $context['_seq'] = twig_ensure_traversable((isset($context["allCategoriesWithParts"]) || array_key_exists("allCategoriesWithParts", $context) ? $context["allCategoriesWithParts"] : (function () { throw new RuntimeError('Variable "allCategoriesWithParts" does not exist.', 966, $this->source); })()));
  1203.         $context['loop'] = [
  1204.           'parent' => $context['_parent'],
  1205.           'index0' => 0,
  1206.           'index'  => 1,
  1207.           'first'  => true,
  1208.         ];
  1209.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1210.             $length = count($context['_seq']);
  1211.             $context['loop']['revindex0'] = $length - 1;
  1212.             $context['loop']['revindex'] = $length;
  1213.             $context['loop']['length'] = $length;
  1214.             $context['loop']['last'] = 1 === $length;
  1215.         }
  1216.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  1217.             // line 967
  1218.             echo "                {
  1219.                     \"id\": ";
  1220.             // line 968
  1221.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 968), "id", [], "any", false, false, false, 968), "html", null, true);
  1222.             echo ",
  1223.                     \"name\": ";
  1224.             // line 969
  1225.             echo json_encode(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 969), "name", [], "any", false, false, false, 969));
  1226.             echo ",
  1227.                     \"is_required\": ";
  1228.             // line 970
  1229.             echo ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["item"], "category", [], "any", false, false, false, 970), "isRequired", [], "any", false, false, false, 970)) ? ("true") : ("false"));
  1230.             echo ",
  1231.                     \"parts\": [
  1232.                         ";
  1233.             // line 972
  1234.             $context['_parent'] = $context;
  1235.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["item"], "parts", [], "any", false, false, false, 972));
  1236.             $context['loop'] = [
  1237.               'parent' => $context['_parent'],
  1238.               'index0' => 0,
  1239.               'index'  => 1,
  1240.               'first'  => true,
  1241.             ];
  1242.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  1243.                 $length = count($context['_seq']);
  1244.                 $context['loop']['revindex0'] = $length - 1;
  1245.                 $context['loop']['revindex'] = $length;
  1246.                 $context['loop']['length'] = $length;
  1247.                 $context['loop']['last'] = 1 === $length;
  1248.             }
  1249.             foreach ($context['_seq'] as $context["_key"] => $context["parts"]) {
  1250.                 // line 973
  1251.                 echo "                        {
  1252.                             \"id\": ";
  1253.                 // line 974
  1254.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "id", [], "any", false, false, false, 974), "html", null, true);
  1255.                 echo ",
  1256.                             \"name\": ";
  1257.                 // line 975
  1258.                 echo json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "productName", [], "any", false, false, false, 975));
  1259.                 echo ",
  1260.                             \"model_number\": ";
  1261.                 // line 976
  1262.                 echo json_encode(((twig_get_attribute($this->env, $this->source, $context["parts"], "modelNumber", [], "any", true, true, false, 976)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, $context["parts"], "modelNumber", [], "any", false, false, false, 976), "")) : ("")));
  1263.                 echo ",
  1264.                             \"price\": ";
  1265.                 // line 977
  1266.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["parts"], "price", [], "any", false, false, false, 977), "html", null, true);
  1267.                 echo ",
  1268.                             \"child_category_id\": ";
  1269.                 // line 978
  1270.                 echo ((twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 978)) ? (json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "childCategoryId", [], "any", false, false, false, 978))) : ("null"));
  1271.                 echo ",
  1272.                             \"child_filter_keywords\": ";
  1273.                 // line 979
  1274.                 echo ((twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 979)) ? (json_encode(twig_get_attribute($this->env, $this->source, $context["parts"], "childFilterKeywords", [], "any", false, false, false, 979))) : ("null"));
  1275.                 echo "
  1276.                         }";
  1277.                 // line 980
  1278.                 if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 980)) {
  1279.                     echo ",";
  1280.                 }
  1281.                 // line 981
  1282.                 echo "                        ";
  1283.                 ++$context['loop']['index0'];
  1284.                 ++$context['loop']['index'];
  1285.                 $context['loop']['first'] = false;
  1286.                 if (isset($context['loop']['length'])) {
  1287.                     --$context['loop']['revindex0'];
  1288.                     --$context['loop']['revindex'];
  1289.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1290.                 }
  1291.             }
  1292.             $_parent = $context['_parent'];
  1293.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['parts'], $context['_parent'], $context['loop']);
  1294.             $context = array_intersect_key($context, $_parent) + $_parent;
  1295.             // line 982
  1296.             echo "                    ]
  1297.                 }";
  1298.             // line 983
  1299.             if ( !twig_get_attribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 983)) {
  1300.                 echo ",";
  1301.             }
  1302.             // line 984
  1303.             echo "                ";
  1304.             ++$context['loop']['index0'];
  1305.             ++$context['loop']['index'];
  1306.             $context['loop']['first'] = false;
  1307.             if (isset($context['loop']['length'])) {
  1308.                 --$context['loop']['revindex0'];
  1309.                 --$context['loop']['revindex'];
  1310.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  1311.             }
  1312.         }
  1313.         $_parent = $context['_parent'];
  1314.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  1315.         $context = array_intersect_key($context, $_parent) + $_parent;
  1316.         // line 985
  1317.         echo "            ]
  1318.             </script>
  1320.             <!-- 見積もりサマリー（常時表示） -->
  1321.             <div class=\"estimate-summary\">
  1322.                 <div class=\"summary-header\">
  1323.                     <div class=\"summary-note\">※ 必須項目をすべて選択すると金額が表示されます</div>
  1324.                 </div>
  1325.                 
  1326.                 <!-- 必須項目未選択警告 -->
  1327.                 <div class=\"required-warning\" id=\"requiredWarning\">
  1328.                     <div class=\"required-warning-text\">
  1329.                         ⚠️ 必須カテゴリをすべて選択してください
  1330.                     </div>
  1331.                 </div>
  1332.                 
  1333.                 <div class=\"summary-total\">
  1334.                     <div class=\"summary-total-label\">合計金額</div>
  1335.                     <div class=\"summary-total-price\" id=\"totalPriceArea\">
  1336.                         ¥<span id=\"totalPrice\">---</span>
  1337.                     </div>
  1338.                 </div>
  1339.             </div>
  1341.             <!-- スマホ用：下部固定サマリー -->
  1342.             <div class=\"estimate-summary-sticky\" id=\"stickySummary\">
  1343.                 <div class=\"summary-total\">
  1344.                     <div class=\"summary-total-label\">合計金額</div>
  1345.                     <div class=\"summary-total-price\">
  1346.                         ¥<span id=\"stickyTotalPrice\">---</span>
  1347.                     </div>
  1348.                 </div>
  1349.             </div>
  1351.             <!-- 今すぐ購入セクション -->
  1352.             <div class=\"purchase-section\" id=\"purchaseSection\" style=\"display: none;\">
  1353.                 <div class=\"purchase-card\">
  1354.                     <button type=\"button\" class=\"purchase-btn\" id=\"purchaseBtn\">
  1355.                         🛒 すぐに購入
  1356.                     </button>
  1357.                     
  1358.                     ";
  1359.         // line 1026
  1360.         if (twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1026, $this->source); })()), "purchaseNoticeText", [], "any", false, false, false, 1026)) {
  1361.             // line 1027
  1362.             echo "                    <div class=\"purchase-notice\">
  1363.                         ";
  1364.             // line 1028
  1365.             echo twig_nl2br(twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1028, $this->source); })()), "purchaseNoticeText", [], "any", false, false, false, 1028), "html", null, true));
  1366.             echo "
  1367.                     </div>
  1368.                     ";
  1369.         }
  1370.         // line 1031
  1371.         echo "                </div>
  1372.             </div>
  1374.             <!-- お客様情報フォーム -->
  1375.             <div class=\"customer-form\" id=\"customerForm\">
  1376.                 <h3>お客様情報</h3>
  1377.                 <form id=\"estimateForm\">
  1378.                     <div class=\"form-row\">
  1379.                         <div class=\"form-group form-group-half\">
  1380.                             <label class=\"form-label\">
  1381.                                 お名前<span class=\"required\">*</span>
  1382.                             </label>
  1383.                             <input type=\"text\" name=\"name\" class=\"form-control\" required>
  1384.                         </div>
  1385.                         
  1386.                         <div class=\"form-group form-group-half\">
  1387.                             <label class=\"form-label\">
  1388.                                 電話番号<span class=\"required\">*</span>
  1389.                             </label>
  1390.                             <input type=\"tel\" name=\"tel\" class=\"form-control\" required>
  1391.                         </div>
  1392.                     </div>
  1393.                     
  1394.                     <div class=\"form-group\">
  1395.                         <label class=\"form-label\">
  1396.                             メールアドレス<span class=\"required\">*</span>
  1397.                         </label>
  1398.                         <input type=\"email\" name=\"email\" class=\"form-control\" required>
  1399.                     </div>
  1400.                     
  1401.                     <div class=\"form-group\">
  1402.                         <label class=\"form-label\">ご要望・備考</label>
  1403.                         <textarea name=\"message\" class=\"form-control\" rows=\"3\"></textarea>
  1404.                     </div>
  1405.                 </form>
  1406.             </div>
  1408.             <!-- 送信ボタン -->
  1409.             <div class=\"submit-section\" id=\"submitSection\">
  1410.                 <button type=\"button\" class=\"submit-btn\" id=\"submitBtn\">
  1411.                     見積もり依頼を送信
  1412.                 </button>
  1413.                 
  1414.                 ";
  1415.         // line 1074
  1416.         if (twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1074, $this->source); })()), "noticeText", [], "any", false, false, false, 1074)) {
  1417.             // line 1075
  1418.             echo "                <div class=\"notice-text\">
  1419.                     ";
  1420.             // line 1076
  1421.             echo twig_nl2br(twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1076, $this->source); })()), "noticeText", [], "any", false, false, false, 1076), "html", null, true));
  1422.             echo "
  1423.                 </div>
  1424.                 ";
  1425.         }
  1426.         // line 1079
  1427.         echo "            </div>
  1429.             <!-- ローディング -->
  1430.             <div class=\"loading\" id=\"loading\">
  1431.                 <div class=\"loading-spinner\"></div>
  1432.                 <p>送信中...</p>
  1433.             </div>
  1435.             <!-- 完了メッセージ -->
  1436.             <div class=\"complete-message\" id=\"completeMessage\">
  1437.                 <div class=\"complete-icon\">✓</div>
  1438.                 <div class=\"complete-title\">送信完了</div>
  1439.                 <div class=\"complete-text\">
  1440.                     お見積もり依頼を受け付けました。<br>
  1441.                     担当者より折り返しご連絡いたします。
  1442.                 </div>
  1443.             </div>
  1444.         </div>
  1445.     </div>
  1446. </div>
  1448. <!-- フリーエリア -->
  1449. ";
  1450.         // line 1101
  1451.         if (twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1101, $this->source); })()), "freeAreaHtml", [], "any", false, false, false, 1101)) {
  1452.             // line 1102
  1453.             echo "<div class=\"nz-free-area\">
  1454.     ";
  1455.             // line 1103
  1456.             echo twig_get_attribute($this->env, $this->source, (isset($context["config"]) || array_key_exists("config", $context) ? $context["config"] : (function () { throw new RuntimeError('Variable "config" does not exist.', 1103, $this->source); })()), "freeAreaHtml", [], "any", false, false, false, 1103);
  1457.             echo "
  1458. </div>
  1459. ";
  1460.         }
  1461.         // line 1106
  1462.         echo "
  1463. <script>
  1464. \$(function() {
  1465.     let selectedParts = [];
  1466.     
  1467.     // 内部料金設定（顧客には非表示）
  1468.     const additionalCharge = ";
  1469.         // line 1112
  1470.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["config"] ?? null), "additionalCharge", [], "any", true, true, false, 1112)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["config"] ?? null), "additionalCharge", [], "any", false, false, false, 1112), 0)) : (0)), "html", null, true);
  1471.         echo ";
  1472.     const discountRate = ";
  1473.         // line 1113
  1474.         echo twig_escape_filter($this->env, ((twig_get_attribute($this->env, $this->source, ($context["config"] ?? null), "discountRate", [], "any", true, true, false, 1113)) ? (_twig_default_filter(twig_get_attribute($this->env, $this->source, ($context["config"] ?? null), "discountRate", [], "any", false, false, false, 1113), 0)) : (0)), "html", null, true);
  1475.         echo ";
  1476.     
  1477.     // データ読み込み
  1478.     const allParts = JSON.parse(\$('#allPartsData').text());
  1479.     const allCategories = JSON.parse(\$('#allCategoriesData').text());
  1480.     
  1481.     // 必須カテゴリを取得
  1482.     const requiredCategories = [];
  1483.     allCategories.forEach(function(cat) {
  1484.         if (cat.is_required) {
  1485.             requiredCategories.push(cat.id);
  1486.         }
  1487.     });
  1488.     
  1489.     // パーツ選択時の処理
  1490.     \$(document).on('change', '.parts-select', function() {
  1491.         const \$select = \$(this);
  1492.         const partsId = \$select.val();
  1493.         const categoryId = \$select.data('category-id');
  1494.         const \$currentSection = \$select.closest('.category-section');
  1495.         
  1496.         // 現在のセクションの後続の子カテゴリを削除（アニメーション付き）
  1497.         \$currentSection.nextAll('.category-section.child-category').each(function() {
  1498.             const \$childSection = \$(this);
  1499.             const parentId = \$childSection.data('parent-id');
  1500.             
  1501.             // 現在のカテゴリの子カテゴリのみ削除
  1502.             if (parentId == categoryId) {
  1503.                 \$childSection.removeClass('active').fadeOut(200, function() {
  1504.                     \$(this).remove();
  1505.                 });
  1506.             }
  1507.         });
  1508.         
  1509.         if (!partsId) {
  1510.             updateSummary();
  1511.             return;
  1512.         }
  1513.         
  1514.         // 選択したパーツ情報を取得
  1515.         const parts = allParts.find(p => p.id == partsId);
  1516.         
  1517.         if (!parts) {
  1518.             updateSummary();
  1519.             return;
  1520.         }
  1521.         
  1522.         // 子カテゴリがあるか確認（カンマ区切りで複数対応）
  1523.         if (parts.child_category_id) {
  1524.             const childCategoryIds = parts.child_category_id.toString().split(',').map(id => parseInt(id.trim())).filter(id => id > 0);
  1525.             
  1526.             console.log('========================================');
  1527.             console.log('選択されたパーツ:', parts.name);
  1528.             console.log('子カテゴリID:', childCategoryIds);
  1529.             console.log('フィルタキーワード:', parts.child_filter_keywords);
  1530.             
  1531.             childCategoryIds.forEach(function(childCatId) {
  1532.                 const childCategory = allCategories.find(c => c.id == childCatId);
  1533.                 
  1534.                 console.log('--- 子カテゴリID:', childCatId, '---');
  1535.                 console.log('子カテゴリ名:', childCategory ? childCategory.name : 'NOT FOUND');
  1536.                 
  1537.                 if (childCategory && childCategory.parts.length > 0) {
  1538.                     let filteredParts = childCategory.parts;
  1539.                     
  1540.                     // フィルタキーワードがある場合は絞り込み
  1541.                     if (parts.child_filter_keywords) {
  1542.                         const keywords = parts.child_filter_keywords.split(',').map(k => k.trim().toLowerCase());
  1543.                         
  1544.                         console.log('=== フィルタ実行 ===');
  1545.                         console.log('子カテゴリ:', childCategory.name);
  1546.                         console.log('フィルタキーワード:', keywords);
  1547.                         console.log('全パーツ数:', childCategory.parts.length);
  1548.                         
  1549.                         filteredParts = childCategory.parts.filter(p => {
  1550.                             const searchText = (p.name + ' ' + (p.model_number || '')).toLowerCase();
  1551.                             const matched = keywords.some(kw => searchText.includes(kw));
  1552.                             console.log(`  - \${p.name}: \${matched ? 'マッチ' : '除外'} (検索文字: \${searchText})`);
  1553.                             return matched;
  1554.                         });
  1555.                         
  1556.                         console.log('フィルタ後パーツ数:', filteredParts.length);
  1557.                     }
  1558.                     
  1559.                     // フィルタ後のパーツがある場合のみ子カテゴリを表示
  1560.                     if (filteredParts.length > 0) {
  1561.                         // 子カテゴリセクションを作成
  1562.                         createChildCategorySection({
  1563.                             ...childCategory,
  1564.                             parts: filteredParts
  1565.                         }, categoryId);
  1566.                     }
  1567.                 }
  1568.             });
  1569.         }
  1570.         
  1571.         updateSummary();
  1572.     });
  1573.     
  1574.     // 子カテゴリセクション作成（セレクトボックス形式）
  1575.     function createChildCategorySection(category, parentCategoryId) {
  1576.         const \$parentSection = \$(`.category-section[data-category-id=\"\${parentCategoryId}\"]`);
  1577.         
  1578.         const childHtml = `
  1579.             <div class=\"category-section child-category\" data-category-id=\"\${category.id}\" data-parent-id=\"\${parentCategoryId}\">
  1580.                 <div class=\"category-row\">
  1581.                     <div class=\"category-header\">
  1582.                         <h2 class=\"category-title child\">└ \${category.name}</h2>
  1583.                         \${category.is_required ? '<span class=\"category-required-badge\">必須</span>' : '<span class=\"category-optional-badge\">任意</span>'}
  1584.                     </div>
  1585.                     
  1586.                     <select class=\"parts-select\" 
  1587.                             data-category-id=\"\${category.id}\" 
  1588.                             data-parent-category-id=\"\${parentCategoryId}\"
  1589.                             data-required=\"\${category.is_required ? '1' : '0'}\"
  1590.                             data-category-name=\"\${category.name}\">
  1591.                         \${category.parts.map((p, index) => `
  1592.                             <option value=\"\${p.id}\" 
  1593.                                     data-price=\"\${p.price}\"
  1594.                                     data-name=\"\${p.name}\"
  1595.                                     data-child-category-id=\"\${p.child_category_id || ''}\"
  1596.                                     data-child-filter-keywords=\"\${p.child_filter_keywords || ''}\"
  1597.                                     \${index === 0 ? 'selected' : ''}>
  1598.                                 \${p.name}
  1599.                             </option>
  1600.                         `).join('')}
  1601.                     </select>
  1602.                 </div>
  1603.             </div>
  1604.         `;
  1605.         
  1606.         \$parentSection.after(childHtml);
  1607.         
  1608.         // 挿入後、activeクラスを追加してスライド表示
  1609.         setTimeout(function() {
  1610.             \$(`.child-category[data-parent-id=\"\${parentCategoryId}\"]`).addClass('active');
  1611.         }, 10);
  1612.     }
  1613.     
  1614.     // サマリー更新
  1615.     function updateSummary() {
  1616.         const items = [];
  1617.         const selectedCategories = new Set();
  1618.         let total = 0;
  1619.         
  1620.         // すべてのセレクトボックスを取得
  1621.         \$('.parts-select').each(function() {
  1622.             const \$select = \$(this);
  1623.             const value = \$select.val();
  1624.             
  1625.             if (value && value !== '') {
  1626.                 const selectedOption = \$select.find('option:selected');
  1627.                 const categoryId = \$select.data('category-id');
  1628.                 const parentCategoryId = \$select.data('parent-category-id');
  1629.                 const categoryName = \$select.data('category-name');
  1630.                 const price = Math.floor(parseFloat(selectedOption.data('price'))); // 小数点以下切り捨て
  1631.                 const name = selectedOption.data('name');
  1632.                 
  1633.                 items.push({
  1634.                     parts_id: value,
  1635.                     category_name: categoryName,
  1636.                     name: name,
  1637.                     price: price
  1638.                 });
  1639.                 
  1640.                 // 必須カテゴリの判定: 子カテゴリの場合は親カテゴリIDを、そうでない場合は自身のIDを使用
  1641.                 const checkCategoryId = parentCategoryId || categoryId;
  1642.                 if (checkCategoryId) {
  1643.                     selectedCategories.add(parseInt(checkCategoryId));
  1644.                 }
  1645.                 total += price;
  1646.             }
  1647.         });
  1648.         
  1649.         selectedParts = items;
  1650.         
  1651.         // 必須カテゴリがすべて選択されているかチェック
  1652.         const allRequiredSelected = requiredCategories.every(catId => selectedCategories.has(catId));
  1653.         
  1654.         if (items.length > 0) {
  1655.             // 合計金額の表示
  1656.             if (allRequiredSelected) {
  1657.                 // 内部料金計算: 合計 = パーツ合計 × (1 - 割引率/100) + 追加料金
  1658.                 let finalTotal = total * (1 - discountRate / 100) + additionalCharge;
  1659.                 finalTotal = Math.round(finalTotal); // 四捨五入
  1660.                 
  1661.                 \$('#totalPrice').text(finalTotal.toLocaleString());
  1662.                 \$('#stickyTotalPrice').text(finalTotal.toLocaleString()); // 固定サマリーも更新
  1663.                 \$('#totalPriceArea').removeClass('hidden');
  1664.                 \$('#requiredWarning').removeClass('active');
  1665.                 \$('#customerForm').addClass('active');
  1666.                 \$('#submitSection').addClass('active');
  1667.                 \$('#purchaseSection').show();
  1668.             } else {
  1669.                 \$('#totalPrice').text('---');
  1670.                 \$('#stickyTotalPrice').text('---'); // 固定サマリーもクリア
  1671.                 \$('#totalPriceArea').addClass('hidden');
  1672.                 \$('#requiredWarning').addClass('active');
  1673.                 \$('#customerForm').removeClass('active');
  1674.                 \$('#submitSection').removeClass('active');
  1675.                 \$('#purchaseSection').hide();
  1676.             }
  1677.         } else {
  1678.             \$('#totalPrice').text('---');
  1679.             \$('#stickyTotalPrice').text('---'); // 固定サマリーもクリア
  1680.             \$('#totalPriceArea').addClass('hidden');
  1681.             \$('#requiredWarning').removeClass('active');
  1682.             \$('#customerForm').removeClass('active');
  1683.             \$('#submitSection').removeClass('active');
  1684.             \$('#purchaseSection').hide();
  1685.         }
  1686.     }
  1687.     
  1688.     // 送信
  1689.     \$('#submitBtn').on('click', function() {
  1690.         if (selectedParts.length === 0) {
  1691.             alert('パーツを選択してください。');
  1692.             return;
  1693.         }
  1694.         
  1695.         const form = \$('#estimateForm')[0];
  1696.         if (!form.checkValidity()) {
  1697.             form.reportValidity();
  1698.             return;
  1699.         }
  1700.         
  1701.         const formData = new FormData(form);
  1702.         formData.append('items', JSON.stringify(selectedParts));
  1703.         
  1704.         \$('#submitBtn').prop('disabled', true);
  1705.         \$('#loading').addClass('active');
  1706.         
  1707.         \$.ajax({
  1708.             url: '";
  1709.         // line 1346
  1710.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("nz_estimate_simulator_send");
  1711.         echo "',
  1712.             type: 'POST',
  1713.             data: formData,
  1714.             processData: false,
  1715.             contentType: false,
  1716.             headers: {
  1717.                 'x-csrf-token': \$('meta[name=\"x-csrf-token\"]').attr('content')
  1718.             },
  1719.             success: function(response) {
  1720.                 \$('#loading').removeClass('active');
  1721.                 
  1722.                 if (response.success) {
  1723.                     \$('.category-section, .estimate-summary, .customer-form, .submit-section').hide();
  1724.                     \$('#completeMessage').addClass('active');
  1725.                 } else {
  1726.                     alert(response.message || '送信に失敗しました。');
  1727.                     \$('#submitBtn').prop('disabled', false);
  1728.                 }
  1729.             },
  1730.             error: function(xhr, status, error) {
  1731.                 \$('#loading').removeClass('active');
  1732.                 
  1733.                 let errorMessage = '送信中にエラーが発生しました。';
  1734.                 
  1735.                 if (xhr.responseJSON && xhr.responseJSON.message) {
  1736.                     errorMessage = xhr.responseJSON.message;
  1737.                 } else if (xhr.status === 0) {
  1738.                     errorMessage = 'ネットワークエラーが発生しました。インターネット接続を確認してください。';
  1739.                 } else if (xhr.status === 500) {
  1740.                     errorMessage = 'サーバーエラーが発生しました。しばらく時間をおいて再度お試しください。';
  1741.                 } else if (xhr.status === 403) {
  1742.                     errorMessage = 'セキュリティエラーが発生しました。ページを再読み込みして再度お試しください。';
  1743.                 }
  1744.                 
  1745.                 alert(errorMessage);
  1746.                 console.error('Error details:', {
  1747.                     status: xhr.status,
  1748.                     statusText: xhr.statusText,
  1749.                     responseText: xhr.responseText,
  1750.                     error: error
  1751.                 });
  1752.                 
  1753.                 \$('#submitBtn').prop('disabled', false);
  1754.             }
  1755.         });
  1756.     });
  1758.     // 今すぐ購入ボタン
  1759.     \$('#purchaseBtn').on('click', function(e) {
  1760.         e.preventDefault();
  1761.         
  1762.         console.log('購入ボタンがクリックされました');
  1763.         
  1764.         if (selectedParts.length === 0) {
  1765.             alert('パーツが選択されていません');
  1766.             return;
  1767.         }
  1769.         // パーツ合計を計算
  1770.         const partsTotal = Math.floor(selectedParts.reduce((sum, item) => sum + item.price, 0));
  1771.         
  1772.         // 内部料金調整を適用: 合計 = パーツ合計 × (1 - 割引率/100) + 追加料金
  1773.         let finalTotal = partsTotal * (1 - discountRate / 100) + additionalCharge;
  1774.         finalTotal = Math.floor(finalTotal); // 小数点以下切り捨て
  1776.         console.log('カート追加:', {
  1777.             partsTotal: partsTotal,
  1778.             discountRate: discountRate,
  1779.             additionalCharge: additionalCharge,
  1780.             finalTotal: finalTotal,
  1781.             selectedParts: selectedParts
  1782.         });
  1784.         // ボタンを無効化
  1785.         \$(this).prop('disabled', true).text('商品作成中...');
  1787.         // カートに追加リクエスト
  1788.         const ajaxUrl = '/estimate_simulator/add_to_cart';
  1789.         console.log('AJAX URL:', ajaxUrl);
  1790.         
  1791.         \$.ajax({
  1792.             url: ajaxUrl,
  1793.             type: 'POST',
  1794.             contentType: 'application/json',
  1795.             data: JSON.stringify({
  1796.                 selected_parts: selectedParts,
  1797.                 total_price: finalTotal
  1798.             }),
  1799.             beforeSend: function() {
  1800.                 console.log('AJAXリクエスト送信開始');
  1801.             },
  1802.             success: function(response) {
  1803.                 console.log('AJAX成功:', response);
  1804.                 if (response.success) {
  1805.                     console.log('リダイレクト開始:', response.product_url);
  1806.                     
  1807.                     // 複数の方法でリダイレクトを試行
  1808.                     try {
  1809.                         window.location.href = response.product_url;
  1810.                     } catch(e) {
  1811.                         console.error('location.href失敗:', e);
  1812.                         try {
  1813.                             window.location.assign(response.product_url);
  1814.                         } catch(e2) {
  1815.                             console.error('location.assign失敗:', e2);
  1816.                             window.location.replace(response.product_url);
  1817.                         }
  1818.                     }
  1819.                 } else {
  1820.                     alert(response.message || '商品作成に失敗しました');
  1821.                     \$('#purchaseBtn').prop('disabled', false).text('🛒 すぐに購入');
  1822.                 }
  1823.             },
  1824.             error: function(xhr, status, error) {
  1825.                 console.log('AJAXエラー:', {status: xhr.status, error: error, responseText: xhr.responseText});
  1826.                 let errorMessage = '商品作成中にエラーが発生しました';
  1827.                 if (xhr.responseJSON && xhr.responseJSON.message) {
  1828.                     errorMessage = xhr.responseJSON.message;
  1829.                 }
  1830.                 alert(errorMessage);
  1831.                 \$('#purchaseBtn').prop('disabled', false).text('🛒 すぐに購入');
  1832.             }
  1833.         });
  1834.     });
  1835.     
  1836.     // スマホ用：スクロール検知で固定サマリーを表示/非表示
  1837.     function initStickySummary() {
  1838.         if (window.innerWidth > 768) {
  1839.             return; // タブレット以上は無効
  1840.         }
  1841.         
  1842.         const \$originalSummary = \$('.estimate-summary').first();
  1843.         const \$stickySummary = \$('#stickySummary');
  1844.         
  1845.         if (\$originalSummary.length === 0 || \$stickySummary.length === 0) {
  1846.             return;
  1847.         }
  1848.         
  1849.         function checkSummaryPosition() {
  1850.             const summaryTop = \$originalSummary.offset().top;
  1851.             const summaryBottom = summaryTop + \$originalSummary.outerHeight();
  1852.             const scrollTop = \$(window).scrollTop();
  1853.             const windowBottom = scrollTop + \$(window).height();
  1854.             
  1855.             // 元のサマリーが画面外に出たら固定サマリーを表示
  1856.             if (summaryBottom < scrollTop || summaryTop > windowBottom) {
  1857.                 \$stickySummary.addClass('visible');
  1858.                 \$('body').addClass('sticky-summary-active');
  1859.             } else {
  1860.                 \$stickySummary.removeClass('visible');
  1861.                 \$('body').removeClass('sticky-summary-active');
  1862.             }
  1863.         }
  1864.         
  1865.         \$(window).on('scroll', checkSummaryPosition);
  1866.         \$(window).on('resize', checkSummaryPosition);
  1867.         
  1868.         // 初回チェック（少し遅延させる）
  1869.         setTimeout(checkSummaryPosition, 500);
  1870.     }
  1871.     
  1872.     // DOMが完全に読み込まれた後に初期化
  1873.     initStickySummary();
  1874. });
  1875. </script>
  1876. ";
  1877.         
  1878.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1880.         
  1881.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1883.     }
  1885.     public function getTemplateName()
  1886.     {
  1887.         return "@NZEstimateSystem42/default/simulator.twig";
  1888.     }
  1890.     public function isTraitable()
  1891.     {
  1892.         return false;
  1893.     }
  1895.     public function getDebugInfo()
  1896.     {
  1897.         return array (  1710 => 1346,  1474 => 1113,  1470 => 1112,  1462 => 1106,  1456 => 1103,  1453 => 1102,  1451 => 1101,  1427 => 1079,  1421 => 1076,  1418 => 1075,  1416 => 1074,  1371 => 1031,  1365 => 1028,  1362 => 1027,  1360 => 1026,  1317 => 985,  1303 => 984,  1299 => 983,  1296 => 982,  1282 => 981,  1278 => 980,  1274 => 979,  1270 => 978,  1266 => 977,  1262 => 976,  1258 => 975,  1254 => 974,  1251 => 973,  1234 => 972,  1229 => 970,  1225 => 969,  1221 => 968,  1218 => 967,  1201 => 966,  1197 => 964,  1192 => 960,  1178 => 959,  1164 => 958,  1160 => 957,  1156 => 956,  1152 => 955,  1148 => 954,  1144 => 953,  1140 => 952,  1136 => 951,  1132 => 950,  1128 => 949,  1125 => 948,  1107 => 947,  1090 => 946,  1086 => 944,  1083 => 942,  1074 => 938,  1065 => 935,  1061 => 934,  1057 => 933,  1053 => 932,  1049 => 931,  1044 => 930,  1040 => 929,  1035 => 927,  1031 => 926,  1027 => 925,  1024 => 924,  1020 => 921,  1016 => 919,  1012 => 917,  1010 => 916,  1006 => 915,  999 => 912,  995 => 911,  989 => 907,  985 => 905,  979 => 903,  977 => 902,  973 => 900,  969 => 898,  963 => 896,  961 => 895,  68 => 4,  58 => 3,  35 => 1,);
  1898.     }
  1900.     public function getSourceContext()
  1901.     {
  1902.         return new Source("{% extends 'default_frame.twig' %}
  1904. {% block main %}
  1905. <style>
  1906. /* フォント強制読み込み */
  1907. @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
  1909. * {
  1910.     font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", \"Segoe UI\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, \"Noto Sans JP\", sans-serif !important;
  1911. }
  1913. /* 見積もりシミュレーター専用スタイル */
  1914. .nz-estimate-wrapper {
  1915.     max-width: 1200px;
  1916.     margin: 60px auto;
  1917.     padding: 0 20px;
  1918. }
  1920. .nz-estimate-card {
  1921.     background: #ffffff;
  1922.     border-radius: 20px;
  1923.     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  1924.     overflow: hidden;
  1925. }
  1927. .nz-estimate-header {
  1928.     background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  1929.     padding: 60px 40px;
  1930.     text-align: center;
  1931. }
  1933. .nz-estimate-title {
  1934.     font-size: 42px;
  1935.     font-weight: 800;
  1936.     color: #ffffff;
  1937.     margin: 0 0 16px 0;
  1938.     letter-spacing: -0.5px;
  1939. }
  1941. .nz-estimate-description {
  1942.     font-size: 18px;
  1943.     color: rgba(255, 255, 255, 0.95);
  1944.     line-height: 1.7;
  1945. }
  1947. .nz-estimate-description img {
  1948.     max-width: 100%;
  1949.     height: auto;
  1950.     display: block;
  1951.     margin: 16px auto;
  1952.     border-radius: 8px;
  1953. }
  1955. .nz-estimate-description p {
  1956.     margin: 8px 0;
  1957. }
  1959. .nz-estimate-description br {
  1960.     display: block;
  1961.     content: \"\";
  1962.     margin: 4px 0;
  1963. }
  1965. .nz-estimate-body {
  1966.     padding: 50px 40px;
  1967. }
  1969. /* カテゴリセクション */
  1970. .category-section {
  1971.     margin-bottom: 20px;
  1972.     overflow: hidden;
  1973. }
  1975. .category-row {
  1976.     display: flex;
  1977.     align-items: center;
  1978.     gap: 20px;
  1979.     width: 100%;
  1980.     max-width: 100%;
  1981. }
  1983. .category-section.child-category {
  1984.     margin-left: 40px;
  1985.     padding-left: 20px;
  1986.     border-left: 3px solid #cbd5e0;
  1987.     display: none;
  1988. }
  1990. .category-section.child-category.active {
  1991.     display: block;
  1992.     animation: slideDown 0.3s ease;
  1993. }
  1995. @keyframes slideDown {
  1996.     from { opacity: 0; transform: translateY(-10px); }
  1997.     to { opacity: 1; transform: translateY(0); }
  1998. }
  2000. .category-header {
  2001.     display: flex;
  2002.     align-items: center;
  2003.     gap: 15px;
  2004.     margin-bottom: 0;
  2005. }
  2007. .category-title {
  2008.     font-size: 20px;
  2009.     font-weight: 700;
  2010.     color: #2d3748;
  2011.     margin: 0;
  2012.     min-width: 150px;
  2013.     flex-shrink: 0;
  2014. }
  2016. .category-title.child {
  2017.     font-size: 18px;
  2018.     color: #4a5568;
  2019. }
  2021. .category-required-badge {
  2022.     display: inline-block;
  2023.     background: #e53e3e;
  2024.     color: white;
  2025.     font-size: 12px;
  2026.     font-weight: 700;
  2027.     padding: 4px 12px;
  2028.     border-radius: 12px;
  2029. }
  2031. .category-optional-badge {
  2032.     display: inline-block;
  2033.     background: #718096;
  2034.     color: white;
  2035.     font-size: 12px;
  2036.     font-weight: 700;
  2037.     padding: 4px 12px;
  2038.     border-radius: 12px;
  2039. }
  2041. .parts-select {
  2042.     flex: 1;
  2043.     width: 100%;
  2044.     max-width: 100%;
  2045.     padding: 12px 16px;
  2046.     font-size: 16px;
  2047.     color: #2d3748 !important;
  2048.     background-color: #f7fafc !important;
  2049.     border: 2px solid #e2e8f0 !important;
  2050.     border-radius: 12px !important;
  2051.     transition: all 0.3s ease !important;
  2052.     cursor: pointer;
  2053.     box-sizing: border-box;
  2054. }
  2056. .parts-select:focus {
  2057.     outline: none !important;
  2058.     border-color: #667eea !important;
  2059.     background-color: #ffffff !important;
  2060.     box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
  2061. }
  2063. .parts-select option {
  2064.     padding: 10px;
  2065. }
  2067. .parts-select option[value=\"\"] {
  2068.     color: #a0aec0 !important;
  2069.     font-style: italic;
  2070. }
  2072. .parts-select option:disabled {
  2073.     color: #a0aec0 !important;
  2074. }
  2076. /* 見積もりサマリー（常時表示） */
  2077. .estimate-summary {
  2078.     background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
  2079.     border-radius: 16px;
  2080.     padding: 30px;
  2081.     margin-top: 40px;
  2082. }
  2084. .summary-header {
  2085.     margin-bottom: 20px;
  2086.     padding-bottom: 15px;
  2087. }
  2089. .summary-note {
  2090.     font-size: 14px;
  2091.     color: #1a202c;
  2092.     font-weight: 600;
  2093.     text-align: center;
  2094. }
  2096. .summary-items {
  2097.     margin-bottom: 20px;
  2098.     min-height: 100px;
  2099. }
  2101. .summary-empty {
  2102.     text-align: center;
  2103.     padding: 40px 20px;
  2104.     color: #a0aec0;
  2105.     font-size: 15px;
  2106. }
  2108. .summary-item {
  2109.     display: block;
  2110.     padding: 12px 0;
  2111.     border-bottom: 1px solid #e2e8f0;
  2112. }
  2114. .summary-item-left {
  2115.     width: 100%;
  2116. }
  2118. .summary-item-category {
  2119.     font-size: 13px;
  2120.     color: #718096;
  2121.     margin-bottom: 4px;
  2122. }
  2124. .summary-item-name {
  2125.     font-size: 15px;
  2126.     font-weight: 600;
  2127.     color: #2d3748;
  2128. }
  2130. .summary-total {
  2131.     display: flex;
  2132.     justify-content: space-between;
  2133.     align-items: center;
  2134.     padding: 24px 28px;
  2135.     margin-top: 20px;
  2136.     border-top: none;
  2137.     background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  2138.     border-radius: 12px;
  2139.     box-shadow: 0 4px 12px rgba(168, 179, 255, 0.3);
  2140. }
  2142. .summary-total-label {
  2143.     font-size: 22px;
  2144.     font-weight: 700;
  2145.     color: #ffffff;
  2146. }
  2148. .summary-total-price {
  2149.     font-size: 36px;
  2150.     font-weight: 800;
  2151.     color: #ffffff;
  2152.     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  2153. }
  2155. .summary-total-price.hidden {
  2156.     color: rgba(255, 255, 255, 0.4);
  2157.     text-shadow: none;
  2158. }
  2160. /* 必須項目未選択警告 */
  2161. .required-warning {
  2162.     background: #fff5f5;
  2163.     border: 2px solid #fc8181;
  2164.     border-radius: 12px;
  2165.     padding: 15px 20px;
  2166.     margin-top: 20px;
  2167.     text-align: center;
  2168.     display: none;
  2169. }
  2171. .required-warning.active {
  2172.     display: block;
  2173. }
  2175. .required-warning-text {
  2176.     font-size: 14px;
  2177.     font-weight: 600;
  2178.     color: #742a2a;
  2179. }
  2181. /* お客様情報フォーム */
  2182. .customer-form {
  2183.     margin-top: 30px;
  2184.     padding: 25px;
  2185.     background: #f7fafc;
  2186.     border-radius: 12px;
  2187.     border: 1px solid #e2e8f0;
  2188.     display: none;
  2189. }
  2191. .customer-form.active {
  2192.     display: block;
  2193.     animation: fadeIn 0.3s ease;
  2194. }
  2196. @keyframes fadeIn {
  2197.     from { opacity: 0; transform: translateY(10px); }
  2198.     to { opacity: 1; transform: translateY(0); }
  2199. }
  2201. .customer-form h3 {
  2202.     font-size: 20px;
  2203.     font-weight: 700;
  2204.     color: #2d3748;
  2205.     margin-bottom: 20px;
  2206. }
  2208. .form-group {
  2209.     margin-bottom: 25px;
  2210. }
  2212. .form-row {
  2213.     display: flex;
  2214.     gap: 20px;
  2215.     margin-bottom: 0;
  2216. }
  2218. .form-group-half {
  2219.     flex: 1;
  2220.     margin-bottom: 25px;
  2221. }
  2223. .form-label {
  2224.     display: block;
  2225.     font-size: 16px;
  2226.     font-weight: 700;
  2227.     color: #2d3748;
  2228.     margin-bottom: 10px;
  2229. }
  2231. .form-label .required {
  2232.     color: #e53e3e;
  2233.     margin-left: 4px;
  2234. }
  2236. .form-control {
  2237.     width: 100%;
  2238.     padding: 14px 18px;
  2239.     font-size: 16px;
  2240.     color: #2d3748 !important;
  2241.     background-color: #f7fafc !important;
  2242.     border: 2px solid #e2e8f0 !important;
  2243.     border-radius: 12px !important;
  2244.     transition: all 0.3s ease !important;
  2245. }
  2247. .form-control:focus {
  2248.     outline: none !important;
  2249.     border-color: #667eea !important;
  2250.     background-color: #ffffff !important;
  2251.     box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
  2252. }
  2254. textarea.form-control {
  2255.     min-height: 120px;
  2256.     resize: vertical;
  2257. }
  2259. /* 送信ボタン */
  2260. .submit-section {
  2261.     margin-top: 40px;
  2262.     text-align: center;
  2263.     display: none;
  2264. }
  2266. .submit-section.active {
  2267.     display: block;
  2268.     animation: fadeIn 0.3s ease;
  2269. }
  2271. .submit-btn {
  2272.     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  2273.     color: #ffffff;
  2274.     font-size: 18px;
  2275.     font-weight: 700;
  2276.     padding: 18px 60px;
  2277.     border: none;
  2278.     border-radius: 50px;
  2279.     cursor: pointer;
  2280.     transition: all 0.3s ease;
  2281.     box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);
  2282. }
  2284. .submit-btn:hover {
  2285.     transform: translateY(-2px);
  2286.     box-shadow: 0 12px 32px rgba(102, 126, 234, 0.5);
  2287. }
  2289. .submit-btn:disabled {
  2290.     background: #cbd5e0;
  2291.     cursor: not-allowed;
  2292.     box-shadow: none;
  2293. }
  2295. /* ローディング */
  2296. .loading {
  2297.     text-align: center;
  2298.     padding: 40px;
  2299.     display: none;
  2300. }
  2302. .loading.active {
  2303.     display: block;
  2304. }
  2306. .loading-spinner {
  2307.     border: 4px solid #e2e8f0;
  2308.     border-top: 4px solid #667eea;
  2309.     border-radius: 50%;
  2310.     width: 50px;
  2311.     height: 50px;
  2312.     animation: spin 1s linear infinite;
  2313.     margin: 0 auto 20px;
  2314. }
  2316. @keyframes spin {
  2317.     0% { transform: rotate(0deg); }
  2318.     100% { transform: rotate(360deg); }
  2319. }
  2321. /* 完了メッセージ */
  2322. .complete-message {
  2323.     text-align: center;
  2324.     padding: 60px 40px;
  2325.     display: none;
  2326. }
  2328. .complete-message.active {
  2329.     display: block;
  2330.     animation: fadeIn 0.5s ease;
  2331. }
  2333. .complete-icon {
  2334.     font-size: 72px;
  2335.     color: #48bb78;
  2336.     margin-bottom: 20px;
  2337. }
  2339. .complete-title {
  2340.     font-size: 28px;
  2341.     font-weight: 700;
  2342.     color: #2d3748;
  2343.     margin-bottom: 15px;
  2344. }
  2346. .complete-text {
  2347.     font-size: 16px;
  2348.     color: #718096;
  2349.     line-height: 1.8;
  2350. }
  2352. /* 注意事項 */
  2353. .notice-text {
  2354.     margin-top: 20px;
  2355.     padding: 15px 20px;
  2356.     background-color: #fffbeb;
  2357.     border-left: 4px solid #f59e0b;
  2358.     border-radius: 4px;
  2359.     color: #92400e;
  2360.     font-size: 14px;
  2361.     line-height: 1.7;
  2362. }
  2364. /* フリーエリア */
  2365. .nz-free-area {
  2366.     max-width: 1200px;
  2367.     margin: 40px auto;
  2368.     padding: 0 20px;
  2369.     text-align: center;
  2370. }
  2372. .nz-free-area h2 {
  2373.     font-size: 28px;
  2374.     font-weight: 700;
  2375.     color: #2d3748;
  2376.     margin-bottom: 20px;
  2377.     text-align: center;
  2378. }
  2380. .nz-free-area h3 {
  2381.     font-size: 22px;
  2382.     font-weight: 600;
  2383.     color: #4a5568;
  2384.     margin: 30px 0 15px;
  2385.     text-align: left;
  2386. }
  2388. .nz-free-area p {
  2389.     font-size: 16px;
  2390.     color: #718096;
  2391.     line-height: 1.8;
  2392.     margin-bottom: 15px;
  2393.     text-align: left;
  2394. }
  2396. .nz-free-area img {
  2397.     max-width: 100%;
  2398.     height: auto;
  2399.     border-radius: 8px;
  2400.     margin: 20px 0;
  2401. }
  2403. .nz-free-area .btn {
  2404.     display: inline-block;
  2405.     width: 100%;
  2406.     max-width: 400px;
  2407.     padding: 18px 30px;
  2408.     background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  2409.     color: white !important;
  2410.     text-decoration: none;
  2411.     border-radius: 16px;
  2412.     font-weight: 700;
  2413.     font-size: 18px;
  2414.     text-align: center;
  2415.     transition: all 0.3s ease;
  2416.     border: none;
  2417.     cursor: pointer;
  2418.     box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
  2419. }
  2421. .nz-free-area .btn:hover {
  2422.     background: linear-gradient(135deg, #059669 0%, #047857 100%);
  2423.     transform: translateY(-2px);
  2424.     box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
  2425. }
  2427. /* 購入セクション */
  2428. .purchase-section {
  2429.     margin-bottom: 40px;
  2430. }
  2432. .purchase-card {
  2433.     background: #ffffff;
  2434.     border: none;
  2435.     border-radius: 0;
  2436.     padding: 20px 0;
  2437.     text-align: center;
  2438. }
  2440. .purchase-btn {
  2441.     width: 100%;
  2442.     max-width: 400px;
  2443.     padding: 18px;
  2444.     background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  2445.     color: white;
  2446.     border: none;
  2447.     border-radius: 12px;
  2448.     font-size: 18px;
  2449.     font-weight: 700;
  2450.     cursor: pointer;
  2451.     transition: all 0.3s ease;
  2452.     box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
  2453.     margin-bottom: 15px;
  2454. }
  2456. .purchase-btn:hover {
  2457.     transform: translateY(-2px);
  2458.     box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4);
  2459. }
  2461. .purchase-btn:active {
  2462.     transform: translateY(0);
  2463. }
  2465. .purchase-notice {
  2466.     margin-top: 15px;
  2467.     padding: 15px;
  2468.     background-color: #f0fdf4;
  2469.     border-radius: 8px;
  2470.     color: #065f46;
  2471.     font-size: 14px;
  2472.     line-height: 1.7;
  2473. }
  2475. /* スマホ用固定サマリー：PC/タブレットでは非表示 */
  2476. .estimate-summary-sticky {
  2477.     display: none;
  2478. }
  2480. /* ==================== レスポンシブ対応 ==================== */
  2482. @media (max-width: 768px) {
  2483.     /* コンテナ */
  2484.     .estimate-container {
  2485.         padding: 10px;
  2486.     }
  2487.     
  2488.     /* ヘッダー */
  2489.     .estimate-header {
  2490.         padding: 20px 10px;
  2491.         margin-bottom: 15px;
  2492.     }
  2493.     
  2494.     .estimate-header h1 {
  2495.         font-size: 20px;
  2496.     }
  2497.     
  2498.     .estimate-header p {
  2499.         font-size: 13px;
  2500.     }
  2501.     
  2502.     /* カテゴリセクション */
  2503.     .category-section {
  2504.         padding: 15px;
  2505.         margin-bottom: 12px;
  2506.         width: 100%;
  2507.         box-sizing: border-box;
  2508.     }
  2509.     
  2510.     .category-row {
  2511.         display: flex;
  2512.         flex-direction: column;
  2513.         gap: 10px;
  2514.         width: 100%;
  2515.         max-width: 100%;
  2516.         box-sizing: border-box;
  2517.     }
  2518.     
  2519.     .category-header {
  2520.         flex-direction: row;
  2521.         align-items: center;
  2522.         gap: 10px;
  2523.         margin-bottom: 0;
  2524.         width: 100%;
  2525.     }
  2526.     
  2527.     .category-name {
  2528.         font-size: 16px;
  2529.     }
  2530.     
  2531.     .required-badge {
  2532.         font-size: 11px;
  2533.         padding: 3px 8px;
  2534.     }
  2535.     
  2536.     /* セレクトボックス */
  2537.     .parts-select {
  2538.         font-size: 15px;
  2539.         padding: 12px 35px 12px 12px;
  2540.         margin-top: 0;
  2541.         width: 100% !important;
  2542.         max-width: 100% !important;
  2543.         flex: none;
  2544.     }
  2545.     
  2546.     /* 見積もりサマリー */
  2547.     .estimate-summary {
  2548.         padding: 15px;
  2549.         margin-bottom: 15px;
  2550.     }
  2551.     
  2552.     .summary-note {
  2553.         font-size: 12px;
  2554.     }
  2555.     
  2556.     .summary-total {
  2557.         flex-direction: row;
  2558.         align-items: center;
  2559.         gap: 15px;
  2560.         padding: 12px 0;
  2561.     }
  2562.     
  2563.     .summary-total-label {
  2564.         font-size: 15px;
  2565.     }
  2566.     
  2567.     .summary-total-price {
  2568.         font-size: 24px;
  2569.         text-align: right;
  2570.     }
  2571.     
  2572.     /* 購入セクション */
  2573.     .purchase-section {
  2574.         margin-bottom: 15px;
  2575.     }
  2576.     
  2577.     .purchase-card {
  2578.         padding: 15px;
  2579.     }
  2580.     
  2581.     .purchase-btn {
  2582.         max-width: 100%;
  2583.         font-size: 15px;
  2584.         padding: 14px;
  2585.     }
  2586.     
  2587.     .purchase-notice {
  2588.         font-size: 12px;
  2589.         padding: 10px;
  2590.         margin-top: 10px;
  2591.     }
  2592.     
  2593.     /* お客様情報フォーム */
  2594.     .customer-form {
  2595.         padding: 15px;
  2596.         margin-top: 15px;
  2597.     }
  2598.     
  2599.     .customer-form h3 {
  2600.         font-size: 16px;
  2601.         margin-bottom: 12px;
  2602.     }
  2603.     
  2604.     .form-row {
  2605.         flex-direction: column;
  2606.         gap: 0;
  2607.     }
  2608.     
  2609.     .form-group {
  2610.         margin-bottom: 15px;
  2611.     }
  2612.     
  2613.     .form-label {
  2614.         font-size: 14px;
  2615.         margin-bottom: 6px;
  2616.     }
  2617.     
  2618.     .form-control {
  2619.         padding: 10px 12px;
  2620.         font-size: 15px;
  2621.     }
  2622.     
  2623.     textarea.form-control {
  2624.         min-height: 80px;
  2625.     }
  2626.     
  2627.     /* 送信ボタン */
  2628.     .submit-section {
  2629.         padding: 15px;
  2630.         margin-top: 15px;
  2631.     }
  2632.     
  2633.     .submit-btn {
  2634.         padding: 14px;
  2635.         font-size: 15px;
  2636.     }
  2637.     
  2638.     /* 必須警告 */
  2639.     .required-warning {
  2640.         padding: 10px;
  2641.         font-size: 12px;
  2642.         margin: 10px 0;
  2643.     }
  2644.     
  2645.     /* フリーエリア */
  2646.     .nz-free-area {
  2647.         padding: 20px 15px;
  2648.         font-size: 14px;
  2649.     }
  2650.     
  2651.     .nz-free-area h2 {
  2652.         font-size: 20px;
  2653.     }
  2654.     
  2655.     .nz-free-area h3 {
  2656.         font-size: 18px;
  2657.     }
  2658. }
  2660. @media (max-width: 480px) {
  2661.     /* さらに小さい画面用 */
  2662.     .estimate-container {
  2663.         padding: 8px;
  2664.     }
  2665.     
  2666.     .estimate-header {
  2667.         padding: 15px 8px;
  2668.     }
  2669.     
  2670.     .estimate-header h1 {
  2671.         font-size: 18px;
  2672.     }
  2673.     
  2674.     .estimate-header p {
  2675.         font-size: 12px;
  2676.     }
  2677.     
  2678.     .category-section {
  2679.         padding: 12px;
  2680.         margin-bottom: 10px;
  2681.     }
  2682.     
  2683.     .category-row {
  2684.         display: flex;
  2685.         flex-direction: column;
  2686.         gap: 8px;
  2687.     }
  2688.     
  2689.     .category-name {
  2690.         font-size: 15px;
  2691.     }
  2692.     
  2693.     .parts-select {
  2694.         font-size: 14px;
  2695.         padding: 10px 30px 10px 10px;
  2696.         width: 100% !important;
  2697.         max-width: 100% !important;
  2698.         flex: none;
  2699.     }
  2700.     
  2701.     .estimate-summary {
  2702.         padding: 12px;
  2703.     }
  2704.     
  2705.     .summary-title {
  2706.         font-size: 15px;
  2707.     }
  2708.     
  2709.     .summary-total {
  2710.         padding: 16px 20px !important;
  2711.         border-radius: 12px;
  2712.     }
  2713.     
  2714.     .summary-total-label {
  2715.         font-size: 18px !important;
  2716.     }
  2717.     
  2718.     .summary-total-price {
  2719.         font-size: 26px !important;
  2720.     }
  2721.     
  2722.     /* スマホ用：下部固定サマリー（クローン） */
  2723.     .estimate-summary-sticky {
  2724.         display: none; /* 初期状態では非表示 */
  2725.         position: fixed;
  2726.         bottom: 0;
  2727.         left: 0;
  2728.         right: 0;
  2729.         background: linear-gradient(135deg, #a8b3ff 0%, #d4a5ff 100%);
  2730.         box-shadow: 0 -4px 12px rgba(168, 179, 255, 0.4);
  2731.         z-index: 9999;
  2732.         padding: 8px 16px;
  2733.     }
  2734.     
  2735.     .estimate-summary-sticky.visible {
  2736.         display: block !important; /* スクロールで表示 */
  2737.     }
  2738.     
  2739.     .estimate-summary-sticky .summary-total {
  2740.         margin: 0;
  2741.         padding: 0;
  2742.         border-top: none;
  2743.         display: flex;
  2744.         justify-content: space-between;
  2745.         align-items: center;
  2746.         background: transparent;
  2747.         box-shadow: none;
  2748.         border-radius: 0;
  2749.     }
  2750.     
  2751.     .estimate-summary-sticky .summary-total-label {
  2752.         font-size: 14px;
  2753.         font-weight: 700;
  2754.         color: #ffffff;
  2755.     }
  2756.     
  2757.     .estimate-summary-sticky .summary-total-price {
  2758.         font-size: 20px;
  2759.         font-weight: 800;
  2760.         color: #ffffff;
  2761.         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  2762.     }
  2763.     
  2764.     /* コンテンツが固定サマリーに隠れないよう余白 */
  2765.     body.sticky-summary-active {
  2766.         padding-bottom: 50px;
  2767.     }
  2768.     
  2769.     .purchase-card {
  2770.         padding: 12px;
  2771.     }
  2772.     
  2773.     .purchase-btn {
  2774.         font-size: 14px;
  2775.         padding: 12px;
  2776.     }
  2777.     
  2778.     .customer-form {
  2779.         padding: 12px;
  2780.     }
  2781.     
  2782.     .form-group {
  2783.         margin-bottom: 12px;
  2784.     }
  2785.     
  2786.     .submit-section {
  2787.         padding: 12px;
  2788.     }
  2789. }
  2790. </style>
  2792. <div class=\"nz-estimate-wrapper\">
  2793.     <div class=\"nz-estimate-card\">
  2794.         <div class=\"nz-estimate-header\">
  2795.             <h1 class=\"nz-estimate-title\">
  2796.                 {% if config.pageTitle %}
  2797.                     {{ config.pageTitle|replace({'&lt;': '<', '&gt;': '>', '&quot;': '\"', '&#039;': \"'\", '&amp;': '&'})|raw }}
  2798.                 {% else %}
  2799.                     見積もりシミュレーター
  2800.                 {% endif %}
  2801.             </h1>
  2802.             <div class=\"nz-estimate-description\">
  2803.                 {% if config.pageDescription %}
  2804.                     {{ config.pageDescription|replace({'&lt;': '<', '&gt;': '>', '&quot;': '\"', '&#039;': \"'\", '&amp;': '&'})|raw }}
  2805.                 {% else %}
  2806.                     パーツを選択して、お見積もりを作成いただけます。
  2807.                 {% endif %}
  2808.             </div>
  2809.         </div>
  2811.         <div class=\"nz-estimate-body\">
  2812.             {% for item in categoriesWithParts %}
  2813.                 <div class=\"category-section\" data-category-id=\"{{ item.category.id }}\">
  2814.                     <div class=\"category-row\">
  2815.                         <div class=\"category-header\">
  2816.                             <h2 class=\"category-title\">{{ item.category.name }}</h2>
  2817.                             {% if item.category.isRequired %}
  2818.                                 <span class=\"category-required-badge\">必須</span>
  2819.                             {% else %}
  2820.                                 <span class=\"category-optional-badge\">任意</span>
  2821.                             {% endif %}
  2822.                         </div>
  2823.                         
  2824.                         {# パーツを選択 #}
  2825.                         <select class=\"parts-select\" 
  2826.                                 data-category-id=\"{{ item.category.id }}\" 
  2827.                                 data-required=\"{{ item.category.isRequired ? '1' : '0' }}\"
  2828.                                 data-category-name=\"{{ item.category.name }}\">
  2829.                             <option value=\"\">選択してください</option>
  2830.                             {% for parts in item.parts %}
  2831.                                 <option value=\"{{ parts.id }}\" 
  2832.                                         data-price=\"{{ parts.price }}\"
  2833.                                         data-name=\"{{ parts.productName }}\"
  2834.                                         data-child-category-id=\"{{ parts.childCategoryId ? parts.childCategoryId : '' }}\"
  2835.                                         data-child-filter-keywords=\"{{ parts.childFilterKeywords ? parts.childFilterKeywords : '' }}\">
  2836.                                     {{ parts.productName }}
  2837.                                 </option>
  2838.                             {% endfor %}
  2839.                         </select>
  2840.                     </div>
  2841.                 </div>
  2842.             {% endfor %}
  2843.             
  2844.             {# 全パーツデータをJavaScript用に埋め込み #}
  2845.             <script type=\"application/json\" id=\"allPartsData\">
  2846.             [
  2847.                 {% for item in categoriesWithParts %}
  2848.                     {% for parts in item.parts %}
  2849.                     {
  2850.                         \"id\": {{ parts.id }},
  2851.                         \"category_id\": {{ item.category.id }},
  2852.                         \"category_name\": {{ item.category.name|json_encode|raw }},
  2853.                         \"name\": {{ parts.productName|json_encode|raw }},
  2854.                         \"model_number\": {{ parts.modelNumber|default('')|json_encode|raw }},
  2855.                         \"price\": {{ parts.price }},
  2856.                         \"child_category_id\": {{ parts.childCategoryId ? parts.childCategoryId|json_encode|raw : 'null' }},
  2857.                         \"child_filter_keywords\": {{ parts.childFilterKeywords ? parts.childFilterKeywords|json_encode|raw : 'null' }}
  2858.                     }{% if not loop.parent.loop.last or not loop.last %},{% endif %}
  2859.                     {% endfor %}
  2860.                 {% endfor %}
  2861.             ]
  2862.             </script>
  2863.             
  2864.             {# カテゴリデータをJavaScriptに埋め込み（子カテゴリを含むすべて） #}
  2865.             <script type=\"application/json\" id=\"allCategoriesData\">
  2866.             [
  2867.                 {% for item in allCategoriesWithParts %}
  2868.                 {
  2869.                     \"id\": {{ item.category.id }},
  2870.                     \"name\": {{ item.category.name|json_encode|raw }},
  2871.                     \"is_required\": {{ item.category.isRequired ? 'true' : 'false' }},
  2872.                     \"parts\": [
  2873.                         {% for parts in item.parts %}
  2874.                         {
  2875.                             \"id\": {{ parts.id }},
  2876.                             \"name\": {{ parts.productName|json_encode|raw }},
  2877.                             \"model_number\": {{ parts.modelNumber|default('')|json_encode|raw }},
  2878.                             \"price\": {{ parts.price }},
  2879.                             \"child_category_id\": {{ parts.childCategoryId ? parts.childCategoryId|json_encode|raw : 'null' }},
  2880.                             \"child_filter_keywords\": {{ parts.childFilterKeywords ? parts.childFilterKeywords|json_encode|raw : 'null' }}
  2881.                         }{% if not loop.last %},{% endif %}
  2882.                         {% endfor %}
  2883.                     ]
  2884.                 }{% if not loop.last %},{% endif %}
  2885.                 {% endfor %}
  2886.             ]
  2887.             </script>
  2889.             <!-- 見積もりサマリー（常時表示） -->
  2890.             <div class=\"estimate-summary\">
  2891.                 <div class=\"summary-header\">
  2892.                     <div class=\"summary-note\">※ 必須項目をすべて選択すると金額が表示されます</div>
  2893.                 </div>
  2894.                 
  2895.                 <!-- 必須項目未選択警告 -->
  2896.                 <div class=\"required-warning\" id=\"requiredWarning\">
  2897.                     <div class=\"required-warning-text\">
  2898.                         ⚠️ 必須カテゴリをすべて選択してください
  2899.                     </div>
  2900.                 </div>
  2901.                 
  2902.                 <div class=\"summary-total\">
  2903.                     <div class=\"summary-total-label\">合計金額</div>
  2904.                     <div class=\"summary-total-price\" id=\"totalPriceArea\">
  2905.                         ¥<span id=\"totalPrice\">---</span>
  2906.                     </div>
  2907.                 </div>
  2908.             </div>
  2910.             <!-- スマホ用：下部固定サマリー -->
  2911.             <div class=\"estimate-summary-sticky\" id=\"stickySummary\">
  2912.                 <div class=\"summary-total\">
  2913.                     <div class=\"summary-total-label\">合計金額</div>
  2914.                     <div class=\"summary-total-price\">
  2915.                         ¥<span id=\"stickyTotalPrice\">---</span>
  2916.                     </div>
  2917.                 </div>
  2918.             </div>
  2920.             <!-- 今すぐ購入セクション -->
  2921.             <div class=\"purchase-section\" id=\"purchaseSection\" style=\"display: none;\">
  2922.                 <div class=\"purchase-card\">
  2923.                     <button type=\"button\" class=\"purchase-btn\" id=\"purchaseBtn\">
  2924.                         🛒 すぐに購入
  2925.                     </button>
  2926.                     
  2927.                     {% if config.purchaseNoticeText %}
  2928.                     <div class=\"purchase-notice\">
  2929.                         {{ config.purchaseNoticeText|nl2br }}
  2930.                     </div>
  2931.                     {% endif %}
  2932.                 </div>
  2933.             </div>
  2935.             <!-- お客様情報フォーム -->
  2936.             <div class=\"customer-form\" id=\"customerForm\">
  2937.                 <h3>お客様情報</h3>
  2938.                 <form id=\"estimateForm\">
  2939.                     <div class=\"form-row\">
  2940.                         <div class=\"form-group form-group-half\">
  2941.                             <label class=\"form-label\">
  2942.                                 お名前<span class=\"required\">*</span>
  2943.                             </label>
  2944.                             <input type=\"text\" name=\"name\" class=\"form-control\" required>
  2945.                         </div>
  2946.                         
  2947.                         <div class=\"form-group form-group-half\">
  2948.                             <label class=\"form-label\">
  2949.                                 電話番号<span class=\"required\">*</span>
  2950.                             </label>
  2951.                             <input type=\"tel\" name=\"tel\" class=\"form-control\" required>
  2952.                         </div>
  2953.                     </div>
  2954.                     
  2955.                     <div class=\"form-group\">
  2956.                         <label class=\"form-label\">
  2957.                             メールアドレス<span class=\"required\">*</span>
  2958.                         </label>
  2959.                         <input type=\"email\" name=\"email\" class=\"form-control\" required>
  2960.                     </div>
  2961.                     
  2962.                     <div class=\"form-group\">
  2963.                         <label class=\"form-label\">ご要望・備考</label>
  2964.                         <textarea name=\"message\" class=\"form-control\" rows=\"3\"></textarea>
  2965.                     </div>
  2966.                 </form>
  2967.             </div>
  2969.             <!-- 送信ボタン -->
  2970.             <div class=\"submit-section\" id=\"submitSection\">
  2971.                 <button type=\"button\" class=\"submit-btn\" id=\"submitBtn\">
  2972.                     見積もり依頼を送信
  2973.                 </button>
  2974.                 
  2975.                 {% if config.noticeText %}
  2976.                 <div class=\"notice-text\">
  2977.                     {{ config.noticeText|nl2br }}
  2978.                 </div>
  2979.                 {% endif %}
  2980.             </div>
  2982.             <!-- ローディング -->
  2983.             <div class=\"loading\" id=\"loading\">
  2984.                 <div class=\"loading-spinner\"></div>
  2985.                 <p>送信中...</p>
  2986.             </div>
  2988.             <!-- 完了メッセージ -->
  2989.             <div class=\"complete-message\" id=\"completeMessage\">
  2990.                 <div class=\"complete-icon\">✓</div>
  2991.                 <div class=\"complete-title\">送信完了</div>
  2992.                 <div class=\"complete-text\">
  2993.                     お見積もり依頼を受け付けました。<br>
  2994.                     担当者より折り返しご連絡いたします。
  2995.                 </div>
  2996.             </div>
  2997.         </div>
  2998.     </div>
  2999. </div>
  3001. <!-- フリーエリア -->
  3002. {% if config.freeAreaHtml %}
  3003. <div class=\"nz-free-area\">
  3004.     {{ config.freeAreaHtml|raw }}
  3005. </div>
  3006. {% endif %}
  3008. <script>
  3009. \$(function() {
  3010.     let selectedParts = [];
  3011.     
  3012.     // 内部料金設定（顧客には非表示）
  3013.     const additionalCharge = {{ config.additionalCharge|default(0) }};
  3014.     const discountRate = {{ config.discountRate|default(0) }};
  3015.     
  3016.     // データ読み込み
  3017.     const allParts = JSON.parse(\$('#allPartsData').text());
  3018.     const allCategories = JSON.parse(\$('#allCategoriesData').text());
  3019.     
  3020.     // 必須カテゴリを取得
  3021.     const requiredCategories = [];
  3022.     allCategories.forEach(function(cat) {
  3023.         if (cat.is_required) {
  3024.             requiredCategories.push(cat.id);
  3025.         }
  3026.     });
  3027.     
  3028.     // パーツ選択時の処理
  3029.     \$(document).on('change', '.parts-select', function() {
  3030.         const \$select = \$(this);
  3031.         const partsId = \$select.val();
  3032.         const categoryId = \$select.data('category-id');
  3033.         const \$currentSection = \$select.closest('.category-section');
  3034.         
  3035.         // 現在のセクションの後続の子カテゴリを削除（アニメーション付き）
  3036.         \$currentSection.nextAll('.category-section.child-category').each(function() {
  3037.             const \$childSection = \$(this);
  3038.             const parentId = \$childSection.data('parent-id');
  3039.             
  3040.             // 現在のカテゴリの子カテゴリのみ削除
  3041.             if (parentId == categoryId) {
  3042.                 \$childSection.removeClass('active').fadeOut(200, function() {
  3043.                     \$(this).remove();
  3044.                 });
  3045.             }
  3046.         });
  3047.         
  3048.         if (!partsId) {
  3049.             updateSummary();
  3050.             return;
  3051.         }
  3052.         
  3053.         // 選択したパーツ情報を取得
  3054.         const parts = allParts.find(p => p.id == partsId);
  3055.         
  3056.         if (!parts) {
  3057.             updateSummary();
  3058.             return;
  3059.         }
  3060.         
  3061.         // 子カテゴリがあるか確認（カンマ区切りで複数対応）
  3062.         if (parts.child_category_id) {
  3063.             const childCategoryIds = parts.child_category_id.toString().split(',').map(id => parseInt(id.trim())).filter(id => id > 0);
  3064.             
  3065.             console.log('========================================');
  3066.             console.log('選択されたパーツ:', parts.name);
  3067.             console.log('子カテゴリID:', childCategoryIds);
  3068.             console.log('フィルタキーワード:', parts.child_filter_keywords);
  3069.             
  3070.             childCategoryIds.forEach(function(childCatId) {
  3071.                 const childCategory = allCategories.find(c => c.id == childCatId);
  3072.                 
  3073.                 console.log('--- 子カテゴリID:', childCatId, '---');
  3074.                 console.log('子カテゴリ名:', childCategory ? childCategory.name : 'NOT FOUND');
  3075.                 
  3076.                 if (childCategory && childCategory.parts.length > 0) {
  3077.                     let filteredParts = childCategory.parts;
  3078.                     
  3079.                     // フィルタキーワードがある場合は絞り込み
  3080.                     if (parts.child_filter_keywords) {
  3081.                         const keywords = parts.child_filter_keywords.split(',').map(k => k.trim().toLowerCase());
  3082.                         
  3083.                         console.log('=== フィルタ実行 ===');
  3084.                         console.log('子カテゴリ:', childCategory.name);
  3085.                         console.log('フィルタキーワード:', keywords);
  3086.                         console.log('全パーツ数:', childCategory.parts.length);
  3087.                         
  3088.                         filteredParts = childCategory.parts.filter(p => {
  3089.                             const searchText = (p.name + ' ' + (p.model_number || '')).toLowerCase();
  3090.                             const matched = keywords.some(kw => searchText.includes(kw));
  3091.                             console.log(`  - \${p.name}: \${matched ? 'マッチ' : '除外'} (検索文字: \${searchText})`);
  3092.                             return matched;
  3093.                         });
  3094.                         
  3095.                         console.log('フィルタ後パーツ数:', filteredParts.length);
  3096.                     }
  3097.                     
  3098.                     // フィルタ後のパーツがある場合のみ子カテゴリを表示
  3099.                     if (filteredParts.length > 0) {
  3100.                         // 子カテゴリセクションを作成
  3101.                         createChildCategorySection({
  3102.                             ...childCategory,
  3103.                             parts: filteredParts
  3104.                         }, categoryId);
  3105.                     }
  3106.                 }
  3107.             });
  3108.         }
  3109.         
  3110.         updateSummary();
  3111.     });
  3112.     
  3113.     // 子カテゴリセクション作成（セレクトボックス形式）
  3114.     function createChildCategorySection(category, parentCategoryId) {
  3115.         const \$parentSection = \$(`.category-section[data-category-id=\"\${parentCategoryId}\"]`);
  3116.         
  3117.         const childHtml = `
  3118.             <div class=\"category-section child-category\" data-category-id=\"\${category.id}\" data-parent-id=\"\${parentCategoryId}\">
  3119.                 <div class=\"category-row\">
  3120.                     <div class=\"category-header\">
  3121.                         <h2 class=\"category-title child\">└ \${category.name}</h2>
  3122.                         \${category.is_required ? '<span class=\"category-required-badge\">必須</span>' : '<span class=\"category-optional-badge\">任意</span>'}
  3123.                     </div>
  3124.                     
  3125.                     <select class=\"parts-select\" 
  3126.                             data-category-id=\"\${category.id}\" 
  3127.                             data-parent-category-id=\"\${parentCategoryId}\"
  3128.                             data-required=\"\${category.is_required ? '1' : '0'}\"
  3129.                             data-category-name=\"\${category.name}\">
  3130.                         \${category.parts.map((p, index) => `
  3131.                             <option value=\"\${p.id}\" 
  3132.                                     data-price=\"\${p.price}\"
  3133.                                     data-name=\"\${p.name}\"
  3134.                                     data-child-category-id=\"\${p.child_category_id || ''}\"
  3135.                                     data-child-filter-keywords=\"\${p.child_filter_keywords || ''}\"
  3136.                                     \${index === 0 ? 'selected' : ''}>
  3137.                                 \${p.name}
  3138.                             </option>
  3139.                         `).join('')}
  3140.                     </select>
  3141.                 </div>
  3142.             </div>
  3143.         `;
  3144.         
  3145.         \$parentSection.after(childHtml);
  3146.         
  3147.         // 挿入後、activeクラスを追加してスライド表示
  3148.         setTimeout(function() {
  3149.             \$(`.child-category[data-parent-id=\"\${parentCategoryId}\"]`).addClass('active');
  3150.         }, 10);
  3151.     }
  3152.     
  3153.     // サマリー更新
  3154.     function updateSummary() {
  3155.         const items = [];
  3156.         const selectedCategories = new Set();
  3157.         let total = 0;
  3158.         
  3159.         // すべてのセレクトボックスを取得
  3160.         \$('.parts-select').each(function() {
  3161.             const \$select = \$(this);
  3162.             const value = \$select.val();
  3163.             
  3164.             if (value && value !== '') {
  3165.                 const selectedOption = \$select.find('option:selected');
  3166.                 const categoryId = \$select.data('category-id');
  3167.                 const parentCategoryId = \$select.data('parent-category-id');
  3168.                 const categoryName = \$select.data('category-name');
  3169.                 const price = Math.floor(parseFloat(selectedOption.data('price'))); // 小数点以下切り捨て
  3170.                 const name = selectedOption.data('name');
  3171.                 
  3172.                 items.push({
  3173.                     parts_id: value,
  3174.                     category_name: categoryName,
  3175.                     name: name,
  3176.                     price: price
  3177.                 });
  3178.                 
  3179.                 // 必須カテゴリの判定: 子カテゴリの場合は親カテゴリIDを、そうでない場合は自身のIDを使用
  3180.                 const checkCategoryId = parentCategoryId || categoryId;
  3181.                 if (checkCategoryId) {
  3182.                     selectedCategories.add(parseInt(checkCategoryId));
  3183.                 }
  3184.                 total += price;
  3185.             }
  3186.         });
  3187.         
  3188.         selectedParts = items;
  3189.         
  3190.         // 必須カテゴリがすべて選択されているかチェック
  3191.         const allRequiredSelected = requiredCategories.every(catId => selectedCategories.has(catId));
  3192.         
  3193.         if (items.length > 0) {
  3194.             // 合計金額の表示
  3195.             if (allRequiredSelected) {
  3196.                 // 内部料金計算: 合計 = パーツ合計 × (1 - 割引率/100) + 追加料金
  3197.                 let finalTotal = total * (1 - discountRate / 100) + additionalCharge;
  3198.                 finalTotal = Math.round(finalTotal); // 四捨五入
  3199.                 
  3200.                 \$('#totalPrice').text(finalTotal.toLocaleString());
  3201.                 \$('#stickyTotalPrice').text(finalTotal.toLocaleString()); // 固定サマリーも更新
  3202.                 \$('#totalPriceArea').removeClass('hidden');
  3203.                 \$('#requiredWarning').removeClass('active');
  3204.                 \$('#customerForm').addClass('active');
  3205.                 \$('#submitSection').addClass('active');
  3206.                 \$('#purchaseSection').show();
  3207.             } else {
  3208.                 \$('#totalPrice').text('---');
  3209.                 \$('#stickyTotalPrice').text('---'); // 固定サマリーもクリア
  3210.                 \$('#totalPriceArea').addClass('hidden');
  3211.                 \$('#requiredWarning').addClass('active');
  3212.                 \$('#customerForm').removeClass('active');
  3213.                 \$('#submitSection').removeClass('active');
  3214.                 \$('#purchaseSection').hide();
  3215.             }
  3216.         } else {
  3217.             \$('#totalPrice').text('---');
  3218.             \$('#stickyTotalPrice').text('---'); // 固定サマリーもクリア
  3219.             \$('#totalPriceArea').addClass('hidden');
  3220.             \$('#requiredWarning').removeClass('active');
  3221.             \$('#customerForm').removeClass('active');
  3222.             \$('#submitSection').removeClass('active');
  3223.             \$('#purchaseSection').hide();
  3224.         }
  3225.     }
  3226.     
  3227.     // 送信
  3228.     \$('#submitBtn').on('click', function() {
  3229.         if (selectedParts.length === 0) {
  3230.             alert('パーツを選択してください。');
  3231.             return;
  3232.         }
  3233.         
  3234.         const form = \$('#estimateForm')[0];
  3235.         if (!form.checkValidity()) {
  3236.             form.reportValidity();
  3237.             return;
  3238.         }
  3239.         
  3240.         const formData = new FormData(form);
  3241.         formData.append('items', JSON.stringify(selectedParts));
  3242.         
  3243.         \$('#submitBtn').prop('disabled', true);
  3244.         \$('#loading').addClass('active');
  3245.         
  3246.         \$.ajax({
  3247.             url: '{{ url('nz_estimate_simulator_send') }}',
  3248.             type: 'POST',
  3249.             data: formData,
  3250.             processData: false,
  3251.             contentType: false,
  3252.             headers: {
  3253.                 'x-csrf-token': \$('meta[name=\"x-csrf-token\"]').attr('content')
  3254.             },
  3255.             success: function(response) {
  3256.                 \$('#loading').removeClass('active');
  3257.                 
  3258.                 if (response.success) {
  3259.                     \$('.category-section, .estimate-summary, .customer-form, .submit-section').hide();
  3260.                     \$('#completeMessage').addClass('active');
  3261.                 } else {
  3262.                     alert(response.message || '送信に失敗しました。');
  3263.                     \$('#submitBtn').prop('disabled', false);
  3264.                 }
  3265.             },
  3266.             error: function(xhr, status, error) {
  3267.                 \$('#loading').removeClass('active');
  3268.                 
  3269.                 let errorMessage = '送信中にエラーが発生しました。';
  3270.                 
  3271.                 if (xhr.responseJSON && xhr.responseJSON.message) {
  3272.                     errorMessage = xhr.responseJSON.message;
  3273.                 } else if (xhr.status === 0) {
  3274.                     errorMessage = 'ネットワークエラーが発生しました。インターネット接続を確認してください。';
  3275.                 } else if (xhr.status === 500) {
  3276.                     errorMessage = 'サーバーエラーが発生しました。しばらく時間をおいて再度お試しください。';
  3277.                 } else if (xhr.status === 403) {
  3278.                     errorMessage = 'セキュリティエラーが発生しました。ページを再読み込みして再度お試しください。';
  3279.                 }
  3280.                 
  3281.                 alert(errorMessage);
  3282.                 console.error('Error details:', {
  3283.                     status: xhr.status,
  3284.                     statusText: xhr.statusText,
  3285.                     responseText: xhr.responseText,
  3286.                     error: error
  3287.                 });
  3288.                 
  3289.                 \$('#submitBtn').prop('disabled', false);
  3290.             }
  3291.         });
  3292.     });
  3294.     // 今すぐ購入ボタン
  3295.     \$('#purchaseBtn').on('click', function(e) {
  3296.         e.preventDefault();
  3297.         
  3298.         console.log('購入ボタンがクリックされました');
  3299.         
  3300.         if (selectedParts.length === 0) {
  3301.             alert('パーツが選択されていません');
  3302.             return;
  3303.         }
  3305.         // パーツ合計を計算
  3306.         const partsTotal = Math.floor(selectedParts.reduce((sum, item) => sum + item.price, 0));
  3307.         
  3308.         // 内部料金調整を適用: 合計 = パーツ合計 × (1 - 割引率/100) + 追加料金
  3309.         let finalTotal = partsTotal * (1 - discountRate / 100) + additionalCharge;
  3310.         finalTotal = Math.floor(finalTotal); // 小数点以下切り捨て
  3312.         console.log('カート追加:', {
  3313.             partsTotal: partsTotal,
  3314.             discountRate: discountRate,
  3315.             additionalCharge: additionalCharge,
  3316.             finalTotal: finalTotal,
  3317.             selectedParts: selectedParts
  3318.         });
  3320.         // ボタンを無効化
  3321.         \$(this).prop('disabled', true).text('商品作成中...');
  3323.         // カートに追加リクエスト
  3324.         const ajaxUrl = '/estimate_simulator/add_to_cart';
  3325.         console.log('AJAX URL:', ajaxUrl);
  3326.         
  3327.         \$.ajax({
  3328.             url: ajaxUrl,
  3329.             type: 'POST',
  3330.             contentType: 'application/json',
  3331.             data: JSON.stringify({
  3332.                 selected_parts: selectedParts,
  3333.                 total_price: finalTotal
  3334.             }),
  3335.             beforeSend: function() {
  3336.                 console.log('AJAXリクエスト送信開始');
  3337.             },
  3338.             success: function(response) {
  3339.                 console.log('AJAX成功:', response);
  3340.                 if (response.success) {
  3341.                     console.log('リダイレクト開始:', response.product_url);
  3342.                     
  3343.                     // 複数の方法でリダイレクトを試行
  3344.                     try {
  3345.                         window.location.href = response.product_url;
  3346.                     } catch(e) {
  3347.                         console.error('location.href失敗:', e);
  3348.                         try {
  3349.                             window.location.assign(response.product_url);
  3350.                         } catch(e2) {
  3351.                             console.error('location.assign失敗:', e2);
  3352.                             window.location.replace(response.product_url);
  3353.                         }
  3354.                     }
  3355.                 } else {
  3356.                     alert(response.message || '商品作成に失敗しました');
  3357.                     \$('#purchaseBtn').prop('disabled', false).text('🛒 すぐに購入');
  3358.                 }
  3359.             },
  3360.             error: function(xhr, status, error) {
  3361.                 console.log('AJAXエラー:', {status: xhr.status, error: error, responseText: xhr.responseText});
  3362.                 let errorMessage = '商品作成中にエラーが発生しました';
  3363.                 if (xhr.responseJSON && xhr.responseJSON.message) {
  3364.                     errorMessage = xhr.responseJSON.message;
  3365.                 }
  3366.                 alert(errorMessage);
  3367.                 \$('#purchaseBtn').prop('disabled', false).text('🛒 すぐに購入');
  3368.             }
  3369.         });
  3370.     });
  3371.     
  3372.     // スマホ用：スクロール検知で固定サマリーを表示/非表示
  3373.     function initStickySummary() {
  3374.         if (window.innerWidth > 768) {
  3375.             return; // タブレット以上は無効
  3376.         }
  3377.         
  3378.         const \$originalSummary = \$('.estimate-summary').first();
  3379.         const \$stickySummary = \$('#stickySummary');
  3380.         
  3381.         if (\$originalSummary.length === 0 || \$stickySummary.length === 0) {
  3382.             return;
  3383.         }
  3384.         
  3385.         function checkSummaryPosition() {
  3386.             const summaryTop = \$originalSummary.offset().top;
  3387.             const summaryBottom = summaryTop + \$originalSummary.outerHeight();
  3388.             const scrollTop = \$(window).scrollTop();
  3389.             const windowBottom = scrollTop + \$(window).height();
  3390.             
  3391.             // 元のサマリーが画面外に出たら固定サマリーを表示
  3392.             if (summaryBottom < scrollTop || summaryTop > windowBottom) {
  3393.                 \$stickySummary.addClass('visible');
  3394.                 \$('body').addClass('sticky-summary-active');
  3395.             } else {
  3396.                 \$stickySummary.removeClass('visible');
  3397.                 \$('body').removeClass('sticky-summary-active');
  3398.             }
  3399.         }
  3400.         
  3401.         \$(window).on('scroll', checkSummaryPosition);
  3402.         \$(window).on('resize', checkSummaryPosition);
  3403.         
  3404.         // 初回チェック（少し遅延させる）
  3405.         setTimeout(checkSummaryPosition, 500);
  3406.     }
  3407.     
  3408.     // DOMが完全に読み込まれた後に初期化
  3409.     initStickySummary();
  3410. });
  3411. </script>
  3412. {% endblock %}
  3413. ", "@NZEstimateSystem42/default/simulator.twig", "/home/noie373zam/public_html/noiezam-ec/app/Plugin/NZEstimateSystem42/Resource/template/default/simulator.twig");
  3414.     }
  3415. }