{{--
<tr class="question_row">
    <th>部品カテゴリー<span class="req">必須</span></th>
    <td>
        @include('frontend.share._parts._parts_category', [
            'unless_sub_category' => 0,
            'main_name'=>'parts_category_id',
            'second_name'=>'parts_second_category',
            'sub_name'=>'parts_sub_category_id',
            'etc_name'=>'parts_etc_category',
            'part_main_category'=>old('parts_category_id', isset($contact['parts_category_id']) ? $contact['parts_category_id'] : ''),
            'part_second_category'=>old('parts_second_category', isset($contact['parts_second_category']) ? $contact['parts_second_category'] : ''),
            'part_sub_category'=>old('parts_sub_category_id', isset($contact['parts_sub_category_id']) ? ((isset($contact['parts_etc_category']) && !empty($contact['parts_etc_category'])) ? config('const.option_other_large_value') : $contact['parts_sub_category_id']) : ''),
            'parts_etc_category'=>old('parts_etc_category', isset($contact['parts_etc_category']) ? (!empty($contact['parts_etc_category']) ? $contact['parts_etc_category'] : null) : '')
        ])
        <div class="mt5">
            <input type="text" id="parts_official_name" style="display: none" class="input-text mt5" name="parts_official_name" value="{{ old('parts_official_name', isset($contact['parts_official_name']) ? $contact['parts_official_name'] : "") }}">
        </div>
        @error('parts_etc_category')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
        @error('parts_sub_category_id')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
<tr class="question_row">
    <th>品番<span class="req">必須</span></th>
    <td>
        <input type="text" id="genuine" name="genuine" value="{{ old('genuine', isset($contact['genuine']) ? $contact['genuine'] : '' ) }}" placeholder="">
        @error('genuine')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
--}}
<tr class="question_row">
    <td colspan="2" class="br-letter">適合確認したい車両の情報を入力してください</td>
</tr>
<tr class="question_row">
    <th>車両メーカー</th>
    <td>
        <div class="select-wrap">
            <label>
                <select name="vehicle_maker" >
                    <option value="">指定なし</option>
                    @foreach(\App\Service\Masters\VehicleMakerService::getAllVehicleMakers() as $key => $maker)
                        <option value="{{ $key }}" {{ old('vehicle_maker', isset($contact['vehicle_maker']) ? $contact['vehicle_maker'] : '') == $key ? 'selected' : '' }}>{{ $maker }}</option>
                    @endforeach
                    <option value="{{ config('const.option_other_value') }}" {{ old('vehicle_maker', isset($contact['vehicle_maker']) ? $contact['vehicle_maker'] : '') == config('const.option_other_value') ? 'selected' : '' }}>その他</option>
                </select>
            </label>
        </div>
        <div>
            <p>
                <input type="text" name="vehicle_maker_etc" value="{{ old('vehicle_maker_etc', isset($contact['vehicle_maker_etc']) ? $contact['vehicle_maker_etc'] : '') }}" placeholder="その他" class="input-text">
            </p>
        </div>
    </td>
</tr>
<tr class="question_row">
    <th>初年度登録</th>
    <td>
        <div class="company ">
            <div class="company ">
                <div class="select-wrap w200">
                    <label>
                        <select name="year_type1">
                            <option value="" selected="selected">指定なし</option>
                            <option value="{{ Carbon::now()->addYears(2)->format('Y') }}" {{ old('year_type1', isset($contact['year_type1']) ? $contact['year_type1'] : '') == Carbon::now()->addYears(2)->format('Y') ? 'selected' : '' }}>{{ \App\Helper\SystemHelper::convertGtJDate(Carbon::now()->addYears(2)->format('Y')) }}</option>
                            @foreach(\App\Helper\SystemHelper::getYearList() as $key => $year)
                                <option value="{{ $key }}" {{ old('year_type1', isset($contact['year_type1']) ? $contact['year_type1'] : '') == $key ? 'selected' : '' }}>{{ $year }}</option>
                            @endforeach
                        </select>
                    </label>
                </div>
                <div class="select-wrap w100 ">
                    <label>
                        <select name="year_type_m1" id="year_type_m">
                            <option value="">指定なし</option>
                            @foreach(range(1, 12) as $month)
                                <option value="{{ $month }}" {{ old('year_type_m1', isset($contact['year_type_m1']) ? $contact['year_type_m1'] : "") == $month ? 'selected' : '' }}>{{ $month }}月</option>
                            @endforeach
                        </select>
                    </label>
                </div>
            </div>
        </div>
    </td>
