@extends('user.layouts.app')

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

@section('header')
    <h1 id="title">車両登録</h1>
@endsection

@section('content')
    <main>
        {{ Form::open(["route"=>"user.vehicles.store", 'files'=>true]) }}
            <div id="wrapper" class="contents">
                <table class="table">
                    <tr>
                        <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 }}">はい</label>
                                    </li>
                                @endforeach
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <th>車検証<span>必須</span></th>
                        <td><div class="form__file">
                                <input type="file" name="vehicle_pdf" accept=".pdf" class="form__file--input" id="01">
                                <label for="01">ファイルを選択</label>
                            </div>
{{--                            <button class="add">＋ボタン追加</button>--}}
                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p-->
                            @error('vehicle_pdf')
                            <p class="error">{{ $message }}</p>
                            @enderror
                        </td>
                    </tr>

                    @foreach(config('const.vehicle_image_type') as $key => $type)
                        @if($key == config('const.vehicle_image_type_code.pedal'))
                            @break
                        @endif
                        <tr>
                            <th>{{ $type }}@if($key == config('const.vehicle_image_type_code.front_left') || $key == config('const.vehicle_image_type_code.front_right')) <span>必須</span> @endif</th>
                            <td>
                                <div class="sample-wrap">
                                    <div class="sample">
                                        <img src="" style="display: none" id="{{ config('const.vehicle_image_type_en.'.$key) }}_src">
                                    </div>
                                    <div class="sample-right">
                                        <div class="form__file">
                                            <input type="file" accept="image/*" name="vehicle_image[{{ config('const.vehicle_image_type_en.'.$key) }}]" class="form__file--input" id="{{ config('const.vehicle_image_type_en.'.$key) }}">
                                            <label for="{{ config('const.vehicle_image_type_en.'.$key) }}">ファイルを選択</label>
                                        </div>
{{--                                        <button class="add">＋ボタン追加</button>--}}
                                    </div>
                                </div>
                                <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p-->
                                @error("vehicle_image.".config('const.vehicle_image_type_en.'.$key))
                                <p class="error">{{ $message }}</p>
                                @enderror
                            </td>
                        </tr>
                    @endforeach
                    <tr>
                        <th>走行距離 <i>※メーター写真が撮れない場合、概算距離を記入してください。</i></th>
                        <td><input type="text" placeholder="例）100,000　" class="including-yen" name="travel_distance" value="{{ old('travel_distance', isset($vehicle->travel_distance) ? $vehicle->travel_distance : '') }}">Km

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    @foreach(config('const.vehicle_image_type') as $key => $type)
                        @if($key < config('const.vehicle_image_type_code.pedal'))
                            @continue
                        @endif
                        <tr>
                            <th>{{ $type }}</th>
                            <td>
                                <div class="sample-wrap">
                                    <div class="sample">
                                        <img src="" style="display: none" id="{{ config('const.vehicle_image_type_en.'.$key) }}_src">
                                    </div>
                                    <div class="sample-right">
                                        <div class="form__file">
                                            <input type="file" accept="image/*" name="vehicle_image[{{ config('const.vehicle_image_type_en.'.$key) }}]" class="form__file--input" id="{{ config('const.vehicle_image_type_en.'.$key) }}">
                                            <label for="{{ config('const.vehicle_image_type_en.'.$key) }}">ファイルを選択</label>
                                        </div>
{{--                                        <button class="add">＋ボタン追加</button>--}}
                                    </div>
                                </div>
                                <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p-->
                                @error("vehicle_image.".config('const.vehicle_image_type_en.'.$key))
                                <p class="error">{{ $message }}</p>
                                @enderror
                            </td>
                        </tr>
                    @endforeach

                    <tr>
                        <th>備考</th>
                        <td><textarea name="vehicle_note" placeholder="車両の仕様（クレーン付きの場合、クレーン型式。特殊車の場合は追加上物写真等）">{{ old('vehicle_note', isset($vehicle->vehicle_note) ? $vehicle->vehicle_note : '') }}</textarea></td>
                    </tr>
                    <tr>
                        <th>以下については使用者に確認の上できるだけ詳しく記載してください。</th>
                        <td></td>
                    </tr>
                    <tr>
                        <th>公道走行</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>
                        </td>
                    </tr>

                    <tr>
                        <th>事故歴</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
                            </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>
                                <div class="form__file">
                                    <input type="file" name="accident_history_pdf" class="form__file--input" id="16">
                                    <label for="16">ファイルを選択</label>
                                </div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>メーター改ざん・メーカー交換</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
                            </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>
                        </td>
                    </tr>
                    <tr>
                        <th>車両の不具合箇所</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
                            </ul>
                            <div class="hide-data">
                                <textarea name="vehicle_defect_note" placeholder="不具合を具体的に記載してください。（エンジンやミッションなど）">{{ old('vehicle_defect', isset($vehicle->vehicle_defect) ? $vehicle->vehicle_defect : '') }}</textarea>
                            </div>
                        </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 : '') }}" placeholder="金額が分かる場合記載してください。" class="including-yen">
                                円</div>
                        </td>
                    </tr>
                    <tr>
                        <th>引取予定場所</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>
                        </td>
                    </tr>
                    <tr>
                        <th>所有者名 <small>※買取見積書の宛名に印字が必要な場合はご入力ください。</small></th>
                        <td><input type="text" name="owner_name" value="{{ old('owner_name', isset($vehicle->owner_name) ? $vehicle->owner_name : '') }}">
                        </td>
                    </tr>

                    <tr>
                        <th></th>
                        <td>
                            <div class="ok">
                                <input type="checkbox" id="ok" name="check-ok">
                                <label for="ok">内容と大きく異なる場合は見積金額と買取金額が増減する場合があります。</label>
                            </div></td>
                    </tr>
                </table>
                <input type="submit" value="登録する" class="register">
            </div>
        {{ Form::close() }}
    </main>
@endsection


@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $(".vehicle_status").click(function () {
                    showNote($(this).attr('id'));
                });
                $(".vehicle_status").each(function () {
                    showNote($(this).attr('id'));
                });

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

            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) {
                if($('#' + element_id).val() == 2 && $('#' + element_id).prop('checked'))//あり
                {
                    $('#' + element_id).parents().next('.hide-data').fadeIn();
                } else {
                    $('#' + element_id).parents().next('.hide-data').fadeOut();
                }
            }
        });
    </script>
@endsection