@extends('user.layouts.app')

@section('title', ((isset($is_create) && $is_create) ? '車両登録' : '車両編集'))

@section('header')
    @unless ((isset($is_create) && $is_create))
        <p><a href="{{ route("user.vehicles.index") }}">＜</a></p>
    @endif
    <h1 id="title">{{ ((isset($is_create) && $is_create) ? '車両登録' : '車両編集') }}<a class="question-mark modal-open" data-target="use_flow"><img src="{{ asset('assets/user/img/question_mark.png') }}"></a></h1>
@endsection

@section('content')
    <main>
        @include('user.layouts.flash-message')
        {{ Form::open(["route"=>"user.vehicles.update", 'files'=>true, 'id'=>'vehicle_update_form']) }}
            <input type="hidden" name="id" value="{{ $vehicle->id }}">
            <input type="hidden" name="is_create" value="{{ isset($is_create) ? $is_create : '' }}"/>
            <div id="wrapper" class="contents">
                <table class="table">
                    <tr class="vehicle_large_row">
                        <th>最大積載量は1.5トン以上ですか？<a data-target="ton" class="modal-open q">?</a>　</th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_size_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" name="is_larger" id="is_larger{{ $s_key }}" value="{{ $s_key }}" {{ old('is_larger', isset($vehicle->is_larger) ? $vehicle->is_larger : '') == $s_key ? 'checked' : '' }}>
                                        <label for="is_larger{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                            </ul>
                            @error("is_larger")
                                <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    @foreach(config('const.vehicle_register_files') as $key => $title)
                        @if($key == 'etc' || $key == 'accident' || $key == 'estimate')
                            @continue
                        @endif
                        @if($key == 'pedal')
                            <tr>
                                <th>走行距離 <i class="if">※メーター写真が撮れない場合、概算距離を記入してください。</i></th>
                                <td>
                                    <input type="text" placeholder="例）100,000　" class="including-yen input-comma input-half enable_zero" name="travel_distance" value="{{ old('travel_distance', isset($vehicle->travel_distance) ? $vehicle->travel_distance : '') }}">Km
                                </td>
                            </tr>
                        @endif

                        <tr>
                            @if($key == 'exterior_damage' || $key == 'other')
                                <th>{{ $title }}
                                    @if($key == 'exterior_damage')
                                        <i class="if">※写真があるとより正確な見積金額がでます。</i>
                                    @else
                                    @endif
                                </th>
                                <td>
                                    @if($key == 'other')
                                        <a href="{{ asset("assets/share/img/sample/{$title}.jpg") }}?2021040602" data-lity="data-lity">
                                            <img src="{{ asset("assets/share/img/sample/{$title}.jpg") }}?2021040602" class="tiny other_sample_img">
                                        </a>
                                    @endif
                                    @php
                                    $exist_count = 0;
                                    @endphp
                                    @foreach($vehicle->getFiles($key) as $index => $image)
                                        @if(Storage::disk('vehicles')->has($vehicle->id.'/'.$image->file_path))
                                            @include('user.vehicles._vehicle_file')
                                            @php
                                                $exist_count++;
                                            @endphp
                                        @endif
                                    @endforeach
                                        @if ($exist_count == 0)
                                            @include('user.vehicles._vehicle_file', ['index'=>''])
                                        @endif
                                    <div class="sample-right">
                                        <input type="button" value="＋写真追加" class="add" data-key="{{ $key }}">
                                    </div>
                                    <div style="clear: both"></div>
                                    @if($key == 'exterior_damage')
                                        <p class="special-in">※損傷箇所があれば画像をアップロードしてください。</p>
                                    @endif
                                </td>
                            @else
                                <th>{{ $title }}@if($key == 'ceiling')（箱の場合は写真を撮影してください）@endif
                                    @if($key != 'ceiling' && $key != 'meter' && $key != 'pedal' && $key != 'shift_lever' && $key != 'driving_seat' && $key != 'other' && $key != 'exterior_damage' && $key != 'accident') <span>必須</span> @endif
                                </th>
                                <td>
                                    @include('user.vehicles._vehicle_file')

                                    @if($key == 'shift_lever')
                                        <p class="special-in">※シフトレバーの写真が取れない場合、選択してください。</p>
                                        <ul class="line">
                                            @foreach(config('const.vehicle_shift_lever_type') as $s_key => $status)
                                                <li>
                                                    <input type="radio" name="shift_lever_type" id="shift_lever_type{{ $s_key }}" value="{{ $s_key }}" {{ old('shift_lever_type', isset($vehicle->shift_lever_type) ? $vehicle->shift_lever_type : '') == $s_key ? 'checked' : '' }}>
                                                    <label for="shift_lever_type{{ $s_key }}">{{ $status }}</label>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </td>
                            @endif
                        </tr>
                    @endforeach

                    <tr>
                        <th>備考<i class="if"> ※おすすめポイントあれば記入してください。</i></th>
                        <td>
                            <textarea name="vehicle_note" placeholder="車両の仕様（クレーン付きの場合、クレーン型式。特殊車の場合は追加上物写真等）">{{ old('vehicle_note', isset($vehicle->vehicle_note) ? $vehicle->vehicle_note : '') }}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td class="notice no-border">以下については使用者に確認の上できるだけ詳しく記載してください。</td>
                    </tr>
                    <tr>
                        <th>公道走行<span>必須</span></th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_public_driving_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="public_driving" id="public_driving{{ $s_key }}" value="{{ $s_key }}" {{ old('public_driving', isset($vehicle->public_driving) ? $vehicle->public_driving : '') == $s_key ? 'checked' : '' }}>
                                        <label for="public_driving{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="hide-data">
                                <textarea name="public_driving_note" placeholder="不可能な理由を記載してください。（エンジンかからない、バッテリー上がり、ナンバーなし等）">{{ old('public_driving_note', isset($vehicle->public_driving_note) ? $vehicle->public_driving_note : '') }}</textarea>
                            </div>
                            @error("public_driving")
                            <p class="error">{{ $message }}</p>
                            @enderror
                            @error("public_driving_note")
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>

                    <tr>
                        <th>事故歴<span>必須</span></th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_accident_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="accident_history" accept=".pdf" id="accident_history{{ $s_key }}" value="{{ $s_key }}" {{ old('accident_history', isset($vehicle->accident_history) ? $vehicle->accident_history : '') == $s_key ? 'checked' : '' }}>
                                        <label for="accident_history{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                                <div>
                                    <p class="mt10 special-in" id="undefine_ok_accident_history_desc"><br>不明の場合なしを前提で金額を査定いたします。<br>よろしいですか？</p>
                                    <ul class="line">
                                        <li class="ok undefine_ok" id="undefine_ok_accident_history">
                                            <input type="checkbox" class="check-status-agree" id="ok_accident_history" name="check_ok">
                                            <label for="ok_accident_history">同意する</label>
                                        </li>
                                    </ul>
                                </div>
                                <p id="undefine_ok_accident_history_error" class="error hide">不明の場合、「同意する」をチェックしてください。</p>
                            </ul>
                            <div class="hide-data">
                                <textarea name="accident_history_note" placeholder="事故歴を記載してください。">{{ old('accident_history_note', isset($vehicle->accident_history_note) ? $vehicle->accident_history_note : '') }}</textarea>
                                @php
                                    $accident_file = $vehicle->getFiles('accident');
                                @endphp
                                @if($accident_file->count() > 0)
                                    @foreach($accident_file as $index => $file)
                                        @if( Storage::disk('vehicles')->has($vehicle->id.'/'.$file->file_path))
                                            @include('user.vehicles._vehicle_file', ['key'=>'accident'])
                                        @endif
                                    @endforeach
                                @else
                                    @include('user.vehicles._vehicle_file', ['key'=>'accident'])
                                @endif
                                <div class="sample-right">
                                    <input type="button" value="＋写真追加" class="add" data-key="accident">
                                </div>
                                <div style="clear:both"></div>
                            </div>
                            @error("accident_history")
                            <p class="error">{{ $message }}</p>
                            @enderror
                            @error("accident_history_note")
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <th>メーター改ざん・メーター交換<span>必須</span></th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_meter_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="meter_tampering" id="meter_tampering{{ $s_key }}" value="{{ $s_key }}" {{ old('meter_tampering', isset($vehicle->meter_tampering) ? $vehicle->meter_tampering : '') == $s_key ? 'checked' : '' }}>
                                        <label for="meter_tampering{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                                <div>
                                    <p class="mt10 special-in" id="undefine_ok_meter_tampering_desc"><br>不明の場合なしを前提で金額を査定いたします。<br>よろしいですか？</p>
                                    <ul class="line">
                                        <li class="ok undefine_ok" id="undefine_ok_meter_tampering">
                                            <input type="checkbox" class="check-status-agree" id="ok_meter_tampering" name="check_ok">
                                            <label for="ok_meter_tampering">同意する</label>
                                        </li>
                                    </ul>
                                </div>
                                <p id="undefine_ok_meter_tampering_error" class="error hide">不明の場合、「同意する」をチェックしてください。</p>
                            </ul>
                            <div class="hide-data">
                                <textarea name="meter_tampering_note" placeholder="詳細を書いてください。">{{ old('meter_tampering_note', isset($vehicle->meter_tampering_note) ? $vehicle->meter_tampering_note : '') }}</textarea>
                            </div>
                            @error("meter_tampering")
                            <p class="error">{{ $message }}</p>
                            @enderror
                            @error("meter_tampering_note")
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <th>車両の不具合箇所<span>必須</span></th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_defect_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="vehicle_defect" id="vehicle_defect{{ $s_key }}" value="{{ $s_key }}" {{ old('vehicle_defect', isset($vehicle->vehicle_defect) ? $vehicle->vehicle_defect : '') == $s_key ? 'checked' : '' }}>
                                        <label for="vehicle_defect{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                                <div>
                                    <p class="mt10 special-in" id="undefine_ok_vehicle_defect_desc"><br>不明の場合なしを前提で金額を査定いたします。<br>よろしいですか？</p>
                                    <ul class="line">
                                        <li class="ok undefine_ok" id="undefine_ok_vehicle_defect">
                                            <input type="checkbox" class="check-status-agree" id="ok_vehicle_defect" name="check_ok">
                                            <label for="ok_vehicle_defect">同意する</label>
                                        </li>
                                    </ul>
                                </div>
                                <p id="undefine_ok_vehicle_defect_error" class="error hide">不明の場合、「同意する」をチェックしてください。</p>
                            </ul>
                            <div class="hide-data">
                                <textarea name="vehicle_defect_note" placeholder="不具合を具体的に記載してください。（エンジンやミッションなど）">{{ old('vehicle_defect_note', isset($vehicle->vehicle_defect_note) ? $vehicle->vehicle_defect_note : '') }}</textarea>
                            </div>
                            @error("vehicle_defect")
                            <p class="error">{{ $message }}</p>
                            @enderror
                            @error("vehicle_defect_note")
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <th>他社見積り</th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.estimate_other_company_status') as $s_key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="estimate_other_company" id="estimate_other_company{{ $s_key }}" value="{{ $s_key }}" {{ old('estimate_other_company', isset($vehicle->estimate_other_company) ? $vehicle->estimate_other_company : '') == $s_key ? 'checked' : '' }}>
                                        <label for="estimate_other_company{{ $s_key }}">{{ $status }}</label>
                                    </li>
                                @endforeach

                            </ul>
                            <div class="hide-data">
                                <input type="text" name="price_other_company" value="{{ old('price_other_company', isset($vehicle->price_other_company) ? $vehicle->price_other_company : '') }}" class="including-yen input-half input-comma enable_zero">円（税込）
                                <p id="undefine_ok_price_other_company_error" class=" {{ old('price_other_company', isset($vehicle->price_other_company) ? $vehicle->price_other_company : '') ? 'hide' : '' }}">金額が分かる場合記載してください。</p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>引取予定場所<span>必須</span></th>
                        <td>
                            <ul class="line2">
                                @foreach(config('const.vehicle_schedule_status') as $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="schedule_status" id="schedule_status{{ $key }}" value="{{ $key }}" {{ old('schedule_status', isset($vehicle->schedule_status) ? $vehicle->schedule_status : '') == $key ? 'checked' : '' }}>
                                        <label for="schedule_status{{ $key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                            </ul>
                            <div class="hide-data">
                                <input type="text" name="schedule_address" placeholder="都道府県と市区町村入力　例）東京都中央区" value="{{ old('schedule_address', isset($vehicle->schedule_address) ? $vehicle->schedule_address : '') }}">
                            </div>
                            @error("schedule_status")
                            <p class="error">{{ $message }}</p>
                            @enderror
                            @error("schedule_address")
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>
                    <tr>
                        <th>所有者名 <i class="if">※買取見積書の宛名に印字が必要な場合はご入力ください。</i></th>
                        <td><input type="text" placeholder="例）ウシサポ運送" name="owner_name" value="{{ old('owner_name', isset($vehicle->owner_name) ? $vehicle->owner_name : '') }}">
                        </td>
                    </tr>
                        <tr class="">
                            <td class="no-border">
                                <div class="ok">
                                    <input type="checkbox" id="ok2" name="check_ok">
                                    <label for="ok2">内容と大きく異なる場合は買取金額が減額する場合がありますので、予めご了承願います。</label>
                                </div>
                            </td>
                        </tr>
                        <tr class="">
                            <td class="no-border">
                                <div class="ok">
                                    <input type="checkbox" id="ok3" name="check_ok">
                                    <label for="ok3">登録後の変更は出来ません。変更がある場合はチャットでご連絡ください。</label>
                                </div>
                            </td>
                        </tr>
                </table>
                <input type="hidden" name="is_complete" id="is_complete">
                <span id="btn_save_vehicle" class="temp_register temp_save">一時保存</span>
                @if (isset($is_create) && $is_create)
                    <span class="update btn_normal">登録する</span>
                @else
                    <span class="update btn_normal">変更する</span>
                @endif
                <p class="warn-weight">最大積載量1.5t未満の車両は査定対象外です。</p>
            </div>
        {{ Form::close() }}
    </main>
    <!--MODAL -->
    <div id="ton" class="modal-content">
        <div class="textarea">
            <h2>［車検証］</h2>
            <p><img src="{{ asset('assets/user/img/ton1.jpg') }}"></p>
            <h2>［車両］</h2>
            <p><img src="{{ asset('assets/user/img/ton2.jpg') }}"></p>
            <p><img src="{{ asset('assets/user/img/ton3.jpg') }}"></p>
            <p class="no-cancel"><a class="modal-close">戻る</a></p>
        </div>
    </div>
    <div id="dialog-confirm" style="display:none">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text"></span></p>
    </div>
    <!--File Template -->
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset('assets/vendor/dropzone/dist/dropzone.css') }}">
    <style>
        #undefine_ok_price_other_company_error {
        }
        .alert {
            margin-bottom: -2rem !important;
        }
        i.if {
            color: #333333 !important;
        }
        th {
            margin: unset !important;
            padding: 10px 5px 10px 5px;
            background: #ebd7db;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        td {
            padding: 10px 5px 7px 5px;
            border: 1px solid #ebd7db;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            margin-bottom: 5px !important;
        }
        td.no-border{
            border: unset;
        }

        td.notice {
            font-size: 12px !important;
            font-weight: bold;
        }

        .hide {
            display: none !important;
        }
        input[type=button].add {
            border-radius: 5px;
            color: #333;
            padding: 5px;
            margin-bottom: 0px !important;
        }
        .contents td .sample-wrap .sample {
            margin-right: 5px;
        }
        .sample-right span {
            margin: 0 15px 0 10px !important;
        }
        .other_warn {
            margin-bottom: 10px;
            margin-top: -10px;
        }
        .other_sample_img {
            width: 500px;
        }
        .contents td .sample-wrap div:nth-child(3) {
            width: 37%;
        }
        .sample-wrap .sample-right {
        }
        .form__file.w70per {
            margin-bottom: 10px;
        }
        .hidden {
            display: none !important;
        }
        .dropzone {
            min-height: unset !important;
            border: none !important;
            background: white;
            padding: 0 !important;
        }
        .dz-default.dz-message {
            display: none;
        }
        .dropzone label {
            border: 1px solid #666;
            padding: 5px;
            display: inline-block;
            border-radius: 5px;
            cursor: pointer;
            font-size: 12px;
        }
        /*.dropzone label::before {

            content: '＋';
            font-size: 12px;
            font-weight: bold;
            padding: 0px;
            transition: all, 0.25s, linear;
            margin-right: 0px;
        }*/
        .file_box img {
            width: 100px;
        }
        .hidden {
            display: none !important;
        }
        /*.dropzone label.btn_delete::before {
            content: '―';
            font-size: 12px;
            font-weight: bold;
            padding: 0px;
            transition: all, 0.25s, linear;
            margin-right: 0px;
        }*/

        a.rotate_img{
            background: url("/assets/user/img/common/rotating-arrow-to-the-right.png") #666 no-repeat;
            width: 20px;
            padding: 5px;
        }

        .vehicle_file_box {
            margin-bottom: 5px !important;
        }
        /*.sample-wrap .sample:nth-child(1):before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .5);
        }*/
        .lity-container span.image_desc {
            z-index: 9994;
            height: 35px;
            position: absolute;
            right: 0;
            bottom: -35px;
            color: white !important;

        }
        .sample-wrap .sample:after {
            content: none !important;
        }
        .sample-wrap .sample span.gray_out {
            position: absolute;
            background: rgba(0, 0, 0, .5);
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
        }

        input[type=text].including-yen {
            width: 80% !important;
        }
        .temp_save {
             font-size: 1rem;
             letter-spacing: 2px;
             background: #666;
             border: none;
             color: #FFF;
             padding: 15px;
             width: 100%;
             box-sizing: border-box;
             border-radius: 50px;
             margin: 10px 0 0 0;
             text-align: center;
             display: block;
         }

        .btn_rotate {
            background: rgba(0, 0, 0, .5) !important;
            padding: 2px !important;
            float: left;
        }
        .btn_rotate img {
            width: 20px !important;
            vertical-align: bottom;
        }
        .sample.dropzone img {
            width: 65%;
            float: left;
        }
        .sample.dropzone {
            width: 35%;
        }
        .sample-right {
            width: 63%;
        }
        #confirm_text {
            display:flex;
        }
        @media only screen and (max-width: 736px) {
            input[type=text].including-yen {
                width: 70% !important;
            }
            .dropzone label.btn_delete {
                margin-top: 5px !important;
            }

            .undefine_ok {
                margin-top: 7px !important;
            }
            .alert {
                margin-bottom: -3rem !important;
            }
            .contents td .sample-wrap div:nth-child(3) .w80per {
                width: 100% !important;
            }
            .contents td .sample-wrap .sample {
                margin-right: 0 !important;
            }
            .sample-wrap.exterior_damage_file_wrap .sample.dropzone,
            .sample-wrap.other_file_wrap .sample.dropzone {
                padding-top: 5px !important;
            }
        }
        @media only screen and (max-width: 320px) {
            p.error {
                font-size: 10px;
            }
        }
    </style>
