app/template/user_data/construction.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% form_theme form 'Form/form_div_layout.twig' %}
  5. {% block stylesheet %}
  6.     <style>
  7.         .form-check.flex{
  8.             display: flex; 
  9.             align-items: center; 
  10.             flex-wrap: wrap; 
  11.             gap: 5px;
  12.         }
  13.     </style>
  14. {% endblock %}
  16. {% block javascript %}
  17.     <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
  19.     <script>
  20.         var CountTatami = {
  21.             countType1: 0, //6-14
  22.             countType2: 0, //16-20
  23.             countType3: 0, //23-
  24.         };
  26.         var CountTatamiAll = {
  27.             countType1: 0, //6-14
  28.             countType2: 0, //16-20
  29.             countType3: 0, //23-
  30.         };
  32.         var CountTatamiLoan = {
  33.             countType1: 0, //6-14
  34.             countType2: 0, //16-20
  35.             countType3: 0, //23-
  36.         };
  39.         $(function() {
  40.             SetRequiredContent();
  41.             SetRequiredContent1();
  42.             SetRequiredContent2("construction_type_07", "交換", ".construction_type_07_02_v1");
  43.             SetRequiredContent2("construction_type_07", "新設工事に加えて移設工事も希望", ".construction_type_07_02_v2");
  44.             SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  45.             SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  46.             SetRequiredContent2("construction_type_07_03_v1", "移設6～14畳（取外し含む）", ".construction_type_07_04_v1");
  47.             SetRequiredContent2("construction_type_07_03_v1", "移設16～20畳（取外し含む）", ".construction_type_07_04_v2");
  48.             SetRequiredContent2("construction_type_07_03_v1", "移設23畳～（取外し含む）", ".construction_type_07_04_v3");
  49.             SetRequiredContent2("electrical_outlet_07", "あり", ".electrical_outlet_07_02");
  50.             SetRequiredContent2("room_size_07", "なし", ".room_size_07_02");
  51.             SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  52.             SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  53.             SetRequiredContent2("piping_status_07", "隠蔽配管", ".piping_status_07_02");
  54.             SetRequiredContent2("outdoor_cover", "必要", ".outdoor_cover_02");
  55.             SetRequiredContent2("setting_install_method", "新規取付", ".construction_method_07_v1");
  56.             SetRequiredContent2("setting_install_method", "交換", ".construction_method_07_v2");
  57.             
  58.             $("input[name='desired_construction_work']").change(function() {
  59.                 SetRequiredContent();
  60.             });
  61.             $("input[name='desired_construction_work_02']").change(function() {
  62.                 SetRequiredContent1();
  63.                 CalcConstructionNumber();
  64.             });
  65.             $("input[name='construction_type_07']").change(function() {
  66.                 SetRequiredContent2("construction_type_07", "交換", ".construction_type_07_02_v1");
  67.                 SetRequiredContent2("construction_type_07", "新設工事に加えて移設工事も希望", ".construction_type_07_02_v2");
  68.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  69.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  70.                 SetRequiredContent2("construction_type_07_03_v1", "移設6～14畳（取外し含む）", ".construction_type_07_04_v1");
  71.                 SetRequiredContent2("construction_type_07_03_v1", "移設16～20畳（取外し含む）", ".construction_type_07_04_v2");
  72.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳～（取外し含む）", ".construction_type_07_04_v3");
  73.             });
  74.             $("input[name='construction_type_07_02_v2']").change(function() {
  75.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  76.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  77.                 SetRequiredContent2("construction_type_07_03_v1", "移設6～14畳（取外し含む）", ".construction_type_07_04_v1");
  78.                 SetRequiredContent2("construction_type_07_03_v1", "移設16～20畳（取外し含む）", ".construction_type_07_04_v2");
  79.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳～（取外し含む）", ".construction_type_07_04_v3");
  80.             });
  81.             $("input[name='construction_type_07_03_v1']").change(function() {
  82.                 SetRequiredContent2("construction_type_07_03_v1", "移設6～14畳（取外し含む）", ".construction_type_07_04_v1");
  83.                 SetRequiredContent2("construction_type_07_03_v1", "移設16～20畳（取外し含む）", ".construction_type_07_04_v2");
  84.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳～（取外し含む）", ".construction_type_07_04_v3");
  85.             });
  86.             $("input[name='electrical_outlet_07']").change(function() {
  87.                 SetRequiredContent2("electrical_outlet_07", "あり", ".electrical_outlet_07_02");
  88.             });
  89.             $("input[name='room_size_07']").change(function() {
  90.                 SetRequiredContent2("room_size_07", "なし", ".room_size_07_02"); 
  91.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  92.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  93.             });
  94.             $("input[name='room_size_07_02']").change(function() {
  95.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  96.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  97.             });
  98.             $("input[name='piping_status_07']").change(function() {
  99.                 SetRequiredContent2("piping_status_07", "隠蔽配管", ".piping_status_07_02");
  100.             });
  101.             $("input[name='outdoor_cover']").change(function() {
  102.                 SetRequiredContent2("outdoor_cover", "必要", ".outdoor_cover_02");
  103.             });
  104.             $("input[name='setting_install_method']").change(function() {
  105.                 SetRequiredContent2("setting_install_method", "新規取付", ".construction_method_07_v1");
  106.                 SetRequiredContent2("setting_install_method", "交換", ".construction_method_07_v2");
  107.             });
  110.             CalcConstructionNumber();
  111.             $('.construction_air').on('change', function() {
  113.                 // Loan thì không cho uncheck
  114.                 if ($(this).data('loan') == "1" && $(this).is(":checked") == false) {
  115.                     $(this).prop('checked', true);
  116.                 }
  118.                 if ($('.construction_air:checked').length > 0) {
  119.                     $('.construction_air').removeAttr('required');
  120.                 }
  121.                 else {
  122.                     $('.construction_air').attr('required', 'required');
  123.                 }
  125.                 CalcConstructionNumber();
  126.                 CalcPrice();
  127.             });
  129.             
  130.             CalcPrice();
  131.             $('input[type="radio"]').on('change', function() {
  132.                 CalcPrice();
  133.             });
  135.         });
  137.         function SetRequiredContent() {
  138.             $("input[name='desired_construction_work'][value='エアコン本体と設置工事をご希望の方']").prop('checked', true);
  140.             {% if (checkCategory == 1) %}
  141.                 // Trường hợp loan thì mặc định 最終金額算出
  142.                 $(".ec-form-inquiry__group .table .list-item .item.active>table:first-child()").css('display', 'none');
  143.                 $("input[name='desired_construction_work_02'][value='最終金額算出']").prop('checked', true);
  144.             {% endif %}
  146.             var selectedValue = $("input[name='desired_construction_work']:checked").val();
  147.             
  148.             if (selectedValue === "エアコン本体と設置工事をご希望の方") {
  149.                 $("#tableUnderTop").css("display", "table");
  150.                 $("#tableUnderTop input").each(function(index, el) {
  151.                     if ($(this).attr('type') != 'hidden') {
  152.                         $(this).attr('required', 'required');
  153.                     }
  154.                 });
  156.                 $("#tableThree").css("display", "none");
  157.                 $("#tableThree input").each(function(index, el) {
  158.                     $(this).prop('checked', false).removeAttr('required');
  159.                 });
  160.             } 
  161.             else {
  162.                 $("#tableUnderTop").css("display", "none");
  163.                 $("#tableSecond").css("display", "none");
  164.                 $("#tableThree").css("display", "none");
  165.                 $("#tableUnderTop input, #tableSecond input, #tableThree input").each(function(index, el) {
  166.                     $(this).prop('checked', false).removeAttr('required');
  167.                 });
  168.             }
  170.             SetUnrequired();
  171.         }
  173.         function SetRequiredContent1() {
  174.             var selectedValue = $("input[name='desired_construction_work_02']:checked").val();
  175.             if (selectedValue === "最終金額算出") {
  176.                 $("#tableThree").css("display", "none");
  177.                 $("#tableThree input").each(function(index, el) {
  178.                     $(this).prop('checked', false).removeAttr('required');
  179.                 });
  181.                 $("#tableSecond").css("display", "table");
  182.                 $("#tableSecond .content-1 input").each(function(index, el) {
  183.                     if ($(this).attr('name') != 'construction_date_2' && $(this).attr('name') != 'construction_date_3' &&  $(this).attr('type') != 'hidden') {
  184.                         $(this).attr('required', 'required');
  185.                     }
  186.                 });
  187.             } 
  188.             else if (selectedValue === "新居等への引越しのため設置場所の詳細確認不可") {
  189.                 $("#tableSecond").css("display", "none");
  190.                 $("#tableSecond .content-1 input").each(function(index, el) {
  191.                     $(this).prop('checked', false).removeAttr('required');
  192.                 });
  194.                 $("#tableThree").css("display", "table");
  195.                 $("#tableThree input").each(function(index, el) {
  196.                     if ($(this).attr('type') != 'hidden') {
  197.                         $(this).attr('required', 'required');
  198.                     }
  199.                 });
  200.             }
  201.             else {
  202.                 $("#tableSecond").css("display", "none");
  203.                 $("#tableThree").css("display", "none");
  204.                 $("#tableSecond .content-1 input, #tableThree input").each(function(index, el) {
  205.                     $(this).prop('checked', false).removeAttr('required');
  206.                 });
  207.             }
  209.             SetUnrequired();
  210.         }
  212.         function SetRequiredContent2(nameInput, condition , classCheck) {
  213.             var selectedValue = $("input[name='"+ nameInput +"']:checked").val();
  214.             if (selectedValue === condition) {
  215.                 $(classCheck).css("display", "flex");
  216.                 $("#tableSecond " + classCheck + " input").each(function(index, el) {
  217.                     if ($(this).attr('type') != 'hidden') {
  218.                         $(this).attr('required', 'required');
  219.                     }
  220.                 });
  221.             } else {
  222.                 $(classCheck).css("display", "none");
  223.                 $("#tableSecond " + classCheck + " input").each(function(index, el) {
  224.                     $(this).prop('checked', false).removeAttr('required');
  225.                 });
  226.             }
  228.             SetUnrequired();
  229.         }
  231.         function SetUnrequired() {
  232.             $('input[name="outlet_earth"]').removeAttr('required');
  233.             $('input[name="electrical_outlet_07_02"]').removeAttr('required');
  234.             $('input[name="image_1"]').removeAttr('required');
  235.             $('input[name="image_2"]').removeAttr('required');
  236.             $('input[name="image_3"]').removeAttr('required');
  237.             $('input[name="floor"]').removeAttr('required');
  238.         }
  240.         function CalcPrice() {
  242.             const basePriceType1 = 15980;
  243.             const basePriceType2 = 19980;
  244.             const basePriceType3 = 23980;
  246.             var product_total_price = Number($('#product_total_price').val());
  248.             var BasePrice = {
  249.                 type1: (CountTatami.countType1 - CountTatamiLoan.countType1) * basePriceType1,
  250.                 type2: (CountTatami.countType2 - CountTatamiLoan.countType2) * basePriceType2,
  251.                 type3: (CountTatami.countType3 - CountTatamiLoan.countType3) * basePriceType3,
  252.             };
  254.             var BasePriceAll = {
  255.                 type1: (CountTatamiAll.countType1 - CountTatamiLoan.countType1) * basePriceType1,
  256.                 type2: (CountTatamiAll.countType2 - CountTatamiLoan.countType2) * basePriceType2,
  257.                 type3: (CountTatamiAll.countType3 - CountTatamiLoan.countType3) * basePriceType3,
  258.             };
  259.             
  260.             var totalBasePriceSelect = BasePrice.type1 + BasePrice.type2 + BasePrice.type3;
  261.             var totalBasePriceAll = BasePriceAll.type1 + BasePriceAll.type2 + BasePriceAll.type3;
  262.             var totalBasePrice = 0;
  264.             if ($("input[name='desired_construction_work']:checked").val() != "エアコン本体と設置工事をご希望の方") {
  265.                 $('#construction_base_price_1').val(0);
  266.                 $('#construction_base_price_2').val(0);
  267.                 $('#construction_base_price_3').val(0);
  268.                 $('#construction_total_price').val(0);
  269.                 $('#construction_discount').val(0);
  270.                 $('#total-price').text(numeral(product_total_price).format('0,0') + "円");
  272.                 // $('.product_price').text(numeral(product_total_price).format('0,0'));
  273.                 $('.product_base_price').text(numeral(product_total_price + 0).format('0,0'));
  274.                 $('.base_price').text(0);
  275.                 $('.add_price').text(0);
  277.                 // console.log("----------------")
  278.                 // console.log(" base_price: " + $('.base_price').eq(0).text());
  279.                 // console.log("  add_price: " + $('.add_price').eq(0).text());
  280.                 // console.log("total-price: " + $('#total-price').text());
  281.             } 
  282.             else {
  283.                 $('input[type="radio"]').each(function() {                    
  284.                     let hidden_price = $(this).closest('div').find('input[type="hidden"]');
  285.                     if (hidden_price.length > 0) {
  286.                         hidden_price.val('');
  287.                     }
  288.                 });
  290.                 var construction_price = 0;       
  291.                 var express_tickets_price = 0;       
  292.                 $('input[type="radio"]:checked').each(function() {                    
  293.                     let selectedPrice = $(this).data('price');
  295.                     //特急券の購入
  296.                     if ($(this).attr('name') == "express_tickets") {
  297.                         express_tickets_price += selectedPrice;
  298.                     }
  299.                     else {
  300.                         construction_price += selectedPrice;
  301.                     }
  303.                     let hidden_price = $(this).closest('div').find('input[type="hidden"]');
  304.                     if (hidden_price.length > 0) {
  305.                         hidden_price.val(selectedPrice);
  306.                     }
  307.                 });
  310.                 var number_install = 0;
  311.                 var construction_total_price = 0;
  312.                 var discountQuantity = 0;
  314.                 if ($("input[name='desired_construction_work_02']:checked").val() != "最終金額算出") {
  315.                     number_install = CountTatamiAll.countType1 + CountTatamiAll.countType2 + CountTatamiAll.countType3;
  316.                     totalBasePrice = totalBasePriceAll;
  317.                     construction_total_price = totalBasePrice;
  318.                 } 
  319.                 else {
  320.                     number_install = Number($('#number_install').val());
  321.                     totalBasePrice = totalBasePriceSelect;
  323.                     // phải trừ đi tiền thi công của loan
  324.                     let number_install_add = number_install - 
  325.                         (CountTatamiLoan.countType1 + CountTatamiLoan.countType2 + CountTatamiLoan.countType3);
  327.                     construction_total_price = totalBasePrice + construction_price * number_install_add;
  329.                     // 特急券
  330.                     construction_total_price += express_tickets_price * number_install;
  331.                 }
  333.                 switch (number_install) {
  334.                     case 1:
  335.                         discountQuantity = 0;
  336.                         break;
  337.                     case 2:
  338.                         discountQuantity = 0.05;
  339.                         break;
  340.                     case 3:
  341.                         discountQuantity = 0.1;
  342.                         break;
  343.                     default:
  344.                         discountQuantity = 0.15;
  345.                         break;
  346.                 }
  348.                 var total_price = product_total_price + construction_total_price;
  349.                 var discount_price = Math.round(total_price * discountQuantity);
  350.                 total_price = total_price - discount_price;
  351.                 
  352.                 if ($("input[name='desired_construction_work_02']:checked").val() != "最終金額算出") {
  353.                     $('#construction_base_price_1').val(BasePriceAll.type1);
  354.                     $('#construction_base_price_2').val(BasePriceAll.type2);
  355.                     $('#construction_base_price_3').val(BasePriceAll.type3);
  356.                 }
  357.                 else {
  358.                     $('#construction_base_price_1').val(BasePrice.type1);
  359.                     $('#construction_base_price_2').val(BasePrice.type2);
  360.                     $('#construction_base_price_3').val(BasePrice.type3);
  361.                 }
  362.                 
  363.                 $('#construction_total_price').val(construction_total_price);
  364.                 $('#construction_discount').val(discount_price);
  365.                 $('#total-price').text(numeral(total_price).format('0,0') + "円");
  367.                 // $('.product_price').text(numeral(product_total_price).format('0,0'));                
  368.                 // $('.base_price').text(numeral(totalBasePrice).format('0,0'));
  369.                 $('.product_base_price').text(numeral(product_total_price + totalBasePrice).format('0,0'));
  370.                 $('.add_price').text(numeral(construction_total_price - totalBasePrice).format('0,0'));
  372.                 // console.log("----------------")
  373.                 // console.log(" base_price: " + $('.base_price').eq(0).text());
  374.                 // console.log("  add_price: " + $('.add_price').eq(0).text());
  375.                 // console.log("total-price: " + $('#total-price').text());
  376.             }
  377.         }
  379.         /**
  380.          * Đếm số lượng cần thi công
  381.          */
  382.         function CalcConstructionNumber() {
  383.             CountTatami.countType1 = 0;
  384.             CountTatami.countType2 = 0;
  385.             CountTatami.countType3 = 0;
  386.             CountTatamiAll.countType1 = 0;
  387.             CountTatamiAll.countType2 = 0;
  388.             CountTatamiAll.countType3 = 0;
  390.             CountTatamiLoan.countType1 = 0;
  391.             CountTatamiLoan.countType2 = 0;
  392.             CountTatamiLoan.countType3 = 0;
  394.             var construction_air = []
  395.             $('.construction_air').each(function(index, el) {
  396.                 // Loan thì mặc định là check
  397.                 if ($(this).data('loan') == "1" && $(this).is(":checked") == false) {
  398.                     $(this).prop('checked', true);
  399.                 }
  401.                 let quantity = $(this).data('quantity');
  402.                 let tatami = $(this).data('tatami');
  403.                 let loan = $(this).data('loan');
  405.                 if (tatami >= 6 && tatami <= 14) {
  406.                     CountTatamiAll.countType1 += quantity;
  407.                     if (loan == 1) {
  408.                         CountTatamiLoan.countType1 += quantity;
  409.                     }
  410.                 } else if (tatami >= 16 && tatami <= 20) {
  411.                     CountTatamiAll.countType2 += quantity;
  412.                     if (loan == 1) {
  413.                         CountTatamiLoan.countType2 += quantity;
  414.                     }
  415.                 } else if (tatami >= 23) {
  416.                     CountTatamiAll.countType3 += quantity;
  417.                     if (loan == 1) {
  418.                         CountTatamiLoan.countType3 += quantity;
  419.                     }
  420.                 }
  422.                 if ($(this).is(':checked')) {
  423.                     if (tatami >= 6 && tatami <= 14) {
  424.                         CountTatami.countType1 += quantity;
  425.                     } else if (tatami >= 16 && tatami <= 20) {
  426.                         CountTatami.countType2 += quantity;
  427.                         
  428.                     } else if (tatami >= 23) {
  429.                         CountTatami.countType3 += quantity;
  430.                     }
  432.                     construction_air.push($(this).val());
  433.                 }                
  434.             });
  436.             $('#construction_air').val(construction_air.toString());
  437.             $('#number_install').val(CountTatami.countType1 + CountTatami.countType2 + CountTatami.countType3);
  438.         }
  439.     </script>
  440.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  441.     <script>
  442.         $(document).ready(function() {           
  443.             $("#btn-confirm").click(function(event) {
  444.                 var has_error = false;
  446.                 $("span.error-empty").remove();
  448.                 $("input[required], textarea[required]").each(function() {
  449.                     var input = $(this);
  450.                     var input_empty = $("<span>").addClass("error-empty").text("※この項目は必須項目です");                
  452.                     if (input.attr('type') == 'radio' || input.attr('type') == 'checkbox') {
  453.                         var radio_name = input.attr('name');
  454.                         if ($('input[name="' + radio_name + '"]:checked').length == 0) {
  455.                             input.before(input_empty);
  456.                             has_error = true;
  457.                         }
  458.                     }
  459.                     else if (input.val() == ""){
  460.                         input.before(input_empty);
  461.                         has_error = true;
  462.                     }
  463.                     else {
  464.                         input_empty.remove();
  465.                     }
  467.                     input.on("change", function() {
  468.                         if (input.attr('type') == 'radio' || input.attr('type') == 'checkbox') {
  469.                             input.closest('td').find('.error-empty').remove();
  470.                         }
  471.                         else {
  472.                             input_empty.remove();
  473.                         }
  474.                     });
  475.                 });
  477.                 if (has_error) {
  478.                     var speed = 300;
  479.                     var position = $(".error-empty").eq(0).offset().top - 250;
  480.                     $('body,html').animate({
  481.                         scrollTop: position
  482.                     }, speed, 'swing');
  484.                     return false;
  485.                 }
  486.                 else {
  487.                     // Vì không upload được file nên phải sử dụng submit thông thường
  488.                     // $form = $('#form1');
  489.                     // $.ajax({
  490.                     //     url: $form.attr('action'),
  491.                     //     type: $form.attr('method'),
  492.                     //     data: $form.serialize(),
  493.                     //     dataType: 'json',
  494.                     //     beforeSend: function(xhr, settings) {
  495.                     //         // Buttonを無効にする
  496.                     //         $('.add-cart').prop('disabled', true);
  497.                     //     }
  498.                     // }).done(function(data) {
  499.                     //     if ($('.add-cart').hasClass('cart-express')) {
  500.                     //         location.href = "{{ url('shopping') }}";
  501.                     //     }
  502.                     // }).fail(function(data) {
  503.                     //     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  504.                     // });
  505.                 }
  506.             });
  507.         });
  509.         $(document).ready(function(){
  510.             $(".custom-file input[type='file']").change(function(){
  511.                 var filePath = $(this).val();
  512.                 var fileName = filePath.split('\\').pop();
  513.                 var label = $(this).parent().find("label");
  514.                 label.text(fileName);
  515.                 var hiddenInputId = $(this).attr("id") + "-filename";
  516.                 $("#" + hiddenInputId).val(fileName);
  517.                 $(this).parent().find("label").css("color", "rgba(0, 0, 0, 1)");
  518.             });
  519.         });
  520.     </script>
  521. {% endblock %}
  523. {% block main %}
  524.     {% set countProductBasic = 0 %}
  525.     {% set countProductLoan = 0 %}
  526.     {% if listCatProduct %}
  527.         {% for list in listCatProduct %}
  528.             {% if list == 118 or list == 34 %}
  529.                 {% set countProductLoan = countProductLoan + 1 %}
  530.             {% else %}
  531.                 {% set countProductBasic = countProductBasic + 1 %}
  532.             {% endif %}
  533.         {% endfor %}
  534.     {% endif %}
  536.     <input type="hidden" id="product_total_price" name="product_total_price" value="{{ productTotalPrice }}">
  538.     <div class="ec-inquiry-page">
  539.     
  540.         <div class="ec-banner">
  541.             <div class="ec-banner__inner">
  542.                 <div class="inner">
  543.                     <h2>
  544.                         工事内容の最終確認
  545.                     </h2>
  546.                 </div>
  547.             </div>
  548.             <div class="ec-breadcrumb">
  549.                 <ul class="ec-breadcrumb__menu">
  550.                     <li class="ec-breadcrumb__item"><a href="{{ url('homepage') }}">TOP</a></li>
  551.                     <li class="ec-breadcrumb__item"><span>＞</span></li>
  552.                     <li class="ec-breadcrumb__item"><p>工事内容の最終確認</p></li>
  553.                 </ul>
  554.             </div>
  555.         </div>
  557.         <div class="ec-form-inquiry-main">
  558.             <div class="ec-form-inquiry__inner">
  559.                 <div class="inner">
  560.                     <div class="ec-form-inquiry__group">
  561.                         <div class="text">
  562.                             <p>お客様の設置場所の状況に応じて、標準工事費に追加工事が発生する可能性があります。ご購入後に追加工事費が発生しないように下記フォームのご記入にご協力ください。なお、不明の項目がある場合には、工事当日に追加費用が発生する可能性があります。</p>                                
  563.                             <div class="ec-setting__group">
  564.                                 <div class="title-main">
  565.                                     <p>ご購入内容の確認</p>
  566.                                 </div>
  567.                                 <div class="list-steps v2 vip">
  568.                                     <div class="step">
  569.                                         <div class="step__contact">
  570.                                             <p class="step__contact__num">STEP1</p>
  571.                                             <p class="step__contact__ttl">お客様</p>
  572.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-1.png') }}" alt="">
  573.                                             <p class="step__contact__desc">工事内容の最終確認送信</p>
  574.                                         </div>
  575.                                     </div>
  576.                                     <div class="dbar">
  577.                                         <span></span>
  578.                                     </div>
  579.                                     <div class="step">
  580.                                         <div class="step__contact">
  581.                                             <p class="step__contact__num">STEP2</p>
  582.                                             <p class="step__contact__ttl">お客様</p>
  583.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-3.png') }}" alt="">
  584.                                             <p class="step__contact__desc">工事最終金額のご確認</p>
  585.                                         </div>
  586.                                     </div>
  587.                                     <div class="dbar">
  588.                                         <span></span>
  589.                                     </div>
  590.                                     <div class="step">
  591.                                         <div class="step__contact">
  592.                                             <p class="step__contact__num">STEP3</p>
  593.                                             <p class="step__contact__ttl">お客様</p>
  594.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-4.png') }}" alt="">
  595.                                             <p class="step__contact__desc">決済</p>
  596.                                         </div>
  597.                                     </div>
  598.                                 </div>
  599.                             </div>
  601.                             <div class="ec-product__group">
  602.                                 <div class="list-btn">
  603.                                     <a href="https://lin.ee/5FbNJH7s" target="_blank" class="btn"><span>LINE</span></a>
  604.                                     <a href="{{ url('contact') }}" class="btn"><span>通常お問合せ</span></a>
  605.                                     <span class="btn pc" style="opacity: 1!important; cursor: default;"><span>TEL: 080-0222-4466</span></span>
  606.                                     <a href="tel:080-0222-4466" class="btn sp"><span>TEL: 080-0222-4466</span></a>
  607.                                 </div>
  608.                             </div>
  609.                         </div>
  611.                         <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1" enctype="multipart/form-data">
  612.                             {{ form_widget(form._token) }}
  614.                             <div class="table">
  616.                                 <div class="list-item">
  617.                                     <div class="item active">
  618.                                         <table style="display: none;">
  619.                                             <tr>
  620.                                                 <td><p>購入種別</p></td>
  621.                                                 <td>
  622.                                                     <div class="fill v4">
  623.                                                         {% for key,val in form.desired_construction_work.vars.choices %}
  624.                                                             <div>
  625.                                                                 <label class="form-check">
  626.                                                                     <input type="radio" name="{{ form.desired_construction_work.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.desired_construction_work.vars.data == val.value %}checked{% endif %} required /> 
  627.                                                                     {{ val.label | trans }}                                       
  628.                                                                 </label>
  629.                                                             </div>
  630.                                                         {% endfor %}
  631.                                                         <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※後日、追加工事費が発生しないようにお分かりの範囲で<br>　下記フォームにご入力お願いします。</p>
  632.                                                     </div>
  633.                                                     {{ form_errors(form.desired_construction_work) }}
  634.                                                 </td>
  635.                                             </tr> 
  636.                                         </table>
  637.                                         <table id="tableUnderTop" style="padding: 0;">
  638.                                             <tr class="desired_construction_work_02">
  639.                                                 <td>
  640.                                                     <p>工事内容の最終確認</p>
  641.                                                     {# <small>2段階目</small> #}
  642.                                                 </td>
  643.                                                 <td>
  644.                                                     <div class="fill v4">
  645.                                                         {% for key,val in form.desired_construction_work_02.vars.choices %}
  646.                                                             <label class="form-check flex">
  647.                                                                 <input type="radio" name="{{ form.desired_construction_work_02.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.desired_construction_work_02.vars.data == val.value %}checked{% endif %} />
  648.                                                                 {{ val.label | trans }} 
  649.                                                                 {% if val.value == "新居等への引越しのため設置場所の詳細確認不可" %}
  650.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  651.                                                                 {% endif %}
  652.                                                             </label>
  653.                                                         {% endfor %}                    
  654.                                                     </div>
  655.                                                     {{ form_errors(form.desired_construction_work_02) }}
  656.                                                 </td>
  657.                                             </tr> 
  658.                                         </table>
  659.                                         <table id="tableSecond" style="padding: 0;">
  660.                                             {% if (countProductBasic != 0)  %}
  661.                                             <tr class="content-1">
  662.                                                 <td><p>特急券の購入</p></td>
  663.                                                 <td>
  664.                                                     <div class="fill v4">
  665.                                                         {% for key,val in form.express_tickets.vars.choices %}
  666.                                                             <label class="form-check">
  667.                                                                 <input type="radio" name="{{ form.express_tickets.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.express_tickets.vars.data == val.value %}checked{% endif %} />
  668.                                                                 {{ val.label | trans }} 
  669.                                                             </label>
  670.                                                         {% endfor %}     
  671.                                                         {{ form_widget(form.express_tickets_price) }}               
  672.                                                     </div>
  673.                                                     {{ form_errors(form.express_tickets) }}                                                    
  674.                                                 </td>
  675.                                             </tr> 
  676.                                             {% endif %}
  678.                                             <tr class="content-1">
  679.                                                 <td><p>お住まい</p></td>
  680.                                                 <td>
  681.                                                     <div class="fill v4">
  682.                                                         {% for key,val in form.osumai.vars.choices %}
  683.                                                             <label class="form-check">
  684.                                                                 <input type="radio" name="{{ form.osumai.vars.full_name }}" data-percent="{{ val.attr['percent'] | default(0) }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.osumai.vars.data == val.value %}checked{% endif %} />
  685.                                                                 {{ val.label | trans }} 
  686.                                                             </label>
  687.                                                         {% endfor %}
  688.                                                     </div>
  689.                                                     {{ form_errors(form.osumai) }}
  690.                                                 </td>
  691.                                             </tr>
  692.                                             <tr class="content-1">
  693.                                                 <td><p>建物の所有</p></td>
  694.                                                 <td>
  695.                                                     <div class="fill v4">
  696.                                                         {% for key,val in form.building_ownership.vars.choices %}
  697.                                                             <label class="form-check flex">
  698.                                                                 <input type="radio" name="{{ form.building_ownership.vars.full_name }}" data-percent="{{ val.attr['percent'] | default(0) }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.building_ownership.vars.data == val.value %}checked{% endif %} />
  699.                                                                 {{ val.label | trans }} 
  700.                                                                 {% if val.value == "賃貸" %}
  701.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事内容によっては受付出来ない可能性もございます。</p>
  702.                                                                 {% endif %}
  703.                                                             </label>
  704.                                                         {% endfor %}
  705.                                                     </div>
  706.                                                     {{ form_errors(form.building_ownership) }}
  707.                                                 </td>
  708.                                             </tr>
  709.                                             <tr class="content-1">
  710.                                                 <td><p>構造</p></td>
  711.                                                 <td>
  712.                                                     <div class="fill v4">
  713.                                                         {% for key,val in form.structure.vars.choices %}
  714.                                                             <label class="form-check">
  715.                                                                 <input type="radio" name="{{ form.structure.vars.full_name }}" data-percent="{{ val.attr['percent'] | default(0) }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.structure.vars.data == val.value %}checked{% endif %} />
  716.                                                                 {{ val.label | trans }} 
  717.                                                             </label>
  718.                                                         {% endfor %}
  719.                                                     </div>
  720.                                                     {{ form_errors(form.structure) }}
  721.                                                 </td>
  722.                                             </tr>
  723.                                             <tr class="content-1">
  724.                                                 <td><p>設置台数</p></td>
  725.                                                 <td>
  726.                                                     <div class="fill v4">
  727.                                                         {% for key,val in form.construction_airs.vars.choices %}
  728.                                                             {% set has_checked = false %}
  729.                                                             {% for key2,val2 in form.construction_airs.vars.data %}
  730.                                                                 {% if val.value == val2 %}
  731.                                                                     {% set has_checked = true %}
  732.                                                                     <label class="form-check">
  733.                                                                         <input type="checkbox" name="{{ form.construction_airs.vars.full_name }}" class="construction_air" data-tatami="{{ val.attr['data-tatami'] | default(0) }}" data-quantity="{{ val.attr['data-quantity'] | default(0) }}" data-loan="{{ val.attr['data-loan'] | default(0) }}" value="{{ val.value }}" checked />
  734.                                                                         {{ val.data | trans }} 
  735.                                                                     </label>
  736.                                                                 {% endif %}
  737.                                                             {% endfor %}
  739.                                                             {% if has_checked == false %}
  740.                                                                 <label class="form-check">
  741.                                                                     <input type="checkbox" name="{{ form.construction_airs.vars.full_name }}" class="construction_air" data-tatami="{{ val.attr['data-tatami'] | default(0) }}" data-quantity="{{ val.attr['data-quantity'] | default(0) }}" data-loan="{{ val.attr['data-loan'] | default(0) }}" value="{{ val.value }}"/>
  742.                                                                     {{ val.data | trans }} 
  743.                                                                 </label>
  744.                                                             {% endif %}
  745.                                                         {% endfor %}
  746.                                                         {{ form_widget(form.construction_air) }}
  747.                                                         {{ form_widget(form.number_install) }}
  748.                                                         {{ form_widget(form.number_install_price) }}
  749.                                                     </div>
  750.                                                     {{ form_errors(form.construction_airs) }}
  751.                                                 </td>
  752.                                             </tr>
  753.                                             <tr class="content-1">
  754.                                                 <td><p>設置工事希望日</p></td>
  755.                                                 <td>
  756.                                                     <div class="fill v3">
  757.                                                         <label class="label v3 date vip">
  758.                                                             第一希望日　　
  759.                                                             {{ form_widget(form.construction_date_1) }}
  760.                                                             {{ form_errors(form.construction_date_1) }}
  761.                                                             <span class="pc">　</span>希望時間帯　
  762.                                                             <select name="time_slot_1" id="time_slot_1">
  763.                                                                 {% for key,val in form.time_slot_1.vars.choices %}
  764.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  765.                                                                 {% endfor %}
  766.                                                             </select>
  767.                                                         </label>
  768.                                                         <label class="label v3 date">
  769.                                                             第二希望日　　
  770.                                                             {{ form_widget(form.construction_date_2) }}
  771.                                                             {{ form_errors(form.construction_date_2) }}
  772.                                                             <span class="pc">　</span>希望時間帯　
  773.                                                             <select name="time_slot_2" id="time_slot_2">
  774.                                                                 {% for key,val in form.time_slot_2.vars.choices %}
  775.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  776.                                                                 {% endfor %}
  777.                                                             </select>
  778.                                                         </label>
  779.                                                         <label class="label v3 date">
  780.                                                             第三希望日　　
  781.                                                             {{ form_widget(form.construction_date_3) }}
  782.                                                             {{ form_errors(form.construction_date_3) }}
  783.                                                             <span class="pc">　</span>希望時間帯　
  784.                                                             <select name="time_slot_3" id="time_slot_3">
  785.                                                                 {% for key,val in form.time_slot_3.vars.choices %}
  786.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  787.                                                                 {% endfor %}
  788.                                                             </select>
  789.                                                         </label>
  790.                                                         {{ form_widget(form.contents, {'attr': { 'placeholder': 'その他希望等あればご記入ください。' }}) }}
  791.                                                         {{ form_errors(form.contents) }}
  792.                                                     </div>
  793.                                                 </td>
  794.                                             </tr>
  795.                                             <tr class="content-1">
  796.                                                 <td><p>工事内訳</p></td>
  797.                                                 <td>
  798.                                                     <div class="fill v4">
  799.                                                         {% for key,val in form.construction_type_07.vars.choices %}
  800.                                                             <label class="form-check">
  801.                                                                 <input type="radio" name="{{ form.construction_type_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07.vars.data == val.value %}checked{% endif %} />
  802.                                                                 {{ val.label | trans }} 
  803.                                                                 {% if val.value == "新設工事に加えて移設工事も希望" %}
  804.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;margin-bottom: 0.5rem;line-height: 1.2;">※エアコン本体の移動はお客様ご自身でお願いいたします。</p>
  805.                                                                 {% endif %}
  806.                                                             </label>
  807.                                                         {% endfor %}                    
  808.                                                     </div>
  809.                                                     {{ form_errors(form.construction_type_07) }}
  810.                                                 </td>
  811.                                             </tr> 
  812.                                             <tr class="construction_type_07_02_v1">
  813.                                                 <td>
  814.                                                     <p>工事内訳</p>
  815.                                                     {# <small>2段階目</small> #}
  816.                                                 </td>
  817.                                                 <td>
  818.                                                     <div class="fill v4">
  819.                                                         {% for key,val in form.construction_type_07_02_v1.vars.choices %}
  820.                                                             <label class="form-check">
  821.                                                                 <input type="radio" name="{{ form.construction_type_07_02_v1.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_02_v1.vars.data == val.value %}checked{% endif %} />
  822.                                                                 {{ val.label | trans }} 
  823.                                                             </label>
  824.                                                         {% endfor %}   
  825.                                                         {{ form_widget(form.construction_type_07_02_v1_price) }}                 
  826.                                                     </div>
  827.                                                     {{ form_errors(form.construction_type_07_02_v1) }}
  828.                                                 </td>
  829.                                             </tr> 
  830.                                             <tr class="construction_type_07_02_v2">
  831.                                                 <td><p>工事内訳</p><small>2段階目</small></td>
  832.                                                 <td>
  833.                                                     <div class="fill v4">
  834.                                                         {% for key,val in form.construction_type_07_02_v2.vars.choices %}
  835.                                                             <label class="form-check">
  836.                                                                 <input type="radio" name="{{ form.construction_type_07_02_v2.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_02_v2.vars.data == val.value %}checked{% endif %} />
  837.                                                                 {{ val.label | trans }}
  838.                                                             </label>
  839.                                                         {% endfor %}                    
  840.                                                     </div>
  841.                                                     {{ form_errors(form.construction_type_07_02_v2) }}
  842.                                                 </td>
  843.                                             </tr> 
  844.                                             <tr class="construction_type_07_03_v1">
  845.                                                 <td><p>工事内訳</p><small>3段階目</small></td>
  846.                                                 <td>
  847.                                                     <div class="fill v4">
  848.                                                         {% for key,val in form.construction_type_07_03_v1.vars.choices %}
  849.                                                             <label class="form-check">
  850.                                                                 <input type="radio" name="{{ form.construction_type_07_03_v1.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_03_v1.vars.data == val.value %}checked{% endif %} />
  851.                                                                 {{ val.label | trans }} 
  852.                                                             </label>
  853.                                                         {% endfor %}                    
  854.                                                     </div>
  855.                                                     {{ form_errors(form.construction_type_07_03_v1) }}
  856.                                                 </td>
  857.                                             </tr> 
  858.                                             <tr class="construction_type_07_03_v2">
  859.                                                 <td><p>工事内訳</p><small>3段階目</small></td>
  860.                                                 <td>
  861.                                                     <div class="fill v4">
  862.                                                         {% for key,val in form.construction_type_07_03_v2.vars.choices %}
  863.                                                             <label class="form-check">
  864.                                                                 <input type="radio" name="{{ form.construction_type_07_03_v2.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_03_v2.vars.data == val.value %}checked{% endif %} />
  865.                                                                 {{ val.label | trans }} 
  866.                                                             </label>
  867.                                                         {% endfor %}         
  868.                                                         {{ form_widget(form.construction_type_07_03_v2_price) }}           
  869.                                                     </div>
  870.                                                     {{ form_errors(form.construction_type_07_03_v2) }}
  871.                                                 </td>
  872.                                             </tr> 
  873.                                             <tr class="construction_type_07_04_v1">
  874.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  875.                                                 <td>
  876.                                                     <div class="fill v4">
  877.                                                         {% for key,val in form.construction_type_07_04_v1.vars.choices %}
  878.                                                             <label class="form-check">
  879.                                                                 <input type="radio" name="{{ form.construction_type_07_04_v1.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_04_v1.vars.data == val.value %}checked{% endif %} />
  880.                                                                 {{ val.label | trans }} 
  881.                                                             </label>
  882.                                                         {% endfor %}            
  883.                                                         {{ form_widget(form.construction_type_07_04_v1_price) }}        
  884.                                                     </div>
  885.                                                     {{ form_errors(form.construction_type_07_04_v1) }}
  886.                                                 </td>
  887.                                             </tr> 
  888.                                             <tr class="construction_type_07_04_v2">
  889.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  890.                                                 <td>
  891.                                                     <div class="fill v4">
  892.                                                         {% for key,val in form.construction_type_07_04_v2.vars.choices %}
  893.                                                             <label class="form-check">
  894.                                                                 <input type="radio" name="{{ form.construction_type_07_04_v2.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_04_v2.vars.data == val.value %}checked{% endif %} />
  895.                                                                 {{ val.label | trans }} 
  896.                                                             </label>
  897.                                                         {% endfor %}     
  898.                                                         {{ form_widget(form.construction_type_07_04_v2_price) }}               
  899.                                                     </div>
  900.                                                     {{ form_errors(form.construction_type_07_04_v2) }}
  901.                                                 </td>
  902.                                             </tr> 
  903.                                             <tr class="construction_type_07_04_v3">
  904.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  905.                                                 <td>
  906.                                                     <div class="fill v4">
  907.                                                         {% for key,val in form.construction_type_07_04_v3.vars.choices %}
  908.                                                             <label class="form-check">
  909.                                                                 <input type="radio" name="{{ form.construction_type_07_04_v3.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_type_07_04_v3.vars.data == val.value %}checked{% endif %} />
  910.                                                                 {{ val.label | trans }} 
  911.                                                             </label>
  912.                                                         {% endfor %}
  913.                                                         {{ form_widget(form.construction_type_07_04_v3_price) }}
  914.                                                     </div>
  915.                                                     {{ form_errors(form.construction_type_07_04_v3) }}
  916.                                                 </td>
  917.                                             </tr> 
  918.                                             <tr class="content-1">
  919.                                                 <td><p>エアコン設置場所</p></td>
  920.                                                  <td>
  921.                                                     <div class="fill v4">
  922.                                                         {% for key,val in form.construction_floor_07.vars.choices %}
  923.                                                             <label class="form-check">
  924.                                                                 <input type="radio" name="{{ form.construction_floor_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_floor_07.vars.data == val.value %}checked{% endif %} />
  925.                                                                 {{ val.label | trans }} 
  926.                                                             </label>
  927.                                                         {% endfor %}
  928.                                                     </div>
  929.                                                     {{ form_errors(form.construction_floor_07) }}
  930.                                                 </td>
  931.                                             </tr> 
  932.                                             <tr class="content-1">
  933.                                                 <td><p>エレベーターの有無</p><small>※3階以上の場合</small></td>
  934.                                                 <td>
  935.                                                     <div class="fill v4">
  936.                                                         {% for key,val in form.elevator_07.vars.choices %}
  937.                                                             <label class="form-check">
  938.                                                                 <input type="radio" name="{{ form.elevator_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.elevator_07.vars.data == val.value %}checked{% endif %} />
  939.                                                                 {{ val.label | trans }} 
  940.                                                             </label>
  941.                                                         {% endfor %}
  942.                                                         {{ form_errors(form.elevator_07) }}
  943.                                                         {{ form_widget(form.elevator_07_price) }}
  944.                                                     </div>
  945.                                                 </td>
  946.                                             </tr> 
  947.                                             <tr class="content-1">
  948.                                                 <td><p>コンセントの有無</p></td>
  949.                                                 <td>
  950.                                                     <div class="fill v4">
  951.                                                         {% for key,val in form.electrical_outlet_07.vars.choices %}
  952.                                                             <label class="form-check flex" style="display: flex; align-items: center;flex-wrap: wrap;">
  953.                                                                 <input type="radio" name="{{ form.electrical_outlet_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.electrical_outlet_07.vars.data == val.value %}checked{% endif %} />
  954.                                                                 {{ val.label | trans }} 
  955.                                                                 {% if val.value == "なし（別途工事が必要になります）" %}
  956.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.2;">※10ｍ以上の方は別途お見積りさせていただきます。</p>
  957.                                                                 {% endif %}
  958.                                                                 {% if val.value == "不明" %}
  959.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.2;">※工事当日に追加費用が発生する場合があります。</p>
  960.                                                                 {% endif %}
  961.                                                             </label>
  962.                                                         {% endfor %}
  963.                                                         {{ form_errors(form.electrical_outlet_07) }}
  964.                                                         {{ form_widget(form.electrical_outlet_07_price) }}
  965.                                                     </div>
  966.                                                 </td>
  967.                                             </tr> 
  968.                                             <tr class="electrical_outlet_07_02">
  969.                                                 <td>
  970.                                                     <p>コンセントの有無</p>
  971.                                                     {# <small>2段階目</small> #}
  972.                                                 </td>
  973.                                                 <td>
  974.                                                     <div class="fill v4">
  975.                                                         {% for key,val in form.electrical_outlet_07_02.vars.choices %}
  976.                                                             <label class="form-check flex" style="display: flex; align-items: center;flex-wrap: wrap;">
  977.                                                                 <input type="radio" name="{{ form.electrical_outlet_07_02.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.electrical_outlet_07_02.vars.data == val.value %}checked{% endif %} />
  978.                                                                 {{ val.label | trans }} 
  979.                                                             </label>
  980.                                                         {% endfor %}
  981.                                                         {{ form_errors(form.electrical_outlet_07_02) }}
  982.                                                         {{ form_widget(form.electrical_outlet_07_02_price) }}
  983.                                                     </div>
  984.                                                 </td>
  985.                                             </tr>    
  986.                                             <tr class="content-1">
  987.                                                 <td><p>建物の契約アンペア</p></td>
  988.                                                 <td>
  989.                                                     <div class="fill v4">
  990.                                                         {% for key,val in form.contract_amp.vars.choices %}
  991.                                                             <label class="form-check flex">
  992.                                                                 <input type="radio" name="{{ form.contract_amp.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.contract_amp.vars.data == val.value %}checked{% endif %}/>
  993.                                                                 {{ val.label | trans }} 
  994.                                                             </label>
  995.                                                         {% endfor %}
  996.                                                     </div>
  997.                                                     {{ form_errors(form.contract_amp) }}
  998.                                                 </td>
  999.                                             </tr> 
  1000.                                             <tr class="content-1">
  1001.                                                 <td><p>コンセントアース端子</p></td>
  1002.                                                 <td>
  1003.                                                     <div class="fill v4">
  1004.                                                         {% for key,val in form.outlet_earth.vars.choices %}
  1005.                                                             <label class="form-check flex">
  1006.                                                                 <input type="radio" name="{{ form.outlet_earth.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.outlet_earth.vars.data == val.value %}checked{% endif %}/>
  1007.                                                                 {{ val.label | trans }} 
  1008.                                                                 {% if val.value == "なし" %}
  1009.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">＊工事当日に追加費用がかかる場合があります。</p>
  1010.                                                                 {% endif %}
  1011.                                                                 {% if val.value == "不明" %}
  1012.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">＊工事当日に追加費用がかかる場合があります。</p>
  1013.                                                                 {% endif %}
  1014.                                                             </label>
  1015.                                                         {% endfor %}
  1016.                                                     </div>
  1017.                                                     {{ form_errors(form.outlet_earth) }}
  1018.                                                 </td>
  1019.                                             </tr>  
  1020.                                             <tr class="content-1">
  1021.                                                 <td><p>配管穴の有無</p></td>
  1022.                                                 <td>
  1023.                                                     <div class="fill v4 vip">
  1024.                                                         {% for key,val in form.room_size_07.vars.choices %}
  1025.                                                             <label class="form-check flex">
  1026.                                                                 <input type="radio" name="{{ form.room_size_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.room_size_07.vars.data == val.value %}checked{% endif %}/>
  1027.                                                                 {{ val.label | trans }} 
  1028.                                                                 {% if val.value == "不明" %}
  1029.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。別途エアココからご連絡させていただきます。</p>
  1030.                                                                 {% endif %}
  1031.                                                             </label>
  1032.                                                         {% endfor %}
  1033.                                                     </div>
  1034.                                                     {{ form_errors(form.room_size_07) }}
  1035.                                                     <img style="margin-left: auto;" src="{{ asset('assets/img/contact/') }}hole-sample.jpg" alt="配管穴の有無">
  1036.                                                 </td>
  1037.                                             </tr> 
  1038.                                             
  1039.                                             {% if (countProductBasic != 0)  %}
  1040.                                             <tr class="room_size_07_02">
  1041.                                                 <td><p>配管穴の有無</p><small>2段階目</small></td>
  1042.                                                 <td>
  1043.                                                     <div class="fill v4">
  1044.                                                         {% for key,val in form.room_size_07_02.vars.choices %}
  1045.                                                             <label class="form-check flex">
  1046.                                                                 <input type="radio" name="{{ form.room_size_07_02.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.room_size_07_02.vars.data == val.value %}checked{% endif %}/>
  1047.                                                                 {{ val.label | trans }} 
  1048.                                                             </label>
  1049.                                                         {% endfor %}
  1050.                                                     </div>
  1051.                                                     {{ form_errors(form.room_size_07_02) }}
  1052.                                                 </td>
  1053.                                             </tr> 
  1054.                                             {% endif %}
  1055.                                             <tr class="room_size_07_03_v1">
  1056.                                                 <td><p>建物の材質</p><small>（穴あけ＆貫通スリーブ費）</small></td>
  1057.                                                 <td>
  1058.                                                     <div class="fill v4">
  1059.                                                         {% for key,val in form.room_size_07_03_v1.vars.choices %}
  1060.                                                             <label class="form-check flex">
  1061.                                                                 <input type="radio" name="{{ form.room_size_07_03_v1.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.room_size_07_03_v1.vars.data == val.value %}checked{% endif %}/>
  1062.                                                                 {{ val.label | trans }} 
  1063.                                                                 {% if val.value == "その他" %}
  1064.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  1065.                                                                 {% endif %}
  1066.                                                                 {% if val.value == "不明" %}
  1067.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  1068.                                                                 {% endif %}
  1069.                                                             </label>
  1070.                                                         {% endfor %}
  1071.                                                         {{ form_widget(form.room_size_07_03_v1_price) }}
  1072.                                                     </div>
  1073.                                                     {{ form_errors(form.room_size_07_03_v1) }}                                                    
  1074.                                                 </td>
  1075.                                             </tr> 
  1076.                                             <tr class="room_size_07_03_v2">
  1077.                                                 <td><p>建物の材質</p><small>（穴あけ＆貫通スリーブ＆アスベストみなし工事、対策費と調査報告書作成費）</small></td>
  1078.                                                 <td>
  1079.                                                     <div class="fill v4">
  1080.                                                         {% for key,val in form.room_size_07_03_v2.vars.choices %}
  1081.                                                             <label class="form-check flex">
  1082.                                                                 <input type="radio" name="{{ form.room_size_07_03_v2.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.room_size_07_03_v2.vars.data == val.value %}checked{% endif %}/>
  1083.                                                                 {{ val.label | trans }} 
  1084.                                                                 {% if val.value == "その他" %}
  1085.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  1086.                                                                 {% endif %}
  1087.                                                                 {% if val.value == "不明" %}
  1088.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  1089.                                                                 {% endif %}
  1090.                                                             </label>
  1091.                                                         {% endfor %}
  1092.                                                         {{ form_widget(form.room_size_07_03_v2_price) }}
  1093.                                                     </div>
  1094.                                                     {{ form_errors(form.room_size_07_03_v2) }}                                                    
  1095.                                                 </td>
  1096.                                             </tr> 
  1097.                                             <tr class="content-1">
  1098.                                                 <td><p>設置予定場所の<br class="pc" />配管の状態</p></td>
  1099.                                                 <td style="flex-direction: column;">
  1100.                                                     <div class="fill v5 up">
  1101.                                                         {% set idx = 0 %}
  1102.                                                         {% for key,val in form.piping_status_07.vars.choices %}
  1103.                                                             {% set idx = idx + 1 %}
  1104.                                                             {% if idx <= 2 %}
  1105.                                                                 <div class="group">
  1106.                                                                     <label class="form-check v2">
  1107.                                                                         <input type="radio" name="{{ form.piping_status_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.piping_status_07.vars.data == val.value %}checked{% endif %} />
  1108.                                                                         {{ val.label | trans }} 
  1109.                                                                     </label>
  1110.                                                                     <img src="{{ asset('assets/img/form-0y/') }}line-option-0{{ idx }}.jpg" alt="">
  1111.                                                                 </div>
  1112.                                                             {% endif %}
  1113.                                                         {% endfor %}
  1114.                                                     </div>
  1115.                                                     <div class="fill v5">
  1116.                                                         {% set idx = 0 %}
  1117.                                                         {% for key,val in form.piping_status_07.vars.choices %}
  1118.                                                             {% set idx = idx + 1 %}
  1119.                                                             {% if idx > 2 %}
  1120.                                                                 <label class="form-check">
  1121.                                                                     <input type="radio" name="{{ form.piping_status_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.piping_status_07.vars.data == val.value %}checked{% endif %} />
  1122.                                                                     {{ val.label | trans }} 
  1123.                                                                 </label>
  1124.                                                             {% endif %}
  1125.                                                         {% endfor %}
  1126.                                                     </div>
  1127.                                                     {{ form_errors(form.piping_status_07) }}
  1128.                                                 </td>
  1129.                                             </tr>
  1130.                                             <tr class="piping_status_07_02">
  1131.                                                 <td><p>設置予定場所の<br class="pc" />配管の状態</p><small>2段階目</small></td>
  1132.                                                 <td>
  1133.                                                     <div class="fill v4">
  1134.                                                         {% for key,val in form.piping_status_07_02.vars.choices %}
  1135.                                                             <label class="form-check flex">
  1136.                                                                 <input type="radio" name="{{ form.piping_status_07_02.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.piping_status_07_02.vars.data == val.value %}checked{% endif %}/>
  1137.                                                                 {{ val.label | trans }} 
  1138.                                                             </label>
  1139.                                                         {% endfor %}
  1140.                                                         {{ form_widget(form.piping_status_07_02_price) }}
  1141.                                                     </div>
  1142.                                                     {{ form_errors(form.piping_status_07_02) }}
  1143.                                                 </td>
  1144.                                             </tr> 
  1145.                                             {% if (countProductBasic != 0)  %}
  1146.                                             <tr class="content-1">
  1147.                                                 <td><p>室内化粧カバーの<br class="pc" />希望の有無</p></td>
  1148.                                                 <td>
  1149.                                                     <div class="fill v4" style="order: 2;">
  1150.                                                         {% for key,val in form.indoor_cover_07.vars.choices %}
  1151.                                                             <label class="form-check flex">
  1152.                                                                 <input type="radio" name="{{ form.indoor_cover_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.indoor_cover_07.vars.data == val.value %}checked{% endif %} />
  1153.                                                                 {{ val.label | trans }} 
  1154.                                                                 {% if val.value == "必要（2m以内）" %}
  1155.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※2mを超える場合は追加費用がかかります。</p>
  1156.                                                                 {% endif %}
  1157.                                                                 {% if val.value == "未定" %}
  1158.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※化粧カバーが必要になった場合は追加費用がかかります。</p>
  1159.                                                                 {% endif %}
  1160.                                                             </label>
  1161.                                                         {% endfor %}                    
  1162.                                                         {{ form_widget(form.indoor_cover_07_price) }}
  1163.                                                     </div>
  1164.                                                     {{ form_errors(form.indoor_cover_07) }}
  1166.                                                     <img style="margin-left: auto; order: 3;" src="{{ asset('assets/img/contact/') }}item-1.jpg" alt="室内化粧カバー">
  1167.                                                 </td>
  1168.                                             </tr> 
  1169.                                             <tr class="content-1">
  1170.                                                 <td><p>室外化粧カバーの<br class="pc" />希望の有無</p></td>
  1171.                                                 <td>                
  1172.                                                     <div class="fill v4">
  1173.                                                         {% for key,val in form.outdoor_cover.vars.choices %}
  1174.                                                             <label class="form-check flex">
  1175.                                                                 <input type="radio" name="{{ form.outdoor_cover.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.outdoor_cover.vars.data == val.value %}checked{% endif %} />
  1176.                                                                 {{ val.label | trans }} 
  1177.                                                                 {% if val.value == "その他" %}
  1178.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  1179.                                                                 {% endif %}
  1180.                                                             </label>
  1181.                                                         {% endfor %}                    
  1182.                                                     </div>
  1183.                                                     {{ form_errors(form.outdoor_cover) }}
  1184.                                                     <img style="margin-left: auto;" src="{{ asset('assets/img/contact/') }}item-2.jpg" alt="室外化粧カバー">
  1185.                                                 </td>
  1186.                                             </tr> 
  1187.                                             <tr class="outdoor_cover_02">
  1188.                                                 <td><p>室外化粧カバーの<br class="pc" />希望の有無</p><small>2段階目</small></td>
  1189.                                                 <td>                
  1190.                                                     <div class="fill v4">
  1191.                                                         {% for key,val in form.outdoor_cover_02.vars.choices %}
  1192.                                                             <label class="form-check" >
  1193.                                                                 <input type="radio" name="{{ form.outdoor_cover_02.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.outdoor_cover_02.vars.data == val.value %}checked{% endif %} />
  1194.                                                                 {{ val.label | trans }} 
  1195.                                                                 {% if val.value == "再使用（交換）同階" %}
  1196.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※交換にはすでにスリムダクトが付いている方も含みます。</p>
  1197.                                                                 {% endif %}
  1198.                                                                 {% if val.value == "再使用（交換）異階" %}
  1199.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※交換にはすでにスリムダクトが付いている方も含みます。</p>
  1200.                                                                 {% endif %}
  1201.                                                             </label>
  1202.                                                         {% endfor %}                    
  1203.                                                         {{ form_widget(form.outdoor_cover_02_price) }}
  1204.                                                     </div>
  1205.                                                     {{ form_errors(form.outdoor_cover_02) }}
  1206.                                                 </td>
  1207.                                             </tr>
  1208.                                             <tr class="content-1">
  1209.                                                 <td><p>室外機の設置場所（既設場所・希望設置場所）</p></td>
  1210.                                                 <td>                
  1211.                                                     <div class="fill v4">
  1212.                                                         {% for key,val in form.construction_outdoor_07.vars.choices %}
  1213.                                                             <label class="form-check flex">
  1214.                                                                 <input type="radio" name="{{ form.construction_outdoor_07.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_outdoor_07.vars.data == val.value %}checked{% endif %} />
  1215.                                                                 {{ val.label | trans }} 
  1216.                                                                 {% if val.value == "その他" %}
  1217.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  1218.                                                                 {% endif %}
  1219.                                                             </label>
  1220.                                                         {% endfor %}
  1221.                                                         {{ form_widget(form.construction_outdoor_07_price) }}
  1222.                                                     </div>
  1223.                                                     {{ form_errors(form.construction_outdoor_07) }}
  1224.                                                 </td>
  1225.                                             </tr>
  1226.                                             {% endif %}
  1227.                                             <tr class="content-1">
  1228.                                                 <td><p>室外機の設置方法（既設方法・希望設置方法）</p></td>
  1229.                                                 <td>
  1230.                                                     <div class="fill v4">
  1231.                                                         {% for key,val in form.setting_install_method.vars.choices %}
  1232.                                                             <label class="form-check">
  1233.                                                                 <input type="radio" name="{{ form.setting_install_method.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.setting_install_method.vars.data == val.value %}checked{% endif %} />
  1234.                                                                 {{ val.label | trans }} 
  1235.                                                             </label>
  1236.                                                         {% endfor %}
  1237.                                                     </div>
  1238.                                                     {{ form_errors(form.setting_install_method) }}
  1239.                                                     <div class="fill v4 construction_method_07_v1" style="margin-left: 2rem; flex-direction: column;">
  1240.                                                         {% for key,val in form.construction_method_07_v1.vars.choices %}
  1241.                                                             <label class="form-check flex">
  1242.                                                                 <input type="radio" name="{{ form.construction_method_07_v1.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_method_07_v1.vars.data == val.value %}checked{% endif %} />
  1243.                                                                 {{ val.label | trans }} 
  1244.                                                                 {% if val.value == "⑧不明（記載）" %}
  1245.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  1246.                                                                 {% endif %}
  1247.                                                             </label>
  1248.                                                         {% endfor %}
  1249.                                                         <img style="margin-top: 3rem;" src="{{ asset('assets/img/form-0y/install-option.jpg') }}" alt="">
  1250.                                                         {{ form_widget(form.construction_method_07_v1_price) }}            
  1251.                                                     </div>
  1252.                                                     {{ form_errors(form.construction_method_07_v1) }}
  1254.                                                     <div class="fill v4 construction_method_07_v2" style="margin-left: 2rem; flex-direction: column;">
  1255.                                                         {% for key,val in form.construction_method_07_v2.vars.choices %}
  1256.                                                             <label class="form-check flex">
  1257.                                                                 <input type="radio" name="{{ form.construction_method_07_v2.vars.full_name }}" data-price="{{ val.attr['price'] | default(0) }}" value="{{ val.value }}" {% if form.construction_method_07_v2.vars.data == val.value %}checked{% endif %} />
  1258.                                                                 {{ val.label | trans }} 
  1259.                                                                 {% if val.value == "⑧不明（記載）" %}
  1260.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  1261.                                                                 {% endif %}
  1262.                                                             </label>
  1263.                                                         {% endfor %}
  1264.                                                         <img style="margin-top: 3rem;" src="{{ asset('assets/img/form-0y/install-option.jpg') }}" alt="">     
  1265.                                                         {{ form_widget(form.construction_method_07_v2_price) }}               
  1266.                                                     </div>
  1267.                                                     {{ form_errors(form.construction_method_07_v2) }}                                                    
  1268.                                                 </td>
  1269.                                             </tr>
  1270.                                             
  1272.                                             <tr class="content-1">
  1273.                                                 <td><p>ファイル添付</p></td>
  1274.                                                 <td>
  1275.                                                     <div class="fill v6">
  1276.                                                         <div class="group">
  1277.                                                             <p>詳細お見積りに際し、下記の写真を撮影し添付してください。<br>※夜間に撮影する際はフラッシュを使用してください。</p>
  1278.                                                         </div>
  1280.                                                         <div class="group add">
  1281.                                                             <div class="group-content">
  1282.                                                                 <label for=""><p>①室内機設置場所（屋内）</p></label>
  1283.                                                                 <div class="custom-file">
  1284.                                                                     {% if form.filename_image_1.vars.data != '' %}
  1285.                                                                     {{ form_widget(form.image_1) }}
  1286.                                                                     <label for="contact_image_1">選択してください</label>
  1287.                                                                     <img src="{{ asset(form.filename_image_1.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1288.                                                                     {% else %}
  1289.                                                                         {{ form_widget(form.image_1, {'attr': { 'required': 'required' }}) }}
  1290.                                                                         <label for="contact_image_1">選択してください</label>
  1291.                                                                         <img src="" style="width: 150px !important;" />
  1292.                                                                     {% endif %}
  1293.                                                                     {{ form_errors(form.image_1) }}
  1294.                                                                     {{ form_widget(form.filename_image_1) }}
  1295.                                                                 </div>
  1296.                                                             </div>
  1297.                                                             <div class="image">
  1298.                                                                 <div class="gr">
  1299.                                                                     <img src="{{ asset('assets/img/construction/') }}item-3.jpg" alt="">     
  1300.                                                                     <span>撮影例</span>  
  1301.                                                                 </div>             
  1302.                                                             </div>
  1303.                                                         </div>
  1304.                                                         <div class="group add">
  1305.                                                             <div class="group-content">
  1306.                                                                 <label for=""><p>②室外機・配管・配管穴が分かる全体写真</p></label>
  1307.                                                                 <div class="custom-file">
  1308.                                                                     {% if form.filename_image_2.vars.data != '' %}
  1309.                                                                     {{ form_widget(form.image_2) }}
  1310.                                                                     <label for="contact_image_2">選択してください</label>
  1311.                                                                     <img src="{{ asset(form.filename_image_2.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1312.                                                                     {% else %}
  1313.                                                                         {{ form_widget(form.image_2, {'attr': { 'required': 'required' }}) }}
  1314.                                                                         <label for="contact_image_2">選択してください</label>
  1315.                                                                         <img src="" style="width: 150px !important;" />
  1316.                                                                     {% endif %}
  1317.                                                                     {{ form_errors(form.image_2) }}
  1318.                                                                     {{ form_widget(form.filename_image_2) }}
  1319.                                                                 </div>
  1320.                                                             </div>
  1321.                                                             <div class="image">
  1322.                                                                 <div class="gr">
  1323.                                                                     <img src="{{ asset('assets/img/construction/') }}contact-00-attach-02.jpg" alt="">     
  1324.                                                                     <span>撮影例</span>  
  1325.                                                                 </div>             
  1326.                                                             </div>
  1327.                                                         </div>
  1328.                                                         <div class="group add">
  1329.                                                             <div class="group-content">
  1330.                                                                 <label for=""><p>③室外機設置場所<br>（②の写真で室外機設置場所が分かる方は不要）</p></label>
  1331.                                                                 <div class="custom-file">
  1332.                                                                     {% if form.filename_image_3.vars.data != '' %}
  1333.                                                                     {{ form_widget(form.image_3) }}
  1334.                                                                     <label for="contact_image_3">選択してください</label>
  1335.                                                                     <img src="{{ asset(form.filename_image_3.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1336.                                                                     {% else %}
  1337.                                                                         {{ form_widget(form.image_3) }}
  1338.                                                                         <label for="contact_image_3">選択してください</label>
  1339.                                                                         <img src="" style="width: 150px !important;" />
  1340.                                                                     {% endif %}
  1341.                                                                     {{ form_errors(form.image_3) }}
  1342.                                                                     {{ form_widget(form.filename_image_3) }}
  1343.                                                                 </div>
  1344.                                                             </div>
  1345.                                                             <div class="image">
  1346.                                                                 <div class="gr">
  1347.                                                                     <img src="{{ asset('assets/img/construction/') }}item-5-1.jpg" alt="">     
  1348.                                                                     <span>1階撮影例</span>  
  1349.                                                                 </div>
  1350.                                                                 <div class="gr">
  1351.                                                                     <img src="{{ asset('assets/img/construction/') }}item-5-2.jpg" alt="">     
  1352.                                                                     <span>2階撮影例</span>  
  1353.                                                                 </div>                
  1354.                                                             </div>
  1355.                                                         </div>
  1356.                                                     </div>
  1357.                                                 </td>
  1358.                                             </tr>
  1359.                                         </table>
  1360.                                         <table id="tableThree" style="padding: 0;">
  1361.                                             <tr>
  1362.                                                 <td>
  1363.                                                     <p>新居の所在地（必須）</p>
  1364.                                                 </td>
  1365.                                                 <td>
  1366.                                                     <div class="fill v2">
  1367.                                                         <label>
  1368.                                                             {{ form_widget(form.location, {'attr': { 'style': '' }}) }}
  1369.                                                             {{ form_errors(form.location) }}
  1370.                                                         </label>
  1371.                                                     </div>
  1372.                                                 </td>
  1373.                                             </tr> 
  1374.                                             <tr>
  1375.                                                 <td>
  1376.                                                     <p>新居の情報（任意）</p>
  1377.                                                 </td>
  1378.                                                 <td>
  1379.                                                     <div class="fill v6" style="width: 100%;">
  1380.                                                         <div class="group add" style="width: 100%; max-width: 100%;">
  1381.                                                             <div class="group-content" style="max-width: 100%;">
  1382.                                                                 <div class="custom-file" style="margin-top: 0; margin-bottom: 0.5rem;">
  1383.                                                                     {% if form.filename_floor.vars.data != '' %}
  1384.                                                                     {{ form_widget(form.floor) }}
  1385.                                                                     <label for="contact_floor" style="width: 500px;max-width: 100%;">選択してください</label>
  1386.                                                                     <img src="{{ asset(form.filename_floor.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1387.                                                                     {% else %}
  1388.                                                                         {{ form_widget(form.floor) }}
  1389.                                                                         <label for="contact_floor" style="width: 500px;max-width: 100%;">選択してください</label>
  1390.                                                                         <img src="" style="width: 150px !important;" />
  1391.                                                                     {% endif %}
  1392.                                                                     {{ form_errors(form.floor) }}
  1393.                                                                     {{ form_widget(form.filename_floor) }}
  1394.                                                                 </div>
  1395.                                                             </div>
  1396.                                                         </div>
  1397.                                                     </div>
  1398.                                                 </td>
  1399.                                             </tr> 
  1400.                                         </table>
  1401.                                         <div class="result">
  1402.                                             <p>概算合計金額</p>
  1403.                                             <p id="total-price">00,000円</p>
  1404.                                             {{ form_widget(form.construction_base_price_1) }}
  1405.                                             {{ form_widget(form.construction_base_price_2) }}
  1406.                                             {{ form_widget(form.construction_base_price_3) }}
  1407.                                             {{ form_widget(form.construction_total_price) }}
  1408.                                             {{ form_widget(form.construction_discount) }}
  1409.                                         </div>
  1410.                                         <div style="text-align: right;" class="pc">
  1411.                                             「
  1412.                                             {# 本体価格　<span class="product_price"></span>円、 #}
  1413.                                             {# 標準工事　<span class="base_price"></span>円、 #}
  1414.                                             本体価格＋標準工事費　<span class="product_base_price"></span>円、
  1415.                                             追加工事　<span class="add_price"></span>円
  1416.                                             」
  1417.                                         </div>
  1418.                                         <div style="text-align: right;" class="sp">
  1419.                                             {# 本体価格　<span class="product_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br> #}
  1420.                                             {# 標準工事　<span class="base_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br> #}
  1421.                                             本体価格＋標準工事費　<span class="product_base_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br>
  1422.                                             追加工事　<span class="add_price" style="display: inline-block; width: 100px; text-align: right;"></span>円
  1423.                                         </div> 
  1424.                                     </div>
  1425.                                 </div>                            
  1426.                             </div>
  1428.                             <div class="ec-productRole__actions" style="display: none;">
  1429.                                 {% if form.classcategory_id1 is defined %}
  1430.                                     <div class="ec-select">
  1431.                                         {{ form_row(form.classcategory_id1) }}
  1432.                                         {{ form_errors(form.classcategory_id1) }}
  1433.                                     </div>
  1434.                                     {% if form.classcategory_id2 is defined %}
  1435.                                         <div class="ec-select">
  1436.                                             {{ form_row(form.classcategory_id2) }}
  1437.                                             {{ form_errors(form.classcategory_id2) }}
  1438.                                         </div>
  1439.                                     {% endif %}
  1440.                                 {% endif %}
  1441.                                 <div class="ec-numberInput">
  1442.                                     {{ form_widget(form.product_id) }}
  1443.                                     {{ form_widget(form.ProductClass) }}
  1444.                                     {{ form_widget(form.quantity) }}
  1445.                                     {{ form_errors(form.quantity) }}
  1446.                                 </div>
  1447.                             </div>
  1449.                             
  1450.                             <div class="ec-product-detail__group">
  1451.                                 <div class="list-btn">
  1452.                                     <a href="{{ url('cart') }}" class="btn btn-sd btn-back" style="display: block;"><span>戻る</span></a>
  1453.                                     <button type="submit" class="btn btn-sd add-cart cart-express" id="btn-confirm">
  1454.                                         <span>{{ '購入にすすむ'|trans }}</span>
  1455.                                     </button>
  1456.                                 </div>
  1457.                             </div>
  1458.                         </form>
  1459.                     </div>
  1460.                 </div>
  1461.             </div>
  1462.         </div>
  1463.     </div>
  1465. {% endblock %}