@extends('admin.layouts.app')

@section('content')
    @include('admin.layouts.flash-message')
    {{ Form::open(["route"=>"admin.vehicles.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" name="search_params[start_date]" value="{{ isset($search_params['start_date']) ? $search_params['start_date'] : '' }}" placeholder="年/月/日" class="text">
                                </li>
                                <li>～</li>
                                <li>
                                    <input type="date" name="search_params[end_date]" value="{{ isset($search_params['end_date']) ? $search_params['end_date'] : '' }}" placeholder="" class="text">
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <th>フリーワード</th>
                        <td><input type="text" placeholder="" class="text" name="search_params[free_word]" value="{{ isset($search_params['free_word']) ? $search_params['free_word'] : '' }}"></td>

                    </tr>
                </table>
            </div>
            <div class="table-wrap-right">
                <table class="table2">
                    <tr>
                        <th>ステータス</th>
                        <td>
                            <ul class="line">
                                @foreach(config('const.vehicle_status') as $key => $status)
                                    <li class="check">
                                        <input type="checkbox" name="search_params[status][]" value="{{ $key }}" id="vehicle_status{{ $key }}" {{ ((isset($search_params['status']) ? (in_array($key, $search_params['status']) ? 'checked' : '') : ''))  }}>
                                        <label for="vehicle_status{{ $key }}">{{ $status }}</label>
                                    </li>
                                @endforeach
                            </ul>
                        </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="search-btn">
                <input type="submit" class="ok coilok" value="検索">
                <input type="button" onclick='location.href="{{ route("admin.vehicles.index") }}"' class="ok coilok" value="クリア">
            </div>
        </div>
    {{ Form::close() }}
    <div class="tour-content">
        <h2 class="title float-l">査定一覧</h2>
        <p class="float-l pagecount">{{ $vehicles->count() }}件/全{{ $vehicles->total() }}件</p>
    </div>
    <div class="scroll">
        <table class="table text-centre">
            <thead>
            <tr>
                <th></th>
                <th></th>
                <th>見積期限<br> ステータス</th>
                <th>担当者</th>
                <th>受付番号</th>
                <th>形状</th>
                <th>型式</th>
                <th>年式</th>
                <th>走行距離</th>
                <th>重複</th>
                <th>登録日</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @if($vehicles->count() > 0)
                @foreach($vehicles as $vehicle)
                    <tr>
                        <td>
                            <ul class="btn-list3">
                                @if ($vehicle->is_complete)
                                    <li> <a href="{{ route("admin.vehicles.edit", ['vehicle'=>$vehicle->id]) }}" class="detail">見積</a> </li>
                                @endif
                                @if (is_object($vehicle->user))
                                    <li> <a href="{{ route("admin.vehicle_chat.room", ['vehicle'=>$vehicle->id]) }}" class="chat">チャット @if($vehicle->getUnReadMessageCount()) <span class="unread_count">{{ $vehicle->getUnReadMessageCount() }}</span>@endif</a> </li>
                                @endif
                            </ul>
                        </td>
                        <td>
                            <p>{{ is_object($vehicle->user) ? $vehicle->user->supporter_id : '' }}</p>
                            @if(!empty($vehicle->getIndexImage()))
                                <p><a href="{{ asset('storage/vehicles/') }}/{{ $vehicle->id }}/{{ $vehicle->getIndexImage() }}" data-lity="data-lity"><img src="{{ asset('storage/vehicles') }}/{{ $vehicle->id }}/{{ $vehicle->getIndexImage() }}" class="tiny"></a></p>
                            @endif
                        </td>
                        <td>{{  $vehicle->vehicle_assessed_date ? Carbon::parse($vehicle->vehicle_assessed_date)->addDays(14)->format('Y.m.d') : ''  }}<br>

                            @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">キャンセル</span>
                            @elseif($vehicle->status == config('const.vehicle_status_code.waiting_reception'))
                                <span class="wait1">{{ config('const.vehicle_status.'.$vehicle->status) }}</span>
                            @else
                                <span class="wait">{{ config('const.vehicle_status.'.$vehicle->status) }}</span>
                            @endif
                        </td>
                        <td>
                            @if ($vehicle->is_complete)
                            {{ Form::open(['route' => ['admin.vehicles.save_charger', 'vehicle'=>$vehicle->id], 'id' => 'save_charge_' . $vehicle->id,'method' => 'POST']) }}
                                <select class="sel-charger" name="charger_id_{{$vehicle->id}}" id="charger_{{$vehicle->id}}">
                                    <option value="">--</option>
                                    @foreach($chargers as $key => $value)
                                        <option value="{{ $key }}" {{ $vehicle->charger==$key ? 'selected' : '' }}>{{ $value }}</option>
                                    @endforeach
                                </select>
                                <button class="btn-save-charger" data-id="{{$vehicle->id}}">保存</button>
                            {{ Form::close() }}
                            @endif
                        </td>
                        <td>{{ $vehicle->manage_no }}</td>
                        <td>{{ $vehicle->getVehicleShape() }}</td>
                        <td>{{ $vehicle->getVehicleModel() }}</td>
                        <td>{{ \App\Helper\SystemHelper::convertSymbolGtJYeaMonth($vehicle->year_type_y, $vehicle->year_type_m) }}</td>
                        <td>{{ !empty($vehicle->travel_distance) ? number_format($vehicle->travel_distance).'km' : '' }}</td>
                        <td>{{ $vehicle->checkExistChassisNo() ? '複' : '' }}</td>
                        <td>{{ $vehicle->created_at ? Carbon::parse($vehicle->created_at)->format('Y.m.d') :'' }}</td>
                        <td>
                            @if ($vehicle->is_complete)
                            <button type="button" class="delete" data-url="{{ route("admin.vehicles.delete", ['vehicle'=>$vehicle->id]) }}">削除</button>
                            @endif
                        </td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="12">データが存在しません。</td>
                </tr>
            @endif
                <tr>
                </tr>
            </tbody>
        </table>
    </div>
    {{ $vehicles->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}

    {{ Form::open(['id'=>'delete_form']) }}
    {{ Form::close() }}

@endsection

@section('page_css')
    <style>
        .btn-list3 li {
            position: relative;
        }
        select.sel-charger {
            width:60%
        }
        button.btn-save-charger {
            width: 25%;
        }
        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;
        }
    </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();
                    });
                });
                $('button.btn-save-charger').click(function (e) {
                    e.preventDefault();
                    var vehicle_id = $(this).data('id');
                    var charger_name = $("#charger_" + vehicle_id + " option:selected").html();
                    helper_confirm("dialog-confirm", '担当者変更', "担当者を「" + charger_name + "」に変更します。よろしいですか？", 300, "確認", "閉じる", function(){
                        console.log(vehicle_id);
                        $('#save_charge_' + vehicle_id).submit();
                    });
                });

            });
        });
    </script>
@endsection