@extends('user.layouts.app')

@section('title', '車両登録')

@section('header')
    <h1 id="title">車両登録<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>
        {{ Form::open(["route"=>"user.vehicles.store", 'files'=>true, 'id'=>'vehicle_create_form']) }}
            <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 $key => $status)
                                    <li>
                                        <input type="radio" name="is_larger" id="is_larger{{ $key }}" value="{{ $key }}" {{ old('is_larger', isset($vehicle->is_larger) ? $vehicle->is_larger : '') == $key ? 'checked' : '' }}>
                                        <label for="is_larger{{ $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>@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

                                    @if(is_array(old("vehicle_files.{$key}")) && count(old("vehicle_files.{$key}")) > 0)
                                        @foreach(old("vehicle_files.{$key}") as $key1 => $file_params)
                                            @include('user.vehicles._vehicle_file', ['index'=>$key1])
                                        @endforeach
                                    @else
                                        @include('user.vehicles._vehicle_file')
                                    @endif
                                    <div class="sample-right">
                                        <input type="button" value="＋写真追加" class="add" data-key="{{ $key }}">
                                    </div>
                                    @error("vehicle_files.{$key}.1")
                                        <p class="error">{{ $message }}</p>
                                    @enderror
                                        <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 $lever => $status)
                                                <li>
                                                    <input type="radio" name="shift_lever_type" id="shift_lever_type{{ $lever }}" value="{{ $lever }}" {{ old('shift_lever_type', isset($vehicle->shift_lever_type) ? $vehicle->shift_lever_type : '') == $lever ? 'checked' : '' }}>
                                                    <label for="shift_lever_type{{ $lever }}">{{ $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 $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="public_driving" id="public_driving{{ $key }}" value="{{ $key }}" {{ old('public_driving', isset($vehicle->public_driving) ? $vehicle->public_driving : '') == $key ? 'checked' : '' }}>
                                        <label for="public_driving{{ $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 $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="accident_history" accept=".pdf" id="accident_history{{ $key }}" value="{{ $key }}" {{ old('accident_history', isset($vehicle->accident_history) ? $vehicle->accident_history : '') == $key ? 'checked' : '' }}>
                                        <label for="accident_history{{ $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>
                                @if(is_array(old("vehicle_files.accident")) && count(old("vehicle_files.accident")) > 0)
                                    @foreach(old("vehicle_files.accident") as $key1 => $file_params)
                                        @include('user.vehicles._vehicle_file', ['index'=>$key1,'key'=>'accident'])
                                    @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 $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="meter_tampering" id="meter_tampering{{ $key }}" value="{{ $key }}" {{ old('meter_tampering', isset($vehicle->meter_tampering) ? $vehicle->meter_tampering : '') == $key ? 'checked' : '' }}>
                                        <label for="meter_tampering{{ $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 $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="vehicle_defect" id="vehicle_defect{{ $key }}" value="{{ $key }}" {{ old('vehicle_defect', isset($vehicle->vehicle_defect) ? $vehicle->vehicle_defect : '') == $key ? 'checked' : '' }}>
                                        <label for="vehicle_defect{{ $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 $key => $status)
                                    <li>
                                        <input type="radio" class="vehicle_status" name="estimate_other_company" id="estimate_other_company{{ $key }}" value="{{ $key }}" {{ old('estimate_other_company', isset($vehicle->estimate_other_company) ? $vehicle->estimate_other_company : '') == $key ? 'checked' : '' }}>
                                        <label for="estimate_other_company{{ $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>
                <span id="btn_create_vehicle" class="register btn_normal">登録する</span>
                <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>
    <!--File Template -->
    <div class="sample-wrap" style="display: none" id="temp_file_wrap">
        <div class="sample">
            <img class="hide" id="temp_img">
        </div>
        <div class="sample-right">
            <div class="form__file">
                <input type="file" accept="image/*" class="form__file--input" id="temp_file_btn">
                <label id="temp_file_label">ファイルを選択</label>
            </div>
        </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>

@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset('assets/vendor/dropzone/dist/dropzone.css') }}">
    <style>
        .alert {
            margin-bottom: -3rem !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;
        }
        #undefine_ok_price_other_company_error {
        }
        @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;
            }
            .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_create_form input, #vehicle_create_form select, #vehicle_create_form textarea, #vehicle_create_form label, span.register, 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>
        $(document).ready(function () {
            $('input[name=check_ok]').click(function (e) {
                setCheckStatus();
            });
            $('.register').click(function (e) {
                e.preventDefault();
                if(!$(this).hasClass('btn-disable')) {
                    $("#is_complete").val(1);
                    if(!not_exist_license && !$(this).hasClass("btn-disable")) {
                        $('#vehicle_create_form').submit();
                        $(this).addClass("btn-disable");
                    }
                }
            });
            $('.temp_register').click(function (e) {
                e.preventDefault();
                if(!not_exist_license  && !$(this).hasClass("btn-disable")) {
                    $('#vehicle_create_form').submit();
                    $(this).addClass("btn-disable");
                }
            });

            $('.vehicle_sample_image').click(function () {
                var options = {
                    template: '<div class="lity" role="dialog" aria-label="Dialog Window (Press escape to close)" tabindex="-1"><div class="lity-wrap" data-lity-close role="document"><div class="lity-loader" aria-hidden="true">Loading...</div><div class="lity-container"><div class="lity-content"></div><span class="image_desc">参考画像</span><button class="lity-close" type="button" aria-label="Close (Press escape to close)" data-lity-close>&times;</button></div></div></div>'
                };
                lity($(this).data('href'), options);
            });
            $("form :input").change(function() {
                $(this).closest('form').data('changed', true);
            });
            $("form textarea").change(function() {
                $(this).closest('form').data('changed', true);
            });

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

            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();
                $('.register').hide();
                $('.temp_register').hide();
                $(".warn-weight").show();
            } else {
                $('table.table tr').show();
                $('.register').show();
                $('.temp_register').show();
                $(".warn-weight").hide();
            }
            $('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();
                    $('.register').hide();
                    $('.temp_register').hide();
                } else {
                    $('table.table tr').show();
                    $('.register').show();
                    $(".warn-weight").hide();
                    $('.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');
                }
            });

            $("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 (e) {
                if(not_exist_license) {
                    return false;
                }
                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() {
            $(".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($('#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) {
                $('.register').css('opacity', '0.3');
                $('.register').addClass('btn-disable');
            } else {
                $('.register').removeClass('btn-disable');
                $('.register').css('opacity', '1');
            }
        }
    </script>
@endsection