@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>
    <div class="clearfix"></div>
@endsection

@section('content')
    <main>
        <form>
            <div id="wrapper-gray" class="contents">
                @include('user.layouts.flash-message')
                <ul class="assessment-list">
                    @if($vehicles->count() > 0)
                    @foreach($vehicles as $vehicle)
                        <li>
                            <div class="picandtext">
                                <div class="pic">
                                    @if(!$vehicle->is_complete)
                                    <span class="inputing">入力中</span>
                                    @elseif($vehicle->status == config('const.vehicle_status_code.assessed'))
                                        <span class="finish">査定済</span>
                                    @elseif($vehicle->status == config('const.vehicle_status_code.under_assessment'))
                                        <span class="now">査定中</span>
                                    @elseif($vehicle->status == config('const.vehicle_status_code.cancel'))
                                        <span class="cancel">キャン<br>セル</span>
                                    @elseif($vehicle->status == config('const.vehicle_status_code.waiting_assessment'))
                                        <span class="wait">査定<br>待ち</span>
                                    @elseif($vehicle->status == config('const.vehicle_status_code.waiting_reception'))
                                        <span class="wait">受付<br>待ち</span>
                                    @endif
                                    <a href="{{ route('user.vehicles.show', ['vehicle'=>$vehicle->id]) }}">
                                        @php
                                            $index_file = $vehicle->getIndexImage();
                                        @endphp
                                        @if(!empty($index_file) && Storage::disk('vehicles')->has($vehicle->id.'/'.$index_file))
                                            <img src="{{ asset("storage/vehicles") }}/{{ $vehicle->id }}/{{ $index_file }}">
                                        @else
                                            <img src="{{ asset("assets/share/img/sample/i_noimage.gif") }}"/>
                                        @endif
                                    </a>
                                </div>
                                <div class="text">
                                    <dl>
                                        <dt>受付番号</dt>
                                        <dd>{{ $vehicle->manage_no }}</dd>
                                        <dt>形状</dt>
                                        <dd>{{ $vehicle->getVehicleShape() }}</dd>
                                        <dt>型式</dt>
                                        <dd>{{ $vehicle->getVehicleModel() }}</dd>
                                        <dt>年式</dt>
                                        <dd>{{ \App\Helper\SystemHelper::convertSymbolGtJYeaMonth($vehicle->year_type_y, $vehicle->year_type_m) }}</dd>
                                    </dl>
                                </div>
                            </div>
                            @if($vehicle->status == config('const.vehicle_status_code.assessed'))
                                @if($vehicle->size)
                                    <div class="estimate nobkimg">
                                        <div><p class="label">サポート料</p><p class="price">{{ number_format(config('const.vehicle_supporter_price.'.$vehicle->size)) }}<span>円(税込)</span></p></div>
                                    </div>
                                @endif
                                <div class="cash">
                                    <div><p class="label">お見積金額</p><p class="price">{{ number_format(round($vehicle->estimate_price + $vehicle->estimate_price/10)) }}<span>円(税込)</span></p></div>
                                </div>
                                <div class="date">
                                    <p>期限：<span class="red">{{  $vehicle->vehicle_assessed_date ? Carbon::parse($vehicle->vehicle_assessed_date)->addDays(14)->format('Y年n月j日') : ''  }}</span></p>
                                </div>
                            @endif
                            @if(!$vehicle->is_complete)
                                <p class="chat-btn"><a href="{{ route('user.vehicles.edit', ['vehicle'=>$vehicle->id]) }}">編集する</a></p>
                            @else
                                <p class="chat-btn"><a href="{{ route('user.vehicles.show', ['vehicle'=>$vehicle->id]) }}">詳細を閲覧</a></p>
                            @endif
                            @if(($vehicle->status == config('const.vehicle_status_code.assessed') || $vehicle->status == config('const.vehicle_status_code.cancel')))
                                <ul class="two-btn">
                                    <li><p class="chat-btn">@if($vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id))<span class="message_count">{{ $vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id) }}</span>@endif<a href="{{ route('user.vehicle_chat.room', ['vehicle'=>$vehicle->id, 'from'=>'index']) }}"><span>チャットルーム</span></a></p></li>
                                    <li><p class="assessment-btn"><a href="{{ route("user.vehicles.estimate", ["vehicle"=>$vehicle->id]) }}">見積書を表示</a></p></li>
                                </ul>
                                @unless($vehicle->status == config('const.vehicle_status_code.cancel'))
                                <p class="assessment-btn"><a href="{{ route("user.vehicles.report", ["vehicle"=>$vehicle->id]) }}">見積提示結果を報告する</a></p>
                                @endunless
                            @else
                                <p class="chat-btn">@if($vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id))<span class="message_count">{{ $vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id) }}</span>@endif<a href="{{ route('user.vehicle_chat.room', ['vehicle'=>$vehicle->id, 'from'=>'index']) }}"><span>チャットルーム</span></a></p>
                            @endif
                        </li>
                    @endforeach
                    @else
                        <li>データが存在しません。</li>
                    @endif
                </ul>
            </div>
        </form>
    </main>
@endsection

@section('page_css')
    <style>
        ul.two-btn {
            display: flex;
            justify-content: space-between;
        }
        ul.two-btn li {
            width: 49%;
            margin-bottom: 0 !important;
            padding: 0 !important;
            text-align: center;
        }

        ul.two-btn li p.assessment-btn a{
            margin: 10px auto 0 auto !important;
        }
    </style>
@endsection