app/template/user_data/construction_only.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% form_theme form 'Form/form_div_layout.twig' %}
  3. {% block stylesheet %}
  4.     <style>
  5.         .form-check.flex{
  6.             display: flex; 
  7.             align-items: center; 
  8.             flex-wrap: wrap; 
  9.             gap: 5px;
  10.         }
  11.         .construction-input-text__item{
  12.             display: flex;
  13.             align-items: center;
  14.             justify-content: flex-start;
  15.             gap: 1rem;
  16.             margin: 5px 0;
  17.         }
  18.         .construction-input-text__item span:first-child{
  19.             width: 7rem;
  20.         }
  21.         .construction-input-text__item input[type="text"]{
  22.             width: 5rem;
  23.             text-align: center;
  24.         }
  25.     </style>
  26. {% endblock %}
  27. {% block javascript %}
  28.     <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
  29.     <script>
  30.         var CountTatami = {
  31.             countType1: 0, //6-14
  32.             countType2: 0, //16-20
  33.             countType3: 0, //23-
  34.         };
  35.         $(function() {
  36.             SetRequiredContent1();
  37.             SetRequiredContent2("construction_type_07", "交換", ".construction_type_07_02_v1");
  38.             SetRequiredContent2("construction_type_07", "新設工事に加えて移設工事も希望", ".construction_type_07_02_v2");
  39.             SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  40.             SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  41.             SetRequiredContent2("construction_type_07_03_v1", "移設6~14畳(取外し含む)", ".construction_type_07_04_v1");
  42.             SetRequiredContent2("construction_type_07_03_v1", "移設16~20畳(取外し含む)", ".construction_type_07_04_v2");
  43.             SetRequiredContent2("construction_type_07_03_v1", "移設23畳~(取外し含む)", ".construction_type_07_04_v3");
  44.             SetRequiredContent2("electrical_outlet_07", "あり", ".electrical_outlet_07_02");
  45.             SetRequiredContent2("room_size_07", "なし", ".room_size_07_02");
  46.             SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  47.             SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  48.             SetRequiredContent2("piping_status_07", "隠蔽配管", ".piping_status_07_02");
  49.             SetRequiredContent2("outdoor_cover", "必要", ".outdoor_cover_02");
  50.             SetRequiredContent2("setting_install_method", "新規取付", ".construction_method_07_v1");
  51.             SetRequiredContent2("setting_install_method", "交換", ".construction_method_07_v2");
  52.             $("input[name='construction_type_07']").change(function() {
  53.                 SetRequiredContent2("construction_type_07", "交換", ".construction_type_07_02_v1");
  54.                 SetRequiredContent2("construction_type_07", "新設工事に加えて移設工事も希望", ".construction_type_07_02_v2");
  55.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  56.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  57.                 SetRequiredContent2("construction_type_07_03_v1", "移設6~14畳(取外し含む)", ".construction_type_07_04_v1");
  58.                 SetRequiredContent2("construction_type_07_03_v1", "移設16~20畳(取外し含む)", ".construction_type_07_04_v2");
  59.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳~(取外し含む)", ".construction_type_07_04_v3");
  60.             });
  61.             $("input[name='construction_type_07_02_v2']").change(function() {
  62.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望する", ".construction_type_07_03_v1");
  63.                 SetRequiredContent2("construction_type_07_02_v2", "分解洗浄を希望しない", ".construction_type_07_03_v2");
  64.                 SetRequiredContent2("construction_type_07_03_v1", "移設6~14畳(取外し含む)", ".construction_type_07_04_v1");
  65.                 SetRequiredContent2("construction_type_07_03_v1", "移設16~20畳(取外し含む)", ".construction_type_07_04_v2");
  66.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳~(取外し含む)", ".construction_type_07_04_v3");
  67.             });
  68.             $("input[name='construction_type_07_03_v1']").change(function() {
  69.                 SetRequiredContent2("construction_type_07_03_v1", "移設6~14畳(取外し含む)", ".construction_type_07_04_v1");
  70.                 SetRequiredContent2("construction_type_07_03_v1", "移設16~20畳(取外し含む)", ".construction_type_07_04_v2");
  71.                 SetRequiredContent2("construction_type_07_03_v1", "移設23畳~(取外し含む)", ".construction_type_07_04_v3");
  72.             });
  73.             $("input[name='electrical_outlet_07']").change(function() {
  74.                 SetRequiredContent2("electrical_outlet_07", "あり", ".electrical_outlet_07_02");
  75.             });
  76.             $("input[name='room_size_07']").change(function() {
  77.                 SetRequiredContent2("room_size_07", "なし", ".room_size_07_02");
  78.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  79.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  80.             });
  81.             $("input[name='room_size_07_02']").change(function() {
  82.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書あり", ".room_size_07_03_v1");
  83.                 SetRequiredContent2("room_size_07_02", "建物が2009年6月以降に着工した証明書なし", ".room_size_07_03_v2");
  84.             });
  85.             $("input[name='piping_status_07']").change(function() {
  86.                 SetRequiredContent2("piping_status_07", "隠蔽配管", ".piping_status_07_02");
  87.             });
  88.             $("input[name='outdoor_cover']").change(function() {
  89.                 SetRequiredContent2("outdoor_cover", "必要", ".outdoor_cover_02");
  90.             });
  91.             $("input[name='setting_install_method']").change(function() {
  92.                 SetRequiredContent2("setting_install_method", "新規取付", ".construction_method_07_v1");
  93.                 SetRequiredContent2("setting_install_method", "交換", ".construction_method_07_v2");
  94.             });
  95.             CalcConstructionNumber();
  96.             $('.construction-input-text__item input').on('change', function() {
  97.                 CalcConstructionNumber();
  98.                 CalcPrice();
  99.             });
  100.             
  101.             CalcPrice();
  102.             $('input[type="radio"]').on('change', function() {
  103.                 CalcPrice();
  104.             });
  105.         });
  106.         function SetRequiredContent1() {
  107.             $("#tableSecond .content-1 input").each(function(index, el) {
  108.                 if ($(this).attr('name') != 'construction_date_2' 
  109.                     && $(this).attr('name') != 'construction_date_3'
  110.                     && $(this).attr('name') != 'construction_6'
  111.                     && $(this).attr('name') != 'construction_16'
  112.                     && $(this).attr('name') != 'construction_23'
  113.                     &&  $(this).attr('type') != 'hidden') {
  114.                     $(this).attr('required', 'required');
  115.                 }
  116.             });
  117.             $('#construction_16').removeAttr('required');
  118.             $('#construction_23').removeAttr('required');
  119.             if ($('#construction_6').val() == "" && $('#construction_16').val() == "" && $('#construction_23').val() == "") {
  120.                 $('#construction_6').attr('required', 'required');
  121.             }
  122.             else{
  123.                 $('#construction_6').removeAttr('required');                
  124.             }
  125.             SetUnrequired();
  126.         }
  127.         function SetRequiredContent2(nameInput, condition , classCheck) {
  128.             var selectedValue = $("input[name='"+ nameInput +"']:checked").val();
  129.             if (selectedValue === condition) {
  130.                 $(classCheck).css("display", "flex");
  131.                 $("#tableSecond " + classCheck + " input").each(function(index, el) {
  132.                     if ($(this).attr('type') != 'hidden') {
  133.                         $(this).attr('required', 'required');
  134.                     }
  135.                 });
  136.             } else {
  137.                 $(classCheck).css("display", "none");
  138.                 $("#tableSecond " + classCheck + " input").each(function(index, el) {
  139.                     $(this).prop('checked', false).removeAttr('required');
  140.                 });
  141.             }
  142.             SetUnrequired();
  143.         }
  144.         function SetUnrequired() {
  145.             $('input[name="outlet_earth"]').removeAttr('required');
  146.             $('input[name="electrical_outlet_07_02"]').removeAttr('required');
  147.             $('input[name="image_1"]').removeAttr('required');
  148.             $('input[name="image_2"]').removeAttr('required');
  149.             $('input[name="image_3"]').removeAttr('required');
  150.         }
  151.         function CalcPrice() {
  152.             const basePriceType1 = 15980;
  153.             const basePriceType2 = 19980;
  154.             const basePriceType3 = 23980;
  155.             var product_total_price = 0;
  156.             var BasePrice = {
  157.                 type1: CountTatami.countType1 * basePriceType1,
  158.                 type2: CountTatami.countType2 * basePriceType2,
  159.                 type3: CountTatami.countType3 * basePriceType3,
  160.             };
  161.             
  162.             var totalBasePrice = BasePrice.type1 + BasePrice.type2 + BasePrice.type3;
  163.             
  164.             $('input[type="radio"]').each(function() {                    
  165.                 let hidden_price = $(this).closest('div').find('input[type="hidden"]');
  166.                 if (hidden_price.length > 0) {
  167.                     hidden_price.val('');
  168.                 }
  169.             });
  170.             var construction_price = 0;       
  171.             $('input[type="radio"]:checked').each(function() {                    
  172.                 let selectedPrice = $(this).data('price');
  173.                 construction_price += selectedPrice;
  174.                 let hidden_price = $(this).closest('div').find('input[type="hidden"]');
  175.                 if (hidden_price.length > 0) {
  176.                     hidden_price.val(selectedPrice);
  177.                 }
  178.             });
  179.             var number_install = Number($('#number_install').val());
  180.             var construction_total_price = totalBasePrice + construction_price * number_install;
  181.             var discountQuantity = 0;
  182.             switch (number_install) {
  183.                 case 1:
  184.                     discountQuantity = 0;
  185.                     break;
  186.                 case 2:
  187.                     discountQuantity = 0.05;
  188.                     break;
  189.                 case 3:
  190.                     discountQuantity = 0.1;
  191.                     break;
  192.                 default:
  193.                     discountQuantity = 0.15;
  194.                     break;
  195.             }
  196.             var total_price = product_total_price + construction_total_price;
  197.             var discount_price = Math.round(total_price * discountQuantity);
  198.             total_price = total_price - discount_price;
  199.             
  200.             $('#construction_base_price_1').val(BasePrice.type1);
  201.             $('#construction_base_price_2').val(BasePrice.type2);
  202.             $('#construction_base_price_3').val(BasePrice.type3);
  203.             
  204.             $('#construction_total_price').val(construction_total_price);
  205.             $('#construction_discount').val(discount_price);
  206.             $('#total-price').text(numeral(total_price).format('0,0') + "円");
  207.             // $('.product_price').text(numeral(product_total_price).format('0,0'));
  208.             // $('.base_price').text(numeral(totalBasePrice).format('0,0'));
  209.             $('.product_base_price').text(numeral(product_total_price + totalBasePrice).format('0,0'));
  210.             $('.add_price').text(numeral(construction_total_price - totalBasePrice).format('0,0'));
  211.             // console.log("----------------")
  212.             // console.log(" base_price: " + $('.base_price').eq(0).text());
  213.             // console.log("  add_price: " + $('.add_price').eq(0).text());
  214.             // console.log("total-price: " + $('#total-price').text());
  215.         }
  216.         function CalcConstructionNumber() {
  217.             CountTatami.countType1 = 0;
  218.             CountTatami.countType2 = 0;
  219.             CountTatami.countType3 = 0;
  220.             if ($.isNumeric($('#construction_6').val())) {
  221.                 CountTatami.countType1 = Number($('#construction_6').val());
  222.             }
  223.             if ($.isNumeric($('#construction_16').val())) {
  224.                 CountTatami.countType2 = Number($('#construction_16').val());
  225.             }
  226.             if ($.isNumeric($('#construction_23').val())) {
  227.                 CountTatami.countType3 = Number($('#construction_23').val());
  228.             }
  229.             $('#number_install').val(CountTatami.countType1 + CountTatami.countType2 + CountTatami.countType3);
  230.         }
  231.     </script>
  232.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  233.     <script>
  234.         $(document).ready(function() {
  235.             // $('.contact_type').change(function() {
  236.             //     location.href = "{{ url('contact') }}?type=" + $(this).val();
  237.             // });
  238.            
  239.             $("#btn-confirm").click(function(event) {
  240.                 var has_error = false;
  241.                 $("span.error-empty").remove();
  242.                 $("input[required], textarea[required]").each(function() {
  243.                     var input = $(this);
  244.                     var input_empty = $("<span>").addClass("error-empty").text("※この項目は必須項目です");                
  245.                     if (input.attr('type') == 'radio' || input.attr('type') == 'checkbox') {
  246.                         var radio_name = input.attr('name');
  247.                         if ($('input[name="' + radio_name + '"]:checked').length == 0) {
  248.                             input.before(input_empty);
  249.                             has_error = true;
  250.                         }
  251.                     }
  252.                     else if (input.val() == ""){
  253.                         input.before(input_empty);
  254.                         has_error = true;
  255.                     }
  256.                     else {
  257.                         input_empty.remove();
  258.                     }
  259.                     input.on("change", function() {
  260.                         if (input.attr('type') == 'radio' || input.attr('type') == 'checkbox' || input.attr('type') == 'text') {
  261.                             input.closest('td').find('.error-empty').remove();
  262.                         }
  263.                         else {
  264.                             input_empty.remove();
  265.                         }
  266.                     });
  267.                 });
  268.                 if (has_error) {
  269.                     var speed = 300;
  270.                     var position = $(".error-empty").eq(0).offset().top - 250;
  271.                     $('body,html').animate({
  272.                         scrollTop: position
  273.                     }, speed, 'swing');
  274.                     return false;
  275.                 }
  276.                 else {
  277.                     // Vì không upload được file nên phải sử dụng submit thông thường
  278.                     // $form = $('#form1');
  279.                     // $.ajax({
  280.                     //     url: $form.attr('action'),
  281.                     //     type: $form.attr('method'),
  282.                     //     data: $form.serialize(),
  283.                     //     dataType: 'json',
  284.                     //     beforeSend: function(xhr, settings) {
  285.                     //         // Buttonを無効にする
  286.                     //         $('.add-cart').prop('disabled', true);
  287.                     //     }
  288.                     // }).done(function(data) {
  289.                     //     if ($('.add-cart').hasClass('cart-express')) {
  290.                     //         location.href = "{{ url('shopping') }}";
  291.                     //     }
  292.                     // }).fail(function(data) {
  293.                     //     alert('{{ 'カートへの追加に失敗しました。'|trans }}');
  294.                     // });
  295.                 }
  296.             });
  297.         });
  298.         $(document).ready(function(){
  299.             $(".custom-file input[type='file']").change(function(){
  300.                 var filePath = $(this).val();
  301.                 var fileName = filePath.split('\\').pop();
  302.                 var label = $(this).parent().find("label");
  303.                 label.text(fileName);
  304.                 var hiddenInputId = $(this).attr("id") + "-filename";
  305.                 $("#" + hiddenInputId).val(fileName);
  306.                 $(this).parent().find("label").css("color", "rgba(0, 0, 0, 1)");
  307.             });
  308.         });
  309.     </script>
  310. {% endblock %}
  311. {% block main %}
  312.     <input type="hidden" name="array_product" value="[14, 10, 18, 19, 20, 24, 26]">
  313.     <div class="ec-inquiry-page">
  314.     
  315.         <div class="ec-banner">
  316.             <div class="ec-banner__inner">
  317.                 <div class="inner">
  318.                     <h2>
  319.                         工事金額の確認
  320.                     </h2>
  321.                 </div>
  322.             </div>
  323.             <div class="ec-breadcrumb">
  324.                 <ul class="ec-breadcrumb__menu">
  325.                     <li class="ec-breadcrumb__item"><a href="{{ url('homepage') }}">TOP</a></li>
  326.                     <li class="ec-breadcrumb__item"><span>></span></li>
  327.                     <li class="ec-breadcrumb__item"><p>工事金額の確認</p></li>
  328.                 </ul>
  329.             </div>
  330.         </div>
  331.         <div class="ec-form-inquiry-main">
  332.             <div class="ec-form-inquiry__inner">
  333.                 <div class="inner">
  334.                     <div class="ec-form-inquiry__group">
  335.                         <div class="text">
  336.                             <p>下記フォームの各項目にご記入いただき、決済にお進みください。なお、不明の項目がある場合には、工事当日に追加費用が発生する可能性があります。</p>                                
  337.                             <div class="ec-setting__group">
  338.                                 <div class="title-main">
  339.                                     <p>依頼(購入)にすすむ</p>
  340.                                 </div>
  341.                                 <div class="list-steps v2 vip">
  342.                                     <div class="step">
  343.                                         <div class="step__contact">
  344.                                             <p class="step__contact__num">STEP1</p>
  345.                                             <p class="step__contact__ttl">お客様</p>
  346.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-1.png') }}" alt="">
  347.                                             <p class="step__contact__desc">工事金額の確認</p>
  348.                                         </div>
  349.                                     </div>
  350.                                     <div class="dbar">
  351.                                         <span></span>
  352.                                     </div>
  353.                                     <div class="step">
  354.                                         <div class="step__contact">
  355.                                             <p class="step__contact__num">STEP2</p>
  356.                                             <p class="step__contact__ttl">お客様</p>
  357.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-3.png') }}" alt="">
  358.                                             <p class="step__contact__desc">工事の依頼(購入)にすすむ</p>
  359.                                         </div>
  360.                                     </div>
  361.                                     <div class="dbar">
  362.                                         <span></span>
  363.                                     </div>
  364.                                     <div class="step">
  365.                                         <div class="step__contact">
  366.                                             <p class="step__contact__num">STEP3</p>
  367.                                             <p class="step__contact__ttl">お客様</p>
  368.                                             <img class="step__contact__img" src="{{ asset('assets/img/setting-0y/s0-contact-4.png') }}" alt="">
  369.                                             <p class="step__contact__desc">決済</p>
  370.                                         </div>
  371.                                     </div>
  372.                                 </div>
  373.                             </div>
  374.                             <div class="ec-product__group">
  375.                                 <div class="list-btn">
  376.                                     <a href="https://lin.ee/5FbNJH7s" target="_blank" class="btn"><span>LINE</span></a>
  377.                                     <a href="{{ url('contact') }}" class="btn"><span>通常お問合せ</span></a>
  378.                                     <span class="btn pc" style="opacity: 1!important; cursor: default;"><span>TEL: 080-0222-4466</span></span>
  379.                                     <a href="tel:080-0222-4466" class="btn sp"><span>TEL: 080-0222-4466</span></a>
  380.                                 </div>
  381.                             </div>
  382.                         </div>
  383.                         <form action="{{ url('product_add_cart', {id:Product.id}) }}" method="post" id="form1" name="form1" enctype="multipart/form-data">
  384.                             {{ form_widget(form._token) }}
  385.                             <div class="table">
  386.                                 <div class="list-item">
  387.                                     <div class="item active">
  388.                                         <table id="tableSecond" style="padding: 0;">
  389.                                             <tr class="content-1">
  390.                                                 <td><p>工事内訳</p></td>
  391.                                                 <td>
  392.                                                     <div class="fill v4">
  393.                                                         {% for key,val in form.construction_type_07.vars.choices %}
  394.                                                             <label class="form-check">
  395.                                                                 <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 %} />
  396.                                                                 {{ val.label | trans }} 
  397.                                                                 {% if val.value == "新設工事に加えて移設工事も希望" %}
  398.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;margin-bottom: 0.5rem;line-height: 1.2;">※エアコン本体の移動はお客様ご自身でお願いいたします。</p>
  399.                                                                 {% endif %}
  400.                                                             </label>
  401.                                                         {% endfor %}                    
  402.                                                     </div>
  403.                                                     {{ form_errors(form.construction_type_07) }}
  404.                                                 </td>
  405.                                             </tr> 
  406.                                             <tr class="construction_type_07_02_v1">
  407.                                                 <td>
  408.                                                     <p>工事内訳</p>
  409.                                                     <small>2段階目</small>
  410.                                                 </td>
  411.                                                 <td>
  412.                                                     <div class="fill v4">
  413.                                                         {% for key,val in form.construction_type_07_02_v1.vars.choices %}
  414.                                                             <label class="form-check">
  415.                                                                 <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 %} />
  416.                                                                 {{ val.label | trans }} 
  417.                                                             </label>
  418.                                                         {% endfor %}                    
  419.                                                     </div>
  420.                                                     {{ form_errors(form.construction_type_07_02_v1) }}
  421.                                                     {{ form_widget(form.construction_type_07_02_v1_price) }}
  422.                                                 </td>
  423.                                             </tr> 
  424.                                             <tr class="construction_type_07_02_v2">
  425.                                                 <td><p>工事内訳</p><small>2段階目</small></td>
  426.                                                 <td>
  427.                                                     <div class="fill v4">
  428.                                                         {% for key,val in form.construction_type_07_02_v2.vars.choices %}
  429.                                                             <label class="form-check">
  430.                                                                 <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 %} />
  431.                                                                 {{ val.label | trans }}
  432.                                                             </label>
  433.                                                         {% endfor %}                    
  434.                                                     </div>
  435.                                                     {{ form_errors(form.construction_type_07_02_v2) }}
  436.                                                 </td>
  437.                                             </tr> 
  438.                                             <tr class="construction_type_07_03_v1">
  439.                                                 <td><p>工事内訳</p><small>3段階目</small></td>
  440.                                                 <td>
  441.                                                     <div class="fill v4">
  442.                                                         {% for key,val in form.construction_type_07_03_v1.vars.choices %}
  443.                                                             <label class="form-check">
  444.                                                                 <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 %} />
  445.                                                                 {{ val.label | trans }} 
  446.                                                             </label>
  447.                                                         {% endfor %}                    
  448.                                                     </div>
  449.                                                     {{ form_errors(form.construction_type_07_03_v1) }}
  450.                                                 </td>
  451.                                             </tr> 
  452.                                             <tr class="construction_type_07_03_v2">
  453.                                                 <td><p>工事内訳</p><small>3段階目</small></td>
  454.                                                 <td>
  455.                                                     <div class="fill v4">
  456.                                                         {% for key,val in form.construction_type_07_03_v2.vars.choices %}
  457.                                                             <label class="form-check">
  458.                                                                 <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 %} />
  459.                                                                 {{ val.label | trans }} 
  460.                                                             </label>
  461.                                                         {% endfor %}                    
  462.                                                     </div>
  463.                                                     {{ form_errors(form.construction_type_07_03_v2) }}
  464.                                                     {{ form_widget(form.construction_type_07_03_v2_price) }}
  465.                                                 </td>
  466.                                             </tr> 
  467.                                             <tr class="construction_type_07_04_v1">
  468.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  469.                                                 <td>
  470.                                                     <div class="fill v4">
  471.                                                         {% for key,val in form.construction_type_07_04_v1.vars.choices %}
  472.                                                             <label class="form-check">
  473.                                                                 <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 %} />
  474.                                                                 {{ val.label | trans }} 
  475.                                                             </label>
  476.                                                         {% endfor %}                    
  477.                                                     </div>
  478.                                                     {{ form_errors(form.construction_type_07_04_v1) }}
  479.                                                     {{ form_widget(form.construction_type_07_04_v1_price) }}
  480.                                                 </td>
  481.                                             </tr> 
  482.                                             <tr class="construction_type_07_04_v2">
  483.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  484.                                                 <td>
  485.                                                     <div class="fill v4">
  486.                                                         {% for key,val in form.construction_type_07_04_v2.vars.choices %}
  487.                                                             <label class="form-check">
  488.                                                                 <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 %} />
  489.                                                                 {{ val.label | trans }} 
  490.                                                             </label>
  491.                                                         {% endfor %}                    
  492.                                                     </div>
  493.                                                     {{ form_errors(form.construction_type_07_04_v2) }}
  494.                                                     {{ form_widget(form.construction_type_07_04_v2_price) }}
  495.                                                 </td>
  496.                                             </tr> 
  497.                                             <tr class="construction_type_07_04_v3">
  498.                                                 <td><p>工事内訳</p><small>4段階目</small></td>
  499.                                                 <td>
  500.                                                     <div class="fill v4">
  501.                                                         {% for key,val in form.construction_type_07_04_v3.vars.choices %}
  502.                                                             <label class="form-check">
  503.                                                                 <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 %} />
  504.                                                                 {{ val.label | trans }} 
  505.                                                             </label>
  506.                                                         {% endfor %}                    
  507.                                                     </div>
  508.                                                     {{ form_errors(form.construction_type_07_04_v3) }}
  509.                                                     {{ form_widget(form.construction_type_07_04_v3_price) }}
  510.                                                 </td>
  511.                                             </tr> 
  512.                                             <tr class="content-1">
  513.                                                 <td><p>設置台数</p></td>
  514.                                                 <td>
  515.                                                     <div class="fill v4 construction-input-text">
  516.                                                         <div class="construction-input-text__item">
  517.                                                             <span>6-14畳</span>{{ form_widget(form.construction_6) }}<span>台</span>
  518.                                                         </div>
  519.                                                         <div class="construction-input-text__item">
  520.                                                             <span>16-20畳</span>{{ form_widget(form.construction_16) }}<span>台</span>
  521.                                                         </div>
  522.                                                         <div class="construction-input-text__item">
  523.                                                             <span>23畳-</span>{{ form_widget(form.construction_23) }}<span>台</span>
  524.                                                         </div>
  525.                                                     </div>
  526.                                                     {{ form_widget(form.number_install) }}
  527.                                                     {{ form_widget(form.number_install_price) }}
  528.                                                 </td>
  529.                                             </tr>
  530.                                             <tr class="content-1">
  531.                                                 <td><p>特急券の購入</p></td>
  532.                                                 <td>
  533.                                                     <div class="fill v4">
  534.                                                         {% for key,val in form.express_tickets.vars.choices %}
  535.                                                             <label class="form-check">
  536.                                                                 <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 %} />
  537.                                                                 {{ val.label | trans }} 
  538.                                                             </label>
  539.                                                         {% endfor %}                    
  540.                                                     </div>
  541.                                                     {{ form_errors(form.express_tickets) }}
  542.                                                     {{ form_widget(form.express_tickets_price) }}
  543.                                                 </td>
  544.                                             </tr> 
  545.                                             <tr class="content-1">
  546.                                                 <td><p>お住まい</p></td>
  547.                                                 <td>
  548.                                                     <div class="fill v4">
  549.                                                         {% for key,val in form.osumai.vars.choices %}
  550.                                                             <label class="form-check">
  551.                                                                 <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 %} />
  552.                                                                 {{ val.label | trans }} 
  553.                                                             </label>
  554.                                                         {% endfor %}
  555.                                                     </div>
  556.                                                     {{ form_errors(form.osumai) }}
  557.                                                 </td>
  558.                                             </tr>
  559.                                             <tr class="content-1">
  560.                                                 <td><p>建物の所有</p></td>
  561.                                                 <td>
  562.                                                     <div class="fill v4">
  563.                                                         {% for key,val in form.building_ownership.vars.choices %}
  564.                                                             <label class="form-check">
  565.                                                                 <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 %} />
  566.                                                                 {{ val.label | trans }} 
  567.                                                                 {% if val.value == "賃貸" %}
  568.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事内容によっては受付出来ない可能性もございます。</p>
  569.                                                                 {% endif %}
  570.                                                             </label>
  571.                                                         {% endfor %}
  572.                                                     </div>
  573.                                                     {{ form_errors(form.building_ownership) }}
  574.                                                 </td>
  575.                                             </tr>
  576.                                             <tr class="content-1">
  577.                                                 <td><p>構造</p></td>
  578.                                                 <td>
  579.                                                     <div class="fill v4">
  580.                                                         {% for key,val in form.structure.vars.choices %}
  581.                                                             <label class="form-check">
  582.                                                                 <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 %} />
  583.                                                                 {{ val.label | trans }} 
  584.                                                             </label>
  585.                                                         {% endfor %}
  586.                                                     </div>
  587.                                                     {{ form_errors(form.structure) }}
  588.                                                 </td>
  589.                                             </tr>
  590.                                             <tr class="content-1">
  591.                                                 <td><p>設置工事希望日</p></td>
  592.                                                 <td>
  593.                                                     <div class="fill v3">
  594.                                                         <label class="label v3 date vip">
  595.                                                             第一希望日  
  596.                                                             {{ form_widget(form.construction_date_1) }}
  597.                                                             {{ form_errors(form.construction_date_1) }}
  598.                                                             <span class="pc"> </span>希望時間帯 
  599.                                                             <select name="time_slot_1" id="time_slot_1">
  600.                                                                 {% for key,val in form.time_slot_1.vars.choices %}
  601.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  602.                                                                 {% endfor %}
  603.                                                             </select>
  604.                                                         </label>
  605.                                                         <label class="label v3 date">
  606.                                                             第二希望日  
  607.                                                             {{ form_widget(form.construction_date_2) }}
  608.                                                             {{ form_errors(form.construction_date_2) }}
  609.                                                             <span class="pc"> </span>希望時間帯 
  610.                                                             <select name="time_slot_2" id="time_slot_2">
  611.                                                                 {% for key,val in form.time_slot_2.vars.choices %}
  612.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  613.                                                                 {% endfor %}
  614.                                                             </select>
  615.                                                         </label>
  616.                                                         <label class="label v3 date">
  617.                                                             第三希望日  
  618.                                                             {{ form_widget(form.construction_date_3) }}
  619.                                                             {{ form_errors(form.construction_date_3) }}
  620.                                                             <span class="pc"> </span>希望時間帯 
  621.                                                             <select name="time_slot_3" id="time_slot_3">
  622.                                                                 {% for key,val in form.time_slot_3.vars.choices %}
  623.                                                                     <option value="{{ val.value }}">{{ val.label | trans }} </option>
  624.                                                                 {% endfor %}
  625.                                                             </select>
  626.                                                         </label>
  627.                                                         {{ form_widget(form.contents, {'attr': { 'placeholder': 'その他希望等あればご記入ください。' }}) }}
  628.                                                         {{ form_errors(form.contents) }}
  629.                                                     </div>
  630.                                                 </td>
  631.                                             </tr>
  632.                                             <tr class="content-1">
  633.                                                 <td><p>エアコン設置場所</p></td>
  634.                                                  <td>
  635.                                                     <div class="fill v4">
  636.                                                         {% for key,val in form.construction_floor_07.vars.choices %}
  637.                                                             <label class="form-check">
  638.                                                                 <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 %} />
  639.                                                                 {{ val.label | trans }} 
  640.                                                             </label>
  641.                                                         {% endfor %}
  642.                                                     </div>
  643.                                                     {{ form_errors(form.construction_floor_07) }}
  644.                                                 </td>
  645.                                             </tr> 
  646.                                             <tr class="content-1">
  647.                                                 <td><p>エレベーターの有無</p><small>※3階以上の場合</small></td>
  648.                                                 <td>
  649.                                                     <div class="fill v4">
  650.                                                         {% for key,val in form.elevator_07.vars.choices %}
  651.                                                             <label class="form-check">
  652.                                                                 <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 %} />
  653.                                                                 {{ val.label | trans }} 
  654.                                                             </label>
  655.                                                         {% endfor %}
  656.                                                         {{ form_errors(form.elevator_07) }}
  657.                                                         {{ form_widget(form.elevator_07_price) }}
  658.                                                     </div>
  659.                                                 </td>
  660.                                             </tr> 
  661.                                             <tr class="content-1">
  662.                                                 <td><p>コンセントの有無</p></td>
  663.                                                 <td>
  664.                                                     <div class="fill v4">
  665.                                                         {% for key,val in form.electrical_outlet_07.vars.choices %}
  666.                                                             <label class="form-check flex">
  667.                                                                 <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 %} />
  668.                                                                 {{ val.label | trans }} 
  669.                                                                 {% if val.value == "なし(別途工事が必要になります)" %}
  670.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.2;">※10m以上の方は別途お見積りさせていただきます。</p>
  671.                                                                 {% endif %}
  672.                                                                 {% if val.value == "不明" %}
  673.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.2;">※工事当日に追加費用が発生する場合があります。</p>
  674.                                                                 {% endif %}
  675.                                                             </label>
  676.                                                         {% endfor %}
  677.                                                         {{ form_errors(form.electrical_outlet_07) }}
  678.                                                         {{ form_widget(form.electrical_outlet_07_price) }}
  679.                                                     </div>
  680.                                                 </td>
  681.                                             </tr> 
  682.                                             <tr class="electrical_outlet_07_02">
  683.                                                 <td>
  684.                                                     <p>コンセントの有無</p>
  685.                                                     {# <small>2段階目</small> #}
  686.                                                 </td>
  687.                                                 <td>
  688.                                                     <div class="fill v4">
  689.                                                         {% for key,val in form.electrical_outlet_07_02.vars.choices %}
  690.                                                             <label class="form-check flex">
  691.                                                                 <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 %} />
  692.                                                                 {{ val.label | trans }} 
  693.                                                             </label>
  694.                                                         {% endfor %}
  695.                                                         {{ form_errors(form.electrical_outlet_07_02) }}
  696.                                                         {{ form_widget(form.electrical_outlet_07_02_price) }}
  697.                                                     </div>
  698.                                                 </td>
  699.                                             </tr>    
  700.                                             <tr class="content-1">
  701.                                                 <td><p>建物の契約アンペア</p></td>
  702.                                                 <td>
  703.                                                     <div class="fill v4">
  704.                                                         {% for key,val in form.contract_amp.vars.choices %}
  705.                                                             <label class="form-check flex">
  706.                                                                 <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 %}/>
  707.                                                                 {{ val.label | trans }} 
  708.                                                             </label>
  709.                                                         {% endfor %}
  710.                                                     </div>
  711.                                                     {{ form_errors(form.contract_amp) }}
  712.                                                 </td>
  713.                                             </tr> 
  714.                                             <tr class="content-1">
  715.                                                 <td><p>コンセントアース端子</p></td>
  716.                                                 <td>
  717.                                                     <div class="fill v4">
  718.                                                         {% for key,val in form.outlet_earth.vars.choices %}
  719.                                                             <label class="form-check flex">
  720.                                                                 <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 %}/>
  721.                                                                 {{ val.label | trans }} 
  722.                                                                 {% if val.value == "なし" %}
  723.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">*工事当日に追加費用がかかる場合があります。</p>
  724.                                                                 {% endif %}
  725.                                                                 {% if val.value == "不明" %}
  726.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">*工事当日に追加費用がかかる場合があります。</p>
  727.                                                                 {% endif %}
  728.                                                             </label>
  729.                                                         {% endfor %}
  730.                                                     </div>
  731.                                                     {{ form_errors(form.outlet_earth) }}
  732.                                                 </td>
  733.                                             </tr>  
  734.                                             <tr class="content-1">
  735.                                                 <td><p>配管穴の有無</p></td>
  736.                                                 <td>
  737.                                                     <div class="fill v4 vip">
  738.                                                         {% for key,val in form.room_size_07.vars.choices %}
  739.                                                             <label class="form-check flex">
  740.                                                                 <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 %}/>
  741.                                                                 {{ val.label | trans }} 
  742.                                                                 {% if val.value == "不明" %}
  743.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。別途エアココからご連絡させていただきます。</p>
  744.                                                                 {% endif %}
  745.                                                             </label>
  746.                                                         {% endfor %}
  747.                                                     </div>
  748.                                                     {{ form_errors(form.room_size_07) }}
  749.                                                     <img style="margin-left: auto;" src="{{ asset('assets/img/contact/') }}hole-sample.jpg" alt="配管穴の有無">
  750.                                                 </td>
  751.                                             </tr> 
  752.                                             <tr class="room_size_07_02">
  753.                                                 <td><p>配管穴の有無</p><small>2段階目</small></td>
  754.                                                 <td>
  755.                                                     <div class="fill v4">
  756.                                                         {% for key,val in form.room_size_07_02.vars.choices %}
  757.                                                             <label class="form-check flex">
  758.                                                                 <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 %}/>
  759.                                                                 {{ val.label | trans }} 
  760.                                                             </label>
  761.                                                         {% endfor %}
  762.                                                     </div>
  763.                                                     {{ form_errors(form.room_size_07_02) }}
  764.                                                 </td>
  765.                                             </tr> 
  766.                                             <tr class="room_size_07_03_v1">
  767.                                                 <td><p>建物の材質</p><small>(穴あけ&貫通スリーブ費)</small></td>
  768.                                                 <td>
  769.                                                     <div class="fill v4">
  770.                                                         {% for key,val in form.room_size_07_03_v1.vars.choices %}
  771.                                                             <label class="form-check flex">
  772.                                                                 <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 %}/>
  773.                                                                 {{ val.label | trans }} 
  774.                                                                 {% if val.value == "その他" %}
  775.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  776.                                                                 {% endif %}
  777.                                                                 {% if val.value == "不明" %}
  778.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  779.                                                                 {% endif %}
  780.                                                             </label>
  781.                                                         {% endfor %}
  782.                                                     </div>
  783.                                                     {{ form_errors(form.room_size_07_03_v1) }}
  784.                                                     {{ form_widget(form.room_size_07_03_v1_price) }}
  785.                                                 </td>
  786.                                             </tr> 
  787.                                             <tr class="room_size_07_03_v2">
  788.                                                 <td><p>建物の材質</p><small>(穴あけ&貫通スリーブ&アスベストみなし工事、対策費と調査報告書作成費)</small></td>
  789.                                                 <td>
  790.                                                     <div class="fill v4">
  791.                                                         {% for key,val in form.room_size_07_03_v2.vars.choices %}
  792.                                                             <label class="form-check flex">
  793.                                                                 <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 %}/>
  794.                                                                 {{ val.label | trans }} 
  795.                                                                 {% if val.value == "その他" %}
  796.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  797.                                                                 {% endif %}
  798.                                                                 {% if val.value == "不明" %}
  799.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に追加費用が発生する場合があります。</p>
  800.                                                                 {% endif %}
  801.                                                             </label>
  802.                                                         {% endfor %}
  803.                                                     </div>
  804.                                                     {{ form_errors(form.room_size_07_03_v2) }}
  805.                                                     {{ form_widget(form.room_size_07_03_v2_price) }}
  806.                                                 </td>
  807.                                             </tr> 
  808.                                             <tr class="content-1">
  809.                                                 <td><p>設置予定場所の<br class="pc" />配管の状態</p></td>
  810.                                                 <td style="flex-direction: column;">
  811.                                                     <div class="fill v5 up">
  812.                                                         {% set idx = 0 %}
  813.                                                         {% for key,val in form.piping_status_07.vars.choices %}
  814.                                                             {% set idx = idx + 1 %}
  815.                                                             {% if idx <= 2 %}
  816.                                                                 <div class="group">
  817.                                                                     <label class="form-check v2">
  818.                                                                         <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 %} />
  819.                                                                         {{ val.label | trans }} 
  820.                                                                     </label>
  821.                                                                     <img src="{{ asset('assets/img/form-0y/') }}line-option-0{{ idx }}.jpg" alt="">
  822.                                                                 </div>
  823.                                                             {% endif %}
  824.                                                         {% endfor %}
  825.                                                     </div>
  826.                                                     <div class="fill v5">
  827.                                                         {% set idx = 0 %}
  828.                                                         {% for key,val in form.piping_status_07.vars.choices %}
  829.                                                             {% set idx = idx + 1 %}
  830.                                                             {% if idx > 2 %}
  831.                                                                 <label class="form-check">
  832.                                                                     <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 %} />
  833.                                                                     {{ val.label | trans }} 
  834.                                                                 </label>
  835.                                                             {% endif %}
  836.                                                         {% endfor %}
  837.                                                     </div>
  838.                                                     {{ form_errors(form.piping_status_07) }}
  839.                                                 </td>
  840.                                             </tr>
  841.                                             <tr class="piping_status_07_02">
  842.                                                 <td><p>設置予定場所の<br class="pc" />配管の状態</p><small>2段階目</small></td>
  843.                                                 <td>
  844.                                                     <div class="fill v4">
  845.                                                         {% for key,val in form.piping_status_07_02.vars.choices %}
  846.                                                             <label class="form-check flex">
  847.                                                                 <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 %}/>
  848.                                                                 {{ val.label | trans }} 
  849.                                                             </label>
  850.                                                         {% endfor %}
  851.                                                     </div>
  852.                                                     {{ form_errors(form.piping_status_07_02) }}
  853.                                                     {{ form_widget(form.piping_status_07_02_price) }}
  854.                                                 </td>
  855.                                             </tr> 
  856.                                             <tr class="content-1">
  857.                                                 <td><p>室内化粧カバーの<br class="pc" />希望の有無</p></td>
  858.                                                 <td>
  859.                                                     <div class="fill v4" style="order: 2;">
  860.                                                         {% for key,val in form.indoor_cover_07.vars.choices %}
  861.                                                             <label class="form-check flex">
  862.                                                                 <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 %} />
  863.                                                                 {{ val.label | trans }} 
  864.                                                                 {% if val.value == "必要(2m以内)" %}
  865.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※2mを超える場合は追加費用がかかります。</p>
  866.                                                                 {% endif %}
  867.                                                                 {% if val.value == "未定" %}
  868.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※化粧カバーが必要になった場合は追加費用がかかります。</p>
  869.                                                                 {% endif %}
  870.                                                             </label>
  871.                                                         {% endfor %}                    
  872.                                                     </div>
  873.                                                     {{ form_errors(form.indoor_cover_07) }}
  874.                                                     {{ form_widget(form.indoor_cover_07_price) }}
  875.                                                     <img style="margin-left: auto; order: 3;" src="{{ asset('assets/img/contact/') }}item-1.jpg" alt="室内化粧カバー">
  876.                                                 </td>
  877.                                             </tr> 
  878.                                             <tr class="content-1">
  879.                                                 <td><p>室外化粧カバーの<br class="pc" />希望の有無</p></td>
  880.                                                 <td>                
  881.                                                     <div class="fill v4">
  882.                                                         {% for key,val in form.outdoor_cover.vars.choices %}
  883.                                                             <label class="form-check flex">
  884.                                                                 <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 %} />
  885.                                                                 {{ val.label | trans }} 
  886.                                                                 {% if val.value == "その他" %}
  887.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  888.                                                                 {% endif %}
  889.                                                             </label>
  890.                                                         {% endfor %}                    
  891.                                                     </div>
  892.                                                     {{ form_errors(form.outdoor_cover) }}
  893.                                                     <img style="margin-left: auto;" src="{{ asset('assets/img/contact/') }}item-2.jpg" alt="室外化粧カバー">
  894.                                                 </td>
  895.                                             </tr> 
  896.                                             <tr class="outdoor_cover_02">
  897.                                                 <td><p>室外化粧カバーの<br class="pc" />希望の有無</p><small>2段階目</small></td>
  898.                                                 <td>                
  899.                                                     <div class="fill v4">
  900.                                                         {% for key,val in form.outdoor_cover_02.vars.choices %}
  901.                                                             <label class="form-check" >
  902.                                                                 <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 %} />
  903.                                                                 {{ val.label | trans }} 
  904.                                                                 {% if val.value == "再使用(交換)同階" %}
  905.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※交換にはすでにスリムダクトが付いている方も含みます。</p>
  906.                                                                 {% endif %}
  907.                                                                 {% if val.value == "再使用(交換)異階" %}
  908.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※交換にはすでにスリムダクトが付いている方も含みます。</p>
  909.                                                                 {% endif %}
  910.                                                             </label>
  911.                                                         {% endfor %}                    
  912.                                                     </div>
  913.                                                     {{ form_errors(form.outdoor_cover_02) }}
  914.                                                     {{ form_widget(form.outdoor_cover_02_price) }}
  915.                                                 </td>
  916.                                             </tr>
  917.                                             <tr class="content-1">
  918.                                                 <td><p>室外機の設置場所(既設場所・希望設置場所)</p></td>
  919.                                                 <td>                
  920.                                                     <div class="fill v4">
  921.                                                         {% for key,val in form.construction_outdoor_07.vars.choices %}
  922.                                                             <label class="form-check flex">
  923.                                                                 <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 %} />
  924.                                                                 {{ val.label | trans }} 
  925.                                                                 {% if val.value == "その他" %}
  926.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  927.                                                                 {% endif %}
  928.                                                             </label>
  929.                                                         {% endfor %}
  930.                                                     </div>
  931.                                                     {{ form_errors(form.construction_outdoor_07) }}
  932.                                                     {{ form_widget(form.construction_outdoor_07_price) }}
  933.                                                 </td>
  934.                                             </tr>
  935.                                             <tr class="content-1">
  936.                                                 <td><p>室外機の設置方法(既設方法・希望設置方法)</p></td>
  937.                                                 <td>
  938.                                                     <div class="fill v4">
  939.                                                         {% for key,val in form.setting_install_method.vars.choices %}
  940.                                                             <label class="form-check">
  941.                                                                 <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 %} />
  942.                                                                 {{ val.label | trans }} 
  943.                                                             </label>
  944.                                                         {% endfor %}
  945.                                                     </div>
  946.                                                     {{ form_errors(form.setting_install_method) }}
  947.                                                     <div class="fill v4 construction_method_07_v1" style="margin-left: 2rem; flex-direction: column;">
  948.                                                         {% for key,val in form.construction_method_07_v1.vars.choices %}
  949.                                                             <label class="form-check flex">
  950.                                                                 <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 %} />
  951.                                                                 {{ val.label | trans }} 
  952.                                                                 {% if val.value == "⑧不明(記載)" %}
  953.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  954.                                                                 {% endif %}
  955.                                                             </label>
  956.                                                         {% endfor %}
  957.                                                         <img style="margin-top: 3rem;" src="{{ asset('assets/img/form-0y/install-option.jpg') }}" alt="">                    
  958.                                                     </div>
  959.                                                     {{ form_errors(form.construction_method_07_v1) }}
  960.                                                     {{ form_widget(form.construction_method_07_v1_price) }}
  961.                                                     <div class="fill v4 construction_method_07_v2" style="margin-left: 2rem; flex-direction: column;">
  962.                                                         {% for key,val in form.construction_method_07_v2.vars.choices %}
  963.                                                             <label class="form-check flex">
  964.                                                                 <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 %} />
  965.                                                                 {{ val.label | trans }} 
  966.                                                                 {% if val.value == "⑧不明(記載)" %}
  967.                                                                     <p style="padding-left: 2rem;font-size: 0.8em;line-height: 1.3; flex: 1;">※工事当日に必要になった場合、追加費用が発生する場合があります。</p>
  968.                                                                 {% endif %}
  969.                                                             </label>
  970.                                                         {% endfor %}
  971.                                                         <img style="margin-top: 3rem;" src="{{ asset('assets/img/form-0y/install-option.jpg') }}" alt="">                    
  972.                                                     </div>
  973.                                                     {{ form_errors(form.construction_method_07_v2) }}
  974.                                                     {{ form_widget(form.construction_method_07_v2_price) }}
  975.                                                 </td>
  976.                                             </tr>
  977.                                             <tr class="content-1">
  978.                                                 <td><p>ファイル添付</p></td>
  979.                                                 <td>
  980.                                                     <div class="fill v6">
  981.                                                         <div class="group">
  982.                                                             <p>詳細お見積りに際し、下記の写真を撮影し添付してください。<br>※夜間に撮影する際はフラッシュを使用してください。</p>
  983.                                                         </div>
  984.                                                         <div class="group add">
  985.                                                             <div class="group-content">
  986.                                                                 <label for=""><p>①室内機設置場所(屋内)</p></label>
  987.                                                                 <div class="custom-file">
  988.                                                                     {% if form.filename_image_1.vars.data != '' %}
  989.                                                                     {{ form_widget(form.image_1) }}
  990.                                                                     <label for="contact_image_1">選択してください</label>
  991.                                                                     <img src="{{ asset(form.filename_image_1.vars.data, 'save_image') }}" style="width: 150px !important;" />
  992.                                                                     {% else %}
  993.                                                                         {{ form_widget(form.image_1, {'attr': { 'required': 'required' }}) }}
  994.                                                                         <label for="contact_image_1">選択してください</label>
  995.                                                                         <img src="" style="width: 150px !important;" />
  996.                                                                     {% endif %}
  997.                                                                     {{ form_errors(form.image_1) }}
  998.                                                                     {{ form_widget(form.filename_image_1) }}
  999.                                                                 </div>
  1000.                                                             </div>
  1001.                                                             <div class="image">
  1002.                                                                 <div class="gr">
  1003.                                                                     <img src="{{ asset('assets/img/construction/') }}item-3.jpg" alt="">     
  1004.                                                                     <span>撮影例</span>  
  1005.                                                                 </div>             
  1006.                                                             </div>
  1007.                                                         </div>
  1008.                                                         <div class="group add">
  1009.                                                             <div class="group-content">
  1010.                                                                 <label for=""><p>②室外機・配管・配管穴が分かる全体写真</p></label>
  1011.                                                                 <div class="custom-file">
  1012.                                                                     {% if form.filename_image_2.vars.data != '' %}
  1013.                                                                     {{ form_widget(form.image_2) }}
  1014.                                                                     <label for="contact_image_2">選択してください</label>
  1015.                                                                     <img src="{{ asset(form.filename_image_2.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1016.                                                                     {% else %}
  1017.                                                                         {{ form_widget(form.image_2, {'attr': { 'required': 'required' }}) }}
  1018.                                                                         <label for="contact_image_2">選択してください</label>
  1019.                                                                         <img src="" style="width: 150px !important;" />
  1020.                                                                     {% endif %}
  1021.                                                                     {{ form_errors(form.image_2) }}
  1022.                                                                     {{ form_widget(form.filename_image_2) }}
  1023.                                                                 </div>
  1024.                                                             </div>
  1025.                                                             <div class="image">
  1026.                                                                 <div class="gr">
  1027.                                                                     <img src="{{ asset('assets/img/construction/') }}contact-00-attach-02.jpg" alt="">     
  1028.                                                                     <span>撮影例</span>  
  1029.                                                                 </div>             
  1030.                                                             </div>
  1031.                                                         </div>
  1032.                                                         <div class="group add">
  1033.                                                             <div class="group-content">
  1034.                                                                 <label for=""><p>③室外機設置場所<br>(②の写真で室外機設置場所が分かる方は不要)</p></label>
  1035.                                                                 <div class="custom-file">
  1036.                                                                     {% if form.filename_image_3.vars.data != '' %}
  1037.                                                                     {{ form_widget(form.image_3) }}
  1038.                                                                     <label for="contact_image_3">選択してください</label>
  1039.                                                                     <img src="{{ asset(form.filename_image_3.vars.data, 'save_image') }}" style="width: 150px !important;" />
  1040.                                                                     {% else %}
  1041.                                                                         {{ form_widget(form.image_3) }}
  1042.                                                                         <label for="contact_image_3">選択してください</label>
  1043.                                                                         <img src="" style="width: 150px !important;" />
  1044.                                                                     {% endif %}
  1045.                                                                     {{ form_errors(form.image_3) }}
  1046.                                                                     {{ form_widget(form.filename_image_3) }}
  1047.                                                                 </div>
  1048.                                                             </div>
  1049.                                                             <div class="image">
  1050.                                                                 <div class="gr">
  1051.                                                                     <img src="{{ asset('assets/img/construction/') }}item-5-1.jpg" alt="">     
  1052.                                                                     <span>1階撮影例</span>  
  1053.                                                                 </div>
  1054.                                                                 <div class="gr">
  1055.                                                                     <img src="{{ asset('assets/img/construction/') }}item-5-2.jpg" alt="">     
  1056.                                                                     <span>2階撮影例</span>  
  1057.                                                                 </div>                
  1058.                                                             </div>
  1059.                                                         </div>
  1060.                                                     </div>
  1061.                                                 </td>
  1062.                                             </tr>
  1063.                                         </table>
  1064.                                         <div class="result">
  1065.                                             <p>概算合計金額</p>
  1066.                                             <p id="total-price">00,000円</p>
  1067.                                             {{ form_widget(form.construction_base_price_1) }}
  1068.                                             {{ form_widget(form.construction_base_price_2) }}
  1069.                                             {{ form_widget(form.construction_base_price_3) }}
  1070.                                             {{ form_widget(form.construction_total_price) }}
  1071.                                             {{ form_widget(form.construction_discount) }}
  1072.                                         </div>
  1073.                                         <div style="text-align: right;" class="pc">
  1074.                                             「
  1075.                                             {# 本体価格 <span class="product_price"></span>円、 #}
  1076.                                             {# 標準工事 <span class="base_price"></span>円、 #}
  1077.                                             本体価格+標準工事費 <span class="product_base_price"></span>円、
  1078.                                             追加工事 <span class="add_price"></span>円
  1079.                                             」
  1080.                                         </div>
  1081.                                         <div style="text-align: right;" class="sp">
  1082.                                             {# 本体価格 <span class="product_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br> #}
  1083.                                             {# 標準工事 <span class="base_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br> #}
  1084.                                             本体価格+標準工事費 <span class="product_base_price" style="display: inline-block; width: 100px; text-align: right;"></span>円<br>
  1085.                                             追加工事 <span class="add_price" style="display: inline-block; width: 100px; text-align: right;"></span>円
  1086.                                         </div> 
  1087.                                     </div>
  1088.                                 </div>                            
  1089.                             </div>
  1090.                             <div class="ec-productRole__actions" style="display: none;">
  1091.                                 {% if form.classcategory_id1 is defined %}
  1092.                                     <div class="ec-select">
  1093.                                         {{ form_row(form.classcategory_id1) }}
  1094.                                         {{ form_errors(form.classcategory_id1) }}
  1095.                                     </div>
  1096.                                     {% if form.classcategory_id2 is defined %}
  1097.                                         <div class="ec-select">
  1098.                                             {{ form_row(form.classcategory_id2) }}
  1099.                                             {{ form_errors(form.classcategory_id2) }}
  1100.                                         </div>
  1101.                                     {% endif %}
  1102.                                 {% endif %}
  1103.                                 <div class="ec-numberInput">
  1104.                                     {{ form_widget(form.product_id) }}
  1105.                                     {{ form_widget(form.ProductClass) }}
  1106.                                     {{ form_widget(form.quantity) }}
  1107.                                     {{ form_errors(form.quantity) }}
  1108.                                 </div>
  1109.                             </div>
  1110.                             
  1111.                             <div class="ec-product-detail__group">
  1112.                                 <div class="list-btn">
  1113.                                     <a href="{{ url('cart') }}" class="btn btn-sd btn-back" style="display: block;" onclick="history.back(); return false;">
  1114.                                         <span>戻る</span>
  1115.                                     </a>
  1116.                                     <button type="submit" class="btn btn-sd add-cart cart-express" id="btn-confirm">
  1117.                                         <span>{{ '依頼(購入)にすすむ'|trans }}</span>
  1118.                                     </button>
  1119.                                 </div>
  1120.                             </div>
  1121.                         </form>
  1122.                     </div>
  1123.                 </div>
  1124.             </div>
  1125.         </div>
  1126.     </div>
  1127. {% endblock %}