@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>
        <div id="wrapper-gray" class="contents">
                @include('user.layouts.flash-message')
                <ul class="assessment-list">
                    @if($contracts->count() > 0)
                        @foreach($contracts as $key => $contract)
                            <li class="{{ ($contract->contract_register_status == config('const.contract_status_code.end') ) ? 'bk-glay' : '' }}">
                                <div class="picandtext">
                                    <div class="pic">
                                        @switch($contract->contract_register_status)
                                            @case(config('const.contract_status_code.waiting_seller'))
                                            <span class="established">売主情報<br>登録待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_client'))
                                            <span class="established">引取先情報<br>登録待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_document'))
                                            <span class="established">必要書類<br>準備待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_document_confirm'))
                                            <span class="confirmed">必要書類<br>発送待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_desired'))
                                            <span class="confirmed">引取希望日<br>登録待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_reception_date'))
                                            <span class="confirmed">引取日<br>確定待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_pickup'))
                                            <span class="ok">引取・売主<br>支払い待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.waiting_payment'))
                                            <span class="ok">サポート料<br>支払い待ち</span>
                                            @break
                                            @case(config('const.contract_status_code.end'))
                                            <span class="end">取引<br>完了</span>
                                            @break
                                            @case(config('const.contract_status_code.cancel'))
                                            <span class="cancel">取引<br>キャンセル</span>
                                            @break
                                            @case(config('const.contract_status_code.changes'))
                                            <span class="changes">金額変更<br>後買取</span>
                                            @break
                                        @endswitch
                                        @if(is_object($contract->vehicle->getFile('front_right', 0)) && !empty($contract->vehicle->getFile('front_right', 0)->file_path) && Storage::disk('vehicles')->has($contract->vehicle->id.'/'.$contract->vehicle->getFile('front_right', 0)->file_path))
                                            <img src="{{ asset('storage/vehicles') }}/{{ $contract->vehicle->id }}/{{ $contract->vehicle->getFile('front_right', 0)->file_path }}">
                                        @else
                                            <img src="{{ asset("assets/share/img/sample/i_noimage.gif") }}"/>
                                        @endif
                                    </div>

                                    <div class="text">
                                        <dl>
                                            <dt>受付番号</dt>
                                            <dd>{{ $contract->vehicle->manage_no }}</dd>
                                            <dt>形状</dt>
                                            <dd>{{ $contract->vehicle->getVehicleShape() }}</dd>
                                            <dt>型式</dt>
                                            <dd>{{ $contract->vehicle->getVehicleModel() }}</dd>
                                        </dl>
                                    </div>
                                </div>
                                @if($contract->vehicle->size || $contract->document_delegation == config('const.document_delegation_status_code.ushitra') )
                                <div class="estimate">
                                    <div>
                                        <p class="label"><span>今回受け取れる</span><br>サポート料</p>
                                        <p class="price">{{ number_format(config('const.vehicle_supporter_price.'.$contract->vehicle->size) - ($contract->document_delegation == config('const.document_delegation_status_code.ushitra') ? 5000 : 0)) }}
                                            <span>円(税込)</span>
                                        </p>
                                    </div>
                                </div>
                                @endif
                                <div class="cash">
                                    <div><p class="label">買取金額</p><p class="price">@if($contract->purchasing_price){{ number_format(round($contract->purchasing_price + $contract->purchasing_price / 10)) }}@endif<span>円(税込)</span></p></div>
                                </div>
                                <div class="date">
                                    <p>引取日：{{ $contract->collection_date ? Carbon::parse($contract->collection_date)->format('Y年n月j日') : '' }}</p>
                                </div>
                                <ul class="two-btn">
                                    <li>
                                        <p class="chat-btn">@if($contract->vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id))<span class="message_count">{{ $contract->vehicle->getUnReadMessageCount(Auth::guard('web')->user()->id) }}</span>@endif<a href="{{ route('user.vehicle_chat.room', ['vehicle'=>$contract->vehicle->id,'from'=>'history']) }}"><span>チャットルーム</span></a></p>
                                    </li>
                                    <li>
                                        <p class="assessment-btn"><a href="{{ route("user.vehicles.estimate", ["vehicle"=>$contract->vehicle->id]) }}"><span>買取見積書</span></a></p>
                                    </li>
                                </ul>
                                <p class="chat-btn"><a href="{{ route('user.vehicles.show', ['vehicle'=>$contract->vehicle->id, 'home' => 'history']) }}">詳細</a></p>
                                @switch($contract->contract_register_status)
                                    @case(config('const.contract_status_code.waiting_seller'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>売主情報を登録</span></a></p>
                                        @break
                                    @case(config('const.contract_status_code.waiting_client'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>引取先情報@if($contract->document_delegation == config('const.document_delegation_status_code.ushitra'))確認@else登録@endif</span></a></p>
                                        @break
                                    @case(config('const.contract_status_code.waiting_document'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>必要書類の@if($contract->document_delegation == config('const.document_delegation_status_code.ushitra'))確認@else準備@endif</span></a></p>
                                        @break
                                    @case(config('const.contract_status_code.waiting_document_confirm'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>必要書類発送待ち</span></a></p>
                                        @break
                                    @case(config('const.contract_status_code.waiting_desired'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>引取希望日の登録</span></a></p>
                                        @break
                                    @case(config('const.contract_status_code.waiting_reception_date'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>引取日確定待ち</span></a></p>
                                    @break
                                    @case(config('const.contract_status_code.waiting_pickup'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>引取・売主への支払い待ち</span></a></p>
                                    @break
                                    @case(config('const.contract_status_code.waiting_payment'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>サポート料の支払い待ち</span></a></p>
                                    @break
                                    @case(config('const.contract_status_code.end'))
                                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_register', ['contract'=>$contract->id]) }}"><span>取引完了</span></a></p>
                                    @break
                                @endswitch
                                @if($contract->contract_register_status == config('const.contract_status_code.end'))
                                    <p class="image-btn"><a data-target="images{{ $contract->id }}" class="modal-open">名義変更後書類・看板消し画像</a></p>
                                @endif
                            </li>
                        @endforeach
                    @else
                        <li>データが存在しません。</li>
                    @endif
                </ul>
            </div>
    </main>
    @foreach($contracts as $key => $contract)
        @if($contract->contract_register_status == config('const.contract_status_code.end'))
            @include('user.vehicles._m_vehicle_image', ['contract'=>$contract])
        @endif
    @endforeach
@endsection

@section('page_css')
    <style>
        ul.two-btn {
            display: flex;
            justify-content: space-between;
            margin: 15px 0 0 0;
        }
        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;
        }
        p.change-name-doc{
            cursor: pointer;
        }
        span.download a {
            color: #EC1C24 !important;
        }
        .picandtext div.pic span {
            width: 60px;
            height: 60px;
            word-break: break-all;
        }
    </style>
@endsection

@section('page_js')
    <script>
        $(document).ready(function () {
            $('span.change-name-doc').click(function (e) {
                e.preventDefault();
                var file_path = $(this).data('file_path');
                var contract_id = $(this).data('contract_id');
                var cfm = confirm("【名義変更後書類】ファイルをメールで送信します。");
                if (cfm == true) {
                    $.ajax({
                        type: "post",
                        url : "{{ route("user.vehicles.send_change_name_doc") }}",
                        data: {
                            contract_id: contract_id,
                            file_path: file_path,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response) {
                            console.log(response.result);
                            return false;
                        }
                    });
                }
            });
        });
    </script>
@endsection