@endsection

@section('page_js')
    <script>
        var not_exist_license = false;
        $(document).ready(function () {
            @if(!Auth::guard('web')->user()->checkImageUpload())
                not_exist_license = true;
            helper_confirm("dialog-confirm", '確認', "査定依頼には身分証の登録及び確認が必要になります。", 300, "登録する", "後で行う", function () {
                location.href = "{{ route("user.my_account.edit", ["is_image"=>1]) }}";
            });
            $("#vehicle_update_form input, #vehicle_update_form select, #vehicle_update_form textarea, #vehicle_update_form label, span.update, span.temp_register").click(function (e) {
                e.preventDefault();
                helper_confirm("dialog-confirm", '確認', "査定依頼には身分証の登録及び確認が必要になります。", 300, "登録する", "後で行う", function () {
                    location.href = "{{ route("user.my_account.edit", ["is_image"=>1]) }}";
                });
            });
            @endif
        });
    </script>

    <script src="{{ asset('assets/vendor/dropzone/dist/dropzone.js') }}"></script>
    <script src="{{ asset('assets/vendor/jquery-ui/jquery-ui.js') }}"></script>
    <script src="{{ asset('assets/vendor/jquery-rotate/jQueryRotate.js') }}"></script>

    <script>
        $(function () {
            Dropzone.autoDiscover = false;
            $(document).ready(function () {
                $('.update').click(function (e) {
                    e.preventDefault();
                    console.log();
                    if($(this).attr('disabled') == undefined || $(this).attr('disabled') == '') {
                        if(!not_exist_license) {
                            $("#is_complete").val(1);
                            $('#vehicle_update_form').submit();
                        }
                    }
                });
                $('.temp_register').click(function (e) {
                    e.preventDefault();
                    if(!not_exist_license) {
                        $('#vehicle_update_form').submit();
                    }
                });

                $('input[name=check_ok]').click(function () {
                    setCheckStatus();
                });
                $(".warn-weight").hide();
                if($('input[name="is_larger"]:checked').val() == "{{ config('const.vehicle_size_status_code.no') }}"){
                    $('table.table tr').each(function () {
                        $(this).hide();
                    })
                    $(".vehicle_large_row").show();
                    $('.update').hide();
                    $(".warn-weight").show();
                    $('.temp_register').hide();
                } else {
                    $('table.table tr').show();
                    $('.update').show();
                    $(".warn-weight").hide();
                    $('.temp_register').show();
                }
                $('input[name="is_larger"]').click(function () {
                    if($('input[name="is_larger"]:checked').val() == "{{ config('const.vehicle_size_status_code.no') }}"){
                        $('table.table tr').each(function () {
                            $(this).hide();
                        })
                        $(".vehicle_large_row").show();
                        $(".warn-weight").show();
                        $('input.register').hide();
                        $('.update').hide();
                        $('.temp_register').hide();
                    } else {
                        $('table.table tr').show();
                        $('input.register').show();
                        $(".warn-weight").hide();
                        $('.update').show();
                        $('.temp_register').show();
                    }
                });

                if($('input[name="is_larger"]:checked').val() == "{{ config('const.vehicle_size_status_code.no') }}"){
                    $("#vehicle_size_status_warn").show();
                } else {
                    $("#vehicle_size_status_warn").hide();
                }
                $('input[name="is_larger"]').click(function () {
                    if($('input[name="is_larger"]:checked').val() == "{{ config('const.vehicle_size_status_code.no') }}"){
                        $("#vehicle_size_status_warn").show();
                    } else {
                        $("#vehicle_size_status_warn").hide();
                    }
                });
                $(".vehicle_status").click(function () {
                    showNote($(this).attr('id'), $(this).attr('name'));
                    setUndefineOK();
                });
                $('input[type=radio]').click(function () {
                    $(this).parent().parent().parent().find('.error').remove();
                });
                $(".vehicle_status").each(function () {
                    showNote($(this).attr('id'), $(this).attr('name'));
                });

                setUndefineOK();

                $(".form__file--input").change(function () {
                    readURL(this, $(this).attr('id'));
                });

                $(".check-status-agree").change(function () {
                    console.log("#undefine_" + $(this).attr('id') + '_error');
                    if($(this).prop ('checked') == true) {
                        $("#undefine_" + $(this).attr('id') + '_error').addClass('hide');
                    } else {
                        $("#undefine_" + $(this).attr('id') + '_error').removeClass('hide');
                    }
                });

                $("footer li a").click(function(event) {
                    event.preventDefault();
                    let url = $(this).attr('href');
                    if($("#vehicle_update_form").data('changed')) {
                        helper_confirm("dialog-confirm", '警告', "このページを離れると入力内容が消えてしまいますが一時保存しますか？", 300, "はい", "いいえ", function () {
                            $('#vehicle_update_form').submit();
                        }, function () {
                            location.href = url;
                        });
                    } else {
                        location.href = url;
                    }
                });

                $(".chat-fix-btn a").click(function(event) {
                    event.preventDefault();
                    let url = $(this).attr('href');
                    if($("#vehicle_update_form").data('changed')) {
                        helper_confirm("dialog-confirm", '警告', "このページを離れると入力内容が消えてしまいますが一時保存しますか？", 300, "はい", "いいえ", function () {
                            $('#vehicle_update_form').submit();
                        }, function () {
                            location.href = url;
                        });
                    } else {
                        location.href = url;
                    }
                });

                $("input[name=estimate_other_company]").change(function () {
                    setCheckStatus();
                });

                $("input[name=price_other_company]").change(function () {
                    if($(this).val() == '') {
                        $('#undefine_ok_price_other_company_error').removeClass('hide');
                    } else {
                        $('#undefine_ok_price_other_company_error').addClass('hide');
                    }
                    setCheckStatus();
                });

                $('input[type=button].add').click(function () {
                    let key = $(this).data('key');
                    console.log(key);
                    let index = parseInt($("." + key + "_file_wrap").last().data('index')) + 1;
                    $.ajax({
                        type: "post",
                        url : "{{ route("user.vehicles.add_file") }}",
                        data: {
                            'type':key,
                            'index':index,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response) {
                            $("." + key + "_file_wrap").last().after(response);
                        }
                    });
                });
            });

            function readURL(input, ele_id) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function (e) {
                        $('#' + ele_id + '_src').attr('src', e.target.result);
                        $('#' + ele_id + '_src').show();
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }

            function showNote(element_id, element_name) {
                if($('input[name="'+element_name+'"]:checked').val() == 2)// あり || 不明
                {
                    $('#' + element_id).parents().next('.hide-data').fadeIn();
                } else {
                    $('#' + element_id).parents().next('.hide-data').fadeOut();
                }
            }

            function setUndefineOK(first = 0) {
                $(".vehicle_status").each(function () {
                    if($('input[name="'+$(this).attr('name')+'"]:checked').val() == 3){//不明
                        $("#undefine_ok_" + $(this).attr('name')).show();
                        $("#undefine_ok_" + $(this).attr('name') + '_desc').show();
                        if(first) {
                            $("#undefine_ok_" + $(this).attr('name')).find('input').prop('checked', true);
                        }
                        if($('#ok_'+$(this).attr('name')).prop('checked') != true) {
                            $("#undefine_ok_" + $(this).attr('name') + '_error').removeClass('hide');
                        }

                    } else {
                        $("#undefine_ok_" + $(this).attr('name')).hide();
                        $("#undefine_ok_" + $(this).attr('name') + '_desc').hide();
                        $("#undefine_ok_" + $(this).attr('name')).find('input').prop('checked', false);
                        $("#undefine_ok_" + $(this).attr('name') + '_error').addClass('hide');
                    }
                });
                setCheckStatus();
            }

            function setCheckStatus()
            {
                let all_checked = true;
                $('input[name=check_ok]').each(function () {
                    if ($(this).parent().css('display') != 'none' && $(this).prop('checked') == false) {
                        all_checked = false;
                    }
                });

                //他社見積り + あり
                //2021025 commented
                /* if($('input[name=estimate_other_company]:checked').val() == 2 &&  $("input[name=price_other_company]").val() == '') {
                     all_checked = false;
                 }*/

                if (!all_checked) {
                    $('.update').attr('disabled', 'disabled');
                    $('.update').css('opacity', '0.3');
                } else {
                    $('.update').removeAttr('disabled');
                    $('.update').css('opacity', '1');
                }
            }
        });
    </script>
@endsection