</tr>
<tr class="question_row">
    <th>型式</th>
    <td>
        <input type="text" name="model_first" value="{{ old('model_first', isset($contact['model_first']) ? $contact['model_first'] : "") }}" class="input-text2"> -
        <input type="text" name="model_second" value="{{ old('model_second', isset($contact['model_second']) ? $contact['model_second'] : "") }}" class="input-text3">

        @error('model_first')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
        @error('model_second')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
<tr class="question_row">
    <th>車台番号</th>
    <td>
        <input type="text" name="chassis_no" class="input-text" value="{{ old('chassis_no', isset($contact['chassis_no']) ? $contact['chassis_no'] : "") }}">

        @error('chassis_no')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
<tr class="question_row">
    <th>エンジン型式</th>
    <td>
        <input type="text" name="engine_model" class="input-text" value="{{ old('engine_model', isset($contact['engine_model']) ? $contact['engine_model'] : "") }}">
    </td>
</tr>
{{--
<tr class="question_row">
    <th>ミッション数</th>
    <td>
        <div class="checkbtn-wrap">
            <input type="checkbox" name="mission_options" id="mission_options" value="1" {{ old('mission_options', isset($contact['mission_options']) ? $contact['mission_options'] : '' ) == 1 ? 'checked' : '' }}>
            <label for="mission_options" class="check_label">{{ config('const.mission_count_options.1') }}</label>
        </div>
        <div class="select-wrap">
            <label>
                <select name="mission_count_id" id="mission_count_id">
                    <option value="" selected="selected">指定なし</option>
                    @foreach(\App\Service\Masters\VehicleMissionCountService::getAllVehicleMissionCounts() as $key => $mission_count)
                        <option id="mission_count_select{{ $key }}" value="{{ $key }}" {{ $key == old('mission_count_id', isset($contact['mission_count_id']) ? $contact['mission_count_id'] : "") ? 'selected' : '' }}>{{ $mission_count }}</option>
                    @endforeach
                </select>
            </label>
        </div>
    </td>
</tr>
<tr class="question_row">
    <th>備考</th>
    <td>
        <textarea name="note">{{ old('note', isset($contact['note']) ? $contact['note'] : '') }}</textarea>
        @error('note')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
--}}
<tr class="question_row">
    <th>車検証アップロード</th>
    <td>
        <div class="file-wrap dropzone" data-id="1" id="dropZoneBox1">
            <label id="addition_file_upload1">ファイル選択</label>
            @if(!empty(old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '')) && Storage::disk('temp')->has(old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '')))
                <a target="_blank" href="{{ asset('storage/temp') }}/{{ old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '') }}" id="addition_file_link1" data-id="1">
                    @php
                        $file_arr = explode('.', old('file_name1', isset($contact['file_name1']) ? $contact['file_name1'] : ''));
                        $extension = end($file_arr);
                    @endphp
                    @if(in_array($extension, config('const.image_file_extension')))
                        <span id="addition_file_span1"></span>
                        <img id="addition_file_img1" src="{{ asset('storage/temp') }}/{{ old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '') }}">
                    @else
                        <span id="addition_file_span1">{{ old('file_name1', isset($contact['file_name1']) ? $contact['file_name1'] : '') }}</span>
                        <img id="addition_file_img1" src="" style="display: none">
                    @endif
                </a>
            @else
                <span id="addition_file_span1"></span>
                <img id="addition_file_img1" src="" style="display: none">
                <a target="_blank" href="#" id="addition_file_link1" data-id="1"></a>
            @endif
            <input type="hidden" name="file_name1" id="addition_file_name1" value="{{ old('file_name1', isset($contact['file_name1']) ? $contact['file_name1'] : '') }}">
            <input type="hidden" name="file_path1" id="addition_file_path1" value="{{ old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '') }}">
            <div class="file-box">
                <label class="delete-file minus" id="addition_file_delete1" data-file_path="{{ old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : '') }}" data-id="1" style="display: {{ (!empty(old('file_path1', isset($contact['file_path1']) ? $contact['file_path1'] : ''))) ? 'inline-block' : 'none' }}">削除</label>
            </div>
        </div>
        @error('file_path1')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
{{--
<tr class="question_row">
    <th>ボディ幅</th>
    <td>
        <div class="select-wrap">
            <label>
                <select name="body_width" id="body_width">
                    <option value="">指定なし</option>
                    @foreach(config('const.parts_body_width') as $key => $status)
                        <option value="{{ $key }}" {{ old('body_width', isset($contact['body_width']) ? $contact['body_width'] : "") == $key ? 'selected' : '' }}>{{ $status }}</option>
                    @endforeach
                </select>
            </label>
        </div>
    </td>
</tr>
<tr class="question_row">
    <th>キャビン形状</th>
    <td>
        <div class="select-wrap">
            <label>
                <select name="cabin_shape" id="cabin_shape">
                    <option value="">指定なし</option>
                    @foreach(config('const.parts_cabin_shape') as $key => $status)
                        <option value="{{ $key }}" {{ old('cabin_shape', isset($contact['cabin_shape']) ? $contact['cabin_shape'] : "") == $key ? 'selected' : '' }}>{{ $status }}</option>
                    @endforeach
                </select>
            </label>
        </div>
    </td>
</tr>
<tr class="question_row">
    <th>色</th>
    <td>
        <input type="text" name="color" class="input-text" value="{{ old('color', isset($contact['color']) ? $contact['color'] : "") }}">

        @error('color')
        <br/><span class="must_contact">{{ $message }}</span>
        @enderror
    </td>
</tr>
--}}


