@extends('admin.layouts.app')

@section('content')

    @include('admin.layouts.flash-message')
        {{ Form::open(["route"=>"admin.contract.index", "method"=>"get"]) }}
        <div class="table-wrap">
            <div class="table-wrap-left">
                <table class="table2">
                    <tr>
                        <th>取引成立日</th>
                        <td>
                            <ul class="table-list2">
                                <li>
                                    <input type="date" placeholder="" class="text" name="search_params[start_date]" value="{{ isset($search_params['start_date']) ? $search_params['start_date'] : '' }}">
                                </li>
                                <li>～</li>
                                <li>
                                    <input type="date" placeholder="" class="text" name="search_params[end_date]" value="{{ isset($search_params['end_date']) ? $search_params['end_date'] : '' }}">
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <th>形状</th>
                        <td><input type="text" placeholder="" class="text" name="search_params[vehicle_shape]" value="{{ isset($search_params['vehicle_shape']) ? $search_params['vehicle_shape'] : '' }}"></td>
                    </tr>
                    <tr>
                        <th>担当者</th>
                        <td>
                            <div class="select-wrap">
                                <label>
                                    <select name="search_params[charger]">
                                        <option value="">--</option>
                                        @foreach(\App\Service\AdminService::getAllChargers() as $key => $name)
                                            <option value="{{ $key }}" {{ $key == (isset($search_params['charger']) ? $search_params['charger'] : '') ? 'selected' : '' }}>{{ $name }}</option>
                                        @endforeach
                                    </select>
                                </label>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="table-wrap-right">
                <table class="table2">
                    <tr>
                        <th>型式</th>
                        <td><input type="text" placeholder="" class="text" name="search_params[vehicle_model]" value="{{ isset($search_params['vehicle_model']) ? $search_params['vehicle_model'] : '' }}"></td>
                    </tr>
                    <tr>
                        <th>ステータス</th>
                        <td>
                            <select name="search_params[status]">
                                <option value="">--</option>
                                @foreach(config('const.contract_status') as $key => $status)
                                    <option value="{{ $key }}" {{ (isset($search_params['status']) ? $search_params['status'] : '') == $key ? 'selected' : '' }}>{{ $status }}</option>
                                @endforeach
                            </select>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="search-btn">
                <input type="submit" class="ok coilok" value="検索">
                <input type="button" onclick='location.href="{{ route("admin.contract.index") }}"' class="ok coilok" value="クリア">
            </div>
        </div>
        {{ Form::close() }}
        <div class="tour-content">
            <h2 class="title float-l">契約一覧</h2>
            <p class="float-l pagecount">{{ $contracts->count() }}件/全{{ $contracts->total() }}件</p>
        </div>
        <div class="scroll">
            <table class="table text-centre">
                <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th>ステータス</th>
                    <th>手続き</th>
                    <th>受付番号</th>
                    <th>形状</th>
                    <th>型式</th>
                    <th>見積金額</th>
                    <th>引取日</th>
                    @unless(Auth::guard('admin')->user()->isYuaiJapan())
                        <th></th>
                    @endif
                </tr>
                </thead>
                <tbody>
                @if($contracts->count() > 0)
                    @foreach($contracts as $contract)
                        <tr>
                            <td>
                                <ul class="btn-list">
                                    @unless(Auth::guard('admin')->user()->isYuaiJapan())
                                        <li> <a href="{{ route("admin.vehicles.edit", ['vehicle'=>$contract->vehicle->id]) }}" class="detail">見積</a> </li>
                                    @endif
                                        <li> <a href="{{ route("admin.contract.edit", ["contract"=>$contract->id]) }}" class="detail">契約</a> </li>
                                    @unless(Auth::guard('admin')->user()->isYuaiJapan())
                                        @if (is_object($contract->vehicle->user))
                                            <li><a href="{{ route("admin.vehicle_chat.room", ['vehicle'=>$contract->vehicle->id]) }}" class="chat">チャット@if($contract->vehicle->getUnReadMessageCount()) <span class="unread_count">{{ $contract->vehicle->getUnReadMessageCount() }}</span>@endif</a> </li>
                                        @endif
                                    @endif
                                </ul>
                            </td>
                            <td>
                                <p>{{ is_object($contract->vehicle->user) ? $contract->vehicle->user->supporter_id : '' }}</p>
                                @if(!empty($contract->vehicle->getIndexImage()))
                                    <p><a href="{{ asset('storage/vehicles/') }}/{{ $contract->vehicle->id }}/{{ $contract->vehicle->getIndexImage() }}" data-lity="data-lity"><img src="{{ asset('storage/vehicles') }}/{{ $contract->vehicle->id }}/{{ $contract->vehicle->getIndexImage() }}" class="tiny"></a></p>
                                @endif
                            </td>
                            <td>{{ Carbon::parse($contract->created_at)->format('Y/m/d') }}<br>
                                @switch($contract->contract_register_status)
                                    @case(config('const.contract_status_code.waiting_seller'))
                                    <span class="established">売主情報登録待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_client'))
                                    <span class="established">引取先情報登録待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_document'))
                                    <span class="established">必要書類準備待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_document_confirm'))
                                    <span class="confirmed">必要書類発送待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_desired'))
                                    <span class="confirmed">引取希望日登録待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_reception_date'))
                                    <span class="confirmed">引取日確定待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_pickup'))
                                    <span class="ok">引取・売主支払い待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.waiting_payment'))
                                    <span class="ok">サポート料支払い待ち</span>
                                    @break
                                    @case(config('const.contract_status_code.end'))
                                    <span class="end">取引完了</span>
                                    @break
                                    @case(config('const.contract_status_code.cancel'))
                                    <span class="cancel">取引キャンセル</span>
                                    @break
                                    @case(config('const.contract_status_code.changes'))
                                    <span class="changes">金額変更後買取</span>
                                    @break
                                @endswitch
                            </td>
                            <td>{{ config('const.document_delegation_type.'.$contract->document_delegation) }}</td>
                            <td>{{ $contract->vehicle->manage_no }}</td>
                            <td>{{ $contract->vehicle->getVehicleShape() }}</td>
                            <td>{{ $contract->vehicle->getVehicleModel() }}</td>
                            <td>{{ !empty($contract->vehicle->estimate_price) ? number_format($contract->vehicle->estimate_price).'円' : '' }}</td>
                            <td>{{ !empty($contract->collection_date) ? Carbon::parse($contract->collection_date)->format('Y/m/d') : '' }}</td>
                            @unless(Auth::guard('admin')->user()->isYuaiJapan())
                                <td><button type="button" class="delete" data-url="{{ route("admin.contract.delete", ["contract"=>$contract->id]) }}">削除</button></td>
                            @endif
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="10">データが存在しません。</td>
                    </tr>
                @endif
                </tbody>
            </table>
        </div>

        {{ $contracts->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}

        {{ Form::open(['id'=>'delete_form', 'method'=>'delete']) }}
        {{ Form::close() }}
@endsection

@section('page_css')
    <style>
        @if(Auth::guard('admin')->user()->isYuaiJapan())
            ul.btn-list li {
                width:100% !important;
            }
        @endif
         span.unread_count {
                    position: absolute;
                    background: red;
                    border-radius: 50%;
                    font-size: 10px;
                    top: -6px;
                    width: 17px;
                    height: 17px;
                    right: -5px;
                    text-align: center;
                    padding-top: 1px;
                }
                .btn-list li {
                    position: relative;
                }
    </style>
@endsection
@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $('button.delete').click(function () {
                    let url = $(this).data('url');
                    helper_confirm("dialog-confirm", '削除', "削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#delete_form").attr('action', url);
                        $("#delete_form").submit();
                    });
                });
            });
        });
    </script>
@endsection

{{--

                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="end">取引終了</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="cancel">取引キャンセル</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr>
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="ok">引取日確定</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
                <tr class="caution">
                    <td>
                        <ul class="btn-list">
                            <li> <a href="{{ route("admin.contract.edit") }}" class="detail">詳細</a> </li>
                            <li> <a href="" class="chat">チャット</a> </li>
                            <li> <a href="" class="estimate">見積</a> </li>
                            <li> <a href="" class="contract">契約</a> </li>
                        </ul>
                    </td>
                    <td>0000/00/00<br><span class="changes">金額変更後買取</span></td>
                    <td>10003</td>
                    <td>ウイング</td>
                    <td>2PG-FD2ALB</td>
                    <td>000000円</td>
                    <td>0000/00/00</td>
                    <td>0000/00/00</td>
                    <td><button type="button" class="delete">削除</button></td>
                </tr>
--}}