@extends('user.layouts.app')

@section('title', '車両詳細')

@section('header')
    <p><a href="{{ route("user.vehicles.".((isset($home) && !empty($home)) ? $home : 'index')) }}">＜</a></p>
    <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>
            <div id="wrapper" class="contents">
                @include('user.layouts.flash-message')

                <table class="table">
                    <tr>
                        <th>最大積載量は1.5トン以上ですか？　</th>
                        <td>
                            {{ config('const.vehicle_size_status.' . $vehicle->is_larger) }}
                        </td>
                    </tr>
                    @if($vehicle->is_larger != config('const.vehicle_size_status_code.no'))
                        @foreach(config('const.vehicle_register_files') as $key => $type)
                            @if($vehicle->getFiles($key)->count() > 0)
                                @if($key == 'accident' || $key == 'estimate')
                                    @continue
                                @endif
                                <tr>
                                    <th>{{ $type }}</th>
                                    <td>
                                        @if($key == 'etc')
                                            <p>{!!  nl2br($vehicle->vehicle_note) !!}</p>
                                        @endif

                                        @foreach($vehicle->getFiles($key) as $image)
                                            @if(!empty($image->file_path) && Storage::disk('vehicles')->has($vehicle->id.'/'.$image->file_path))
                                                <a href="{{ asset("storage/vehicles") }}/{{ $vehicle->id }}/{{ $image->file_path }}" data-lity="data-lity">
                                                    <img class="tiny" src="{{ asset("storage/vehicles") }}/{{ $vehicle->id }}/{{ $image->file_path }}">
                                                </a>
                                            @endif
                                        @endforeach
                                        @if(!empty($vehicle->shift_lever_type) && $key == 'shift_lever')
                                            <p>{{ config('const.vehicle_shift_lever_type.'.$vehicle->shift_lever_type) }}</p>
                                        @endif
                                    </td>
                                </tr>
                            @endif

                            @if($key == 'inspection')
                                <tr>
                                    <th>走行距離</th>
                                    <td>{{ $vehicle->travel_distance ? number_format($vehicle->travel_distance) . 'km' : '' }}</td>
                                </tr>
                            @endif
                        @endforeach

                        <tr>
                            <th>備考</th>
                            <td>
                                {!! nl2br($vehicle->vehicle_note) !!}
                            </td>
                        </tr>

                        <tr>
                            <th>公道走行</th>
                            <td>
                                <div>{{ config('const.vehicle_public_driving_status.'.$vehicle->public_driving) }}</div><br>
                                @if(!empty($vehicle->accident_history) && $vehicle->public_driving != config('const.estimate_other_company_status_code.nothing'))
                                    <div>{!!  nl2br($vehicle->public_driving_note) !!}</div>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>事故歴</th>
                            <td>
                                <div>{{ config('const.vehicle_accident_status.'.$vehicle->accident_history) }}</div>
                                @if(!empty($vehicle->accident_history) && $vehicle->accident_history != config('const.estimate_other_company_status_code.nothing'))
                                    <div>{!!  nl2br($vehicle->accident_history_note) !!}</div>
                                    @foreach($vehicle->getFiles('accident') as $image)
                                        @if($image->file_path && Storage::disk('vehicles')->has($vehicle->id.'/'.$image->file_path))
                                            <a href="{{ asset("storage/vehicles") }}/{{ $vehicle->id }}/{{ $image->file_path }}" data-lity="data-lity">
                                                <img class="tiny" src="{{ asset("storage/vehicles") }}/{{ $vehicle->id }}/{{ $image->file_path }}">
                                            </a>
                                        @endif
                                    @endforeach
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>メーター改ざん・メーター交換</th>
                            <td>
                                <div>{{ config('const.vehicle_meter_status.'.$vehicle->meter_tampering) }}</div>
                                @if(!empty($vehicle->meter_tampering) && $vehicle->meter_tampering != config('const.estimate_other_company_status_code.nothing'))
                                    <div>{!!  nl2br($vehicle->meter_tampering_note) !!}</div>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>車両の不具合箇所</th>
                            <td>
                                <div>{{ config('const.vehicle_defect_status.'.$vehicle->vehicle_defect) }}</div>
                                @if(!empty($vehicle->vehicle_defect) && $vehicle->vehicle_defect != config('const.estimate_other_company_status_code.nothing'))
                                    <div>{!!  nl2br($vehicle->vehicle_defect_note) !!}</div>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>他社見積り</th>
                            <td>
                                <div>
                                    {{ config('const.estimate_other_company_status.'.$vehicle->estimate_other_company) }}
                                </div>
                                @if(!empty($vehicle->estimate_other_company) && $vehicle->estimate_other_company != config('const.estimate_other_company_status_code.nothing'))
                                {{ $vehicle->price_other_company ? number_format($vehicle->price_other_company).'円' : '' }}
                                @endif
                            </td>
                        </tr>
                            <tr>
                                <th>引取予定場所</th>
                                <td>
                                    <div>{{ config('const.vehicle_schedule_status.'.$vehicle->schedule_status) }}</div>
                                    @if(!empty($vehicle->schedule_status) && $vehicle->schedule_status != config('const.estimate_other_company_status_code.nothing'))
                                    <div>{{ $vehicle->schedule_address }}</div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>所有者名</th>
                                <td>{{ $vehicle->owner_name }}
                                </td>
                            </tr>
                    @endif

                </table>
                @unless((is_object($vehicle->contract) && $vehicle->contract->status) || $vehicle->is_complete)
                    <span class="btn_normal" onclick='location.href="{{ route('user.vehicles.edit', ['vehicle'=>$vehicle->id]) }}"' >編集する</span>
                @endunless
                <p class="back-btn mt15"><a href="{{ route("user.vehicles.".((isset($home) && !empty($home)) ? $home : 'index')) }}">戻る</a></p>
            </div>
        </form>
    </main>
    <a data-target="assessed_answer" class="modal-open hidden"></a>
    <!--MODAL -->
    <div id="assessed_answer" class="modal-content">
        <div class="textarea">
            <h2>{{ sprintf('%2d月%2d日', Carbon::parse($vehicle->vehicle_assessed_date)->addDays(14)->format('m'), Carbon::parse($vehicle->vehicle_assessed_date)->addDays(14)->format('d')) }}までに、査定一覧ページから売主への見積提示結果を報告してください。</h2>
            <ul class="reason">
                @foreach(config('const.vehicle_assessed_user_answer') as $key => $reason)
                    <li>
                        <input type="radio" name="vehicle_assessed_answer" id="vehicle_assessed_user_answer{{ $key }}" value="{{ $key }}" {{ (($vehicle->vehicle_assessed_answer < config('const.vehicle_assessed_answer_code.waiting')) ? $vehicle->vehicle_assessed_answer : 1) == $key ? 'checked' : '' }}>
                        <label for="vehicle_assessed_user_answer{{ $key }}">{{ $reason }}</label>
                    </li>
                @endforeach
            </ul>
            <p class="cancel-send-btn">
                <input type="submit" class="modal-close" id="send_answer" value="送信する">
            </p>
            <p class="no-cancel"><a class="modal-close">キャンセル</a></p>
        </div>
    </div>
    <!-- -->
@endsection

@section('page_css')
    <style>
        th  {
            padding: 7px 0 7px 10px;
            background: #ebd7db;
            border-radius: 3px;
        }

        /*th  {
            margin: unset !important;
            padding: 8px 5px 8px 5px;
            background: #ebd7db;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }*/

        table.table th span {
            margin-top: 15px;
        }

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

        .hidden {
            display: none;
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                {{--@if($vehicle->vehicle_assessed_answer == config('const.vehicle_assessed_answer_code.waiting'))
                    $(".modal-open").trigger('click');
                @endif--}}

                $("#send_answer").click(function () {
                    let answer = $('input[name="vehicle_assessed_answer"]:checked').val();

                    $.ajax({
                        type: "post",
                        url : '{{ route("user.vehicles.send_answer", ['vehicle'=>$vehicle->id]) }}',
                        data: {
                            'answer':answer,
                            _token: "{{ csrf_token() }}",
                        },
                        dataType:'json',
                        success: function(result) {
                            console.log(result.result_code);
                        }
                    });
                });
            });
        });
    </script>
@endsection