<script>
    $(function(){
        $(document).ready(function(){
            $('select[name="parts_sub_category_id"]').change(function () {
                let category_name = $('select[name="parts_sub_category_id"] option:selected').html();
                console.log(category_name);
                if ((category_name != '' && !category_name.includes('その他')) || $(this).val() == "{{ config('const.option_other_large_value') }}"){
                    $("#parts_official_name").val('');
                    $("#parts_official_name").hide();
                } else {
                    //$("#parts_official_name").val('');
                    $("#parts_official_name").show();
                }
            });
            $('select[name="parts_etc_category"]').change(function () {
                let category_name = $('select[name="parts_etc_category"] option:selected').html();
                console.log(category_name);
                if (category_name != '' && !category_name.includes('その他')){
                    //$("#parts_official_name").val(category_name);
                    $("#parts_official_name").val('');
                    $("#parts_official_name").hide();
                } else {
                    //$("#parts_official_name").val('');
                    $("#parts_official_name").show();
                }
            });
            if($('select[name="vehicle_maker"]').val() == "{{ config('const.question_condition_vehicle_maker_code.other') }}"){
                $("#vehicle_maker_etc").prop('disabled', false);
            } else {
                $("#vehicle_maker_etc").prop('disabled', true);
            }

            $('select[name="vehicle_maker"]').change(function () {
                if($(this).val() == "{{ config('const.option_other_value') }}"){
                    $("#vehicle_maker_etc").prop('disabled', false);
                } else {
                    $("#vehicle_maker_etc").prop('disabled', true);
                    $("#vehicle_maker_etc").val('');
                }
            });
            if($('select[name="vehicle_maker"]').val() == "{{ config('const.option_other_value') }}"){
                $('input[name="vehicle_maker_etc"]').prop('disabled', false);
            } else {
                $('input[name="vehicle_maker_etc"]').val('');
                $('input[name="vehicle_maker_etc"]').prop('disabled', true);
            }
            $('select[name="vehicle_maker"]').change(function () {
                if($('select[name="vehicle_maker"]').val() == "{{ config('const.option_other_value') }}"){
                    $('input[name="vehicle_maker_etc"]').prop('disabled', false);
                } else {
                    $('input[name="vehicle_maker_etc"]').val('');
                    $('input[name="vehicle_maker_etc"]').prop('disabled', true);
                }
            });
            $('input[name="horsepower_ps_min"]').change(function () {
                if(isNaN(parseFloat($(this).val()))){
                    $(this).val('');
                } else {
                    $('input[name="horsepower_kw_min"]').val(Math.round(parseFloat($(this).val()) * 0.735));
                }
            });
            $('input[name="horsepower_kw_min"]').change(function () {
                if(isNaN(parseFloat($(this).val()))){
                    $(this).val('');
                } else {
                    $('input[name="horsepower_ps_min"]').val(Math.round(parseFloat($(this).val()) * 1.360544));
                }
            });
        });

    });
</script>