@extends('backend.layouts.app')

@section('content')
    <h2 class="title">在庫管理</h2>
@include('backend.layouts.flash-message')

    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        {{ Form::open(['route'=>"backend.{$department}.vehicle.list_stock",'id'=>'frm_search', 'method'=>'get']) }}
        <div class="table-search_wrap">
            <table class="search three_table table">
                <tr>
                    <th>入庫日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_stock_date][]" value="1" id="empty_stock_date_1" {{ isset($search_params['empty_stock_date']) && in_array(1, $search_params['empty_stock_date']) ? 'checked' : '' }}>
                                <label for="empty_stock_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_stock_date][]" value="2" id="empty_stock_date_2" data-ele="stock_date" {{ isset($search_params['empty_stock_date']) && in_array(2, $search_params['empty_stock_date']) ? 'checked' : '' }}>
                                <label for="empty_stock_date_2" class="check_label"></label>
                            </li>
                        </ul>

                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[stock_date_from]" class="datepicker w90" value="{{ isset($search_params['stock_date_from']) ? $search_params['stock_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[stock_date_to]" class="datepicker w90" value="{{ isset($search_params['stock_date_to']) ? $search_params['stock_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>
                    <th>支払済</th>
                    <td>
                        <div class="select-wrap">
                            <label for="">
                                <select name="search_info[payment_finish]">
                                    <option value="">--</option>
                                    @foreach (config('const.finish_select') as $key=>$element)
                                        <option value="{{ $key }}" {{ (isset($search_params['payment_finish']) ? $search_params['payment_finish'] : "") == $key ? 'selected' : '' }}>{{ $element }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th>支払日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_payment_date][]" value="1" id="empty_payment_date_1" {{ isset($search_params['empty_payment_date']) && in_array(1, $search_params['empty_payment_date']) ? 'checked' : '' }}>
                                <label for="empty_payment_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_payment_date][]" value="2" id="empty_payment_date_2" data-ele="payment_date" {{ isset($search_params['empty_payment_date']) && in_array(2, $search_params['empty_payment_date']) ? 'checked' : '' }}>
                                <label for="empty_payment_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[payment_date_from]" class="datepicker w90" value="{{ isset($search_params['payment_date_from']) ? $search_params['payment_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[payment_date_to]" class="datepicker w90" value="{{ isset($search_params['payment_date_to']) ? $search_params['payment_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>

                    <th>経理区分</th>
                    <td>
                        <div class="select-wrap">
                            <label for="">
                                <select name="search_info[accounts_class]">
                                    <option value="">--</option>
                                    @foreach (config('const.accounts_class') as $key=>$element)
                                        <option value="{{ $key }}" {{ (isset($search_params['accounts_class']) ? $search_params['accounts_class'] : "") == $key ? 'selected' : '' }}>{{ $element }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th>社内区分</th>
                    <td>
                        <div class="select-wrap">
                            <label for="">
                                <select name="search_info[vehicle_class]">
                                    <option value="">--</option>
                                    @foreach (config('const.vehicle_class') as $key=>$element)
                                        <option value="{{ $key }}" {{ (isset($search_params['vehicle_class']) ? $search_params['vehicle_class'] : "") == $key ? 'selected' : '' }}>{{ $element }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th>車台番号</th>
                    <td>
                        <input type="text" name="search_info[chassis_no]" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : "" }}" class="input-text">
                    </td>

                    <th>仕入先</th>
                    <td>
                        <input type="text" name="search_info[supplier]" value="{{ isset($search_params['supplier']) ? $search_params['supplier'] : "" }}" class="input-text">
                    </td>
                    <th>販売先</th>
                    <td>
                        <input type="text" name="search_info[sale_dest]" class="input-text" value="{{ isset($search_params['sale_dest']) ? $search_params['sale_dest'] : "" }}">
                    </td>
                    <th>販売日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_sale_date][]" value="1" id="empty_sale_date_1" {{ isset($search_params['empty_sale_date']) && in_array(1, $search_params['empty_sale_date']) ? 'checked' : '' }}>
                                <label for="empty_sale_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_sale_date][]" value="2" id="empty_sale_date_2" data-ele="sale_date" {{ isset($search_params['empty_sale_date']) && in_array(2, $search_params['empty_sale_date']) ? 'checked' : '' }}>
                                <label for="empty_sale_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[sale_date_from]" class="datepicker w90" value="{{ isset($search_params['sale_date_from']) ? $search_params['sale_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[sale_date_to]" class="datepicker w90" value="{{ isset($search_params['sale_date_to']) ? $search_params['sale_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>

                    <th>入金予定日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_expect_deposit_date][]" value="1" id="empty_expect_deposit_date_1" {{ isset($search_params['empty_expect_deposit_date']) && in_array(1, $search_params['empty_expect_deposit_date']) ? 'checked' : '' }}>
                                <label for="empty_expect_deposit_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_expect_deposit_date][]" value="2" id="empty_expect_deposit_date_2" data-ele="expect_deposit_date" {{ isset($search_params['empty_expect_deposit_date']) && in_array(2, $search_params['empty_expect_deposit_date']) ? 'checked' : '' }}>
                                <label for="empty_expect_deposit_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[expect_deposit_date_from]" class="datepicker w90" value="{{ isset($search_params['expect_deposit_date_from']) ? $search_params['expect_deposit_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[expect_deposit_date_to]" class="datepicker w90" value="{{ isset($search_params['expect_deposit_date_to']) ? $search_params['expect_deposit_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>
                    <th>入金日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_deposit_finish_date][]" value="1" id="empty_deposit_finish_date_1" {{ isset($search_params['empty_deposit_finish_date']) && in_array(1, $search_params['empty_deposit_finish_date']) ? 'checked' : '' }}>
                                <label for="empty_deposit_finish_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_deposit_finish_date][]" value="2" id="empty_deposit_finish_date_2" data-ele="deposit_finish_date" {{ isset($search_params['empty_deposit_finish_date']) && in_array(2, $search_params['empty_deposit_finish_date']) ? 'checked' : '' }}>
                                <label for="empty_deposit_finish_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[deposit_finish_date_from]" class="datepicker w90" value="{{ isset($search_params['deposit_finish_date_from']) ? $search_params['deposit_finish_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[deposit_finish_date_to]" class="datepicker w90" value="{{ isset($search_params['deposit_finish_date_to']) ? $search_params['deposit_finish_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>
                    <th>納車日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_delivered_date][]" value="1" id="empty_delivered_date_1" {{ isset($search_params['empty_delivered_date']) && in_array(1, $search_params['empty_delivered_date']) ? 'checked' : '' }}>
                                <label for="empty_delivered_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_delivered_date][]" value="2" id="empty_delivered_date_2" data-ele="delivered_date" {{ isset($search_params['empty_delivered_date']) && in_array(2, $search_params['empty_delivered_date']) ? 'checked' : '' }}>
                                <label for="empty_delivered_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[delivered_date_from]" class="datepicker w90" value="{{ isset($search_params['delivered_date_from']) ? $search_params['delivered_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[delivered_date_to]" class="datepicker w90" value="{{ isset($search_params['delivered_date_to']) ? $search_params['delivered_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>

                    <th>取引目的</th>
                    <td>
                        <div class="select-wrap">
                            <label for="">
                                <select name="search_info[trading_purpose]">
                                    <option value="">--</option>
                                    @foreach (config('const.vehicle_trading_purpose') as $key=>$element)
                                        <option value="{{ $key }}" {{ (isset($search_params['trading_purpose']) ? $search_params['trading_purpose'] : "") == $key ? 'selected' : '' }}>{{ $element }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>

                    <th>資産へ切替日</th>
                    <td>
                        <ul class="check-list f-left">
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_assets_change_date][]" value="1" id="empty_assets_change_date_1" {{ isset($search_params['empty_assets_change_date']) && in_array(1, $search_params['empty_assets_change_date']) ? 'checked' : '' }}>
                                <label for="empty_assets_change_date_1" class="check_label">空欄</label>
                            </li>
                            <li class="checkbtn-wrap">
                                <input type="checkbox" name="search_info[empty_assets_change_date][]" value="2" id="empty_assets_change_date_2" data-ele="assets_change_date" {{ isset($search_params['empty_assets_change_date']) && in_array(2, $search_params['empty_assets_change_date']) ? 'checked' : '' }}>
                                <label for="empty_assets_change_date_2" class="check_label"></label>
                            </li>
                        </ul>
                        <div class="calendar-wrap3">
                            <label>
                                <input type="text" name="search_info[assets_change_date_from]" class="datepicker w90" value="{{ isset($search_params['assets_change_date_from']) ? $search_params['assets_change_date_from'] : "" }}">
                            </label>
                            <span>～</span>
                            <label>
                                <input type="text" name="search_info[assets_change_date_to]" class="datepicker w90" value="{{ isset($search_params['assets_change_date_to']) ? $search_params['assets_change_date_to'] : "" }}">
                            </label>
                        </div>
                    </td>

                    <th>登録番号</th>
                    <td>
                        <input type="text" name="search_info[register_no]" value="{{ isset($search_params['register_no']) ? $search_params['register_no'] : "" }}" class="input-text">
                    </td>
                </tr>
            </table>
        </div>
        <div class="center-submit center">
            <input type="hidden" name="sort" value="{{ Request::get('sort') }}">
            <input type="hidden" name="direction" value="{{ Request::get('direction') }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.{$department}.vehicle.list_stock") }}"'>
        </div>
        {{ Form::close() }}
    </div>
<div class="w100per">
    @if(!empty($vehicles))
        {{ $vehicles->appends(['search_info'=>$search_params, 'sort'=>Request::get('sort'), 'direction'=>Request::get('direction')])->links('vendor.pagination.admin-pagination') }}
    @endif
    <div id="vehicle_stock_list">
        <table class="normal type3 tbl-vehicle-stock">
            <thead>
            <tr>
                <th class="" rowspan="2"></th>
                <th class="purchase_info" colspan="7">仕入情報</th>
                <th class="vehicle_info" colspan="6">車両情報</th>
                <th class="prime_info" colspan="5">車両原価</th>
                <th class="sale_info" colspan="6">販売情報</th>
            </tr>
            <tr>
                <th class="second-th">仕入先</th>
                <th class="second-th">入庫日@sortablelink('input_date', '▲▼')</th>
                <th class="second-th">確定@sortablelink('confirm_input_date', '▲▼')</th>
                <th class="second-th">支払済@sortablelink('payment_finish', '▲▼')</th>
                <th class="second-th">支払日@sortablelink('payment_finish_date', '▲▼')</th>
                <th class="second-th">経理区分</th>
                <th class="second-th">資産へ切替日@sortablelink('assets_change_date', '▲▼')</th>

                <th class="second-th">社内区分</th>
                <th class="second-th">初年度登録</th>
                <th class="second-th">車台番号</th>
                <th class="second-th">登録番号</th>
                <th class="second-th">ボディ形状</th>
                <th class="second-th">取引目的@sortablelink('trading_purpose', '▲▼')</th>

                <th class="second-th">車両価格（税別）</th>
                <th class="second-th">'車両価格</th>
                <th class="second-th">'車両価格</th>
                <th class="second-th">'車両価格</th>
                <th class="second-th">'車両価格</th>

                <th class="second-th">販売日@sortablelink('sale_date', '▲▼')</th>
                <th class="second-th">確定@sortablelink('confirm_sale_date', '▲▼')</th>
                <th class="second-th">販売先</th>
                <th class="second-th">入金予定日@sortablelink('expect_deposit_date', '▲▼')</th>
                <th class="second-th">入金日@sortablelink('deposit_finish_date', '▲▼')</th>
                <th class="second-th">納車日@sortablelink('delivered_at', '▲▼')</th>
            </tr>
            </thead>
            <tbody>
                @if(!empty($vehicles))
                    @if ($vehicles->count() > 0)
                        @foreach($vehicles as $vehicle)
                            <tr>
                                <td class="td-w-50">
                                    <p><a href="{{ route("backend.{$department}.vehicle.detail",  ['vehicle'=>$vehicle->id, 'home'=>'list_stock']) }}">閲覧</a></p>
                                </td>
                                <td class="text-prewrap td-w-200">{{  $vehicle->cp_nm1.' '.$vehicle->cp_nm2 }}<br/>{{ $vehicle->sup_etc }}</td>
                                <td class="td-w-90">{{ $vehicle->in_dt ? Carbon::parse($vehicle->in_dt)->format('Y.m.d') : '' }}</td>
                                <td class="td-w-70">{{ $vehicle->c_in_dt ? '確定' : '' }}</td>
                                <td class="td-w-50">{{ $vehicle->pay_fsh ? '✓' : '' }}</td>
                                <td class="td-w-90">{{ $vehicle->pay_fsh_dt ? Carbon::parse($vehicle->pay_fsh_dt)->format('Y.m.d') : '' }}</td>
                                <td class="td-w-90">{{ config('const.accounts_class.'. $vehicle->ac_cls) }}</td>
                                <td class="td-w-90">{{ $vehicle->asst_ch_dt ? Carbon::parse($vehicle->asst_ch_dt)->format('Y.m.d') : '' }}</td>
                                <td class="td-w-90">{{ config('const.vehicle_class.' . $vehicle->v_cls) }}</td>
                                <td class="td-w-100">{{ App\Helper\SystemHelper::convertSymbolGtJYeaMonth($vehicle->tp_y, $vehicle->tp_m) }}</td>
                                <td class="td-w-150">{{ $vehicle->ch_no}}</td>
                                <td class="td-w-150">{{ $vehicle->reg_no}}</td>
                                <td class="td-w-120">{{ \App\Service\Masters\BodyCategoryService::getCategoryName($vehicle->bd_ctg, $vehicle->bd_m_ctg, $vehicle->bd_s_ctg) }}</td>
                                <td class="td-w-80">{{ config('const.vehicle_trading_purpose.'.$vehicle->trd_pps) }}</td>
                                <td class="td-w-100 text-right">{{ $vehicle->pp_prc ? number_format($vehicle->pp_prc) : '' }}</td>
                                @php
                                    $pp_add_prices = isset($vehicle->vehicle_info->vehicle_pprice) ? $vehicle->vehicle_info->vehicle_pprice->add_price->take(4) : [];
                                    $pp_add_count = count($pp_add_prices);
                                @endphp
                                @foreach($pp_add_prices as $p_price)
                                    <td class="td-w-100 text-right">{{ $p_price->add_vehicle_price ? number_format($p_price->add_vehicle_price) : ''}}</td>
                                @endforeach
                                @if($pp_add_count < 4)
                                    @foreach(range(1, 4-$pp_add_count) as $i)
                                            <td class="td-w-100"></td>
                                    @endforeach
                                @endif
                                <td>{{ $vehicle->ss_dt ? Carbon::parse($vehicle->ss_dt)->format('Y.m.d') : '' }}</td>
                                <td class="td-w-70">{{ $vehicle->c_sale_dt ? '確定' : '' }}</td>
                                <td class="text-prewrap td-w-200">{{ $vehicle->ssp_nm1.' '.$vehicle->ssp_nm2 }}</td>
                                <td>{{ $vehicle->exp_dep_dt ? Carbon::parse($vehicle->exp_dep_dt)->format('Y.m.d') : '' }}</td>
                                <td>{{ $vehicle->dep_fsh_dt ? Carbon::parse($vehicle->dep_fsh_dt)->format('Y.m.d') : '' }}</td>
                                <td>{{ $vehicle->dev_dt ? Carbon::parse($vehicle->dev_dt)->format('Y.m.d') : '' }}</td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="24">データが存在しません。</td>
                        </tr>
                    @endif
                @else
                    <tr>
                        <td colspan="24">検索条件を入力してください。</td>
                    </tr>
                @endif
            </tbody>
        </table>
        @if(!empty($vehicles))
            {{ $vehicles->appends(['search_info'=>$search_params, 'sort'=>Request::get('sort'), 'direction'=>Request::get('direction')])->links('vendor.pagination.admin-pagination') }}
        @endif
    </div>

    <div class="center-submit center">
        <input type="button" value="CSV出力" id="btn_export_csv">
        {{ Form::open(['route'=>"backend.{$department}.vehicle.list_stock_csv", 'method'=>'post', 'id'=>'frm_export_csv']) }}
        {{ Form::close() }}
    </div>
</div>
@endsection

@section('page_css')
    <style>
        .calendar-wrap3 img{
            margin: 0 5px !important;
        }
        .calendar-wrap3 span {
            margin: 0 !important;
        }
        .calendar-wrap3 label:nth-child(1) {
            width: 120px !important;
        }
        th a {
           text-decoration: none !important;
        }

        .three_table th {
            width: 7% !important;
        }
        .three_table td {
            width: 26.2% !important;
            padding: 5px 5px !important;

        }
        .check-list li {
            padding: 0px;
        }
        .check_label {
            padding: 0px 10px 0 24px;
        }

        div#vehicle_stock_list {
            max-height: calc(100vh - 8.7rem) !important;
            overflow: auto !important;
        }

        table.tbl-vehicle-stock {
            margin-top: 10px;
            border-collapse: separate;
        }

        table.tbl-vehicle-stock th, table.tbl-vehicle-stock td {
            border: 1px solid #000000;
        }

        table.tbl-vehicle-stock thead th {
            height: 30px !important;
            padding: 5px 10px !important;
        }
        table.tbl-vehicle-stock thead th.second-th {
            top: 30px;
        }

        table.tbl-vehicle-stock td:first-child, table.tbl-vehicle-stock th:first-child{
            border-left: 2px solid #000000;
        }

        table.tbl-vehicle-stock td:last-child, table.tbl-vehicle-stock th:last-child{
            border-right: 2px solid #000000;
        }

        table.tbl-vehicle-stock tr:first-child th{
            border-top: 2px solid #000000;
        }
        table.tbl-vehicle-stock tr:last-child td{
            border-bottom: 2px solid #000000;
        }

        .purchase_info {
            background-color: #cce0e0 !important;
        }

        .vehicle_info {
            background-color: #ec1b23 !important;
        }

        .prime_info {
            background-color: #00b28b !important;
        }

        .sale_info {
            background-color: #f08300 !important;
        }

        .td-w-50 {
            width: 50px !important;
            min-width: 50px;
            max-width: 50px ;
        }
        .td-w-70 {
            width: 70px !important;
            min-width: 70px;
            max-width: 70px;
        }
        .td-w-80 {
            width: 80px !important;
            min-width: 80px;
            max-width: 80px;
        }
        .td-w-90 {
            width: 90px !important;
            min-width: 90px;
            max-width: 90px;
        }
        .td-w-100 {
            width: 100px !important;
            min-width: 100px;
            max-width: 100px;
        }

        .td-w-120 {
            width: 120px !important;
            min-width: 120px;
            max-width: 120px;
        }

        .td-w-130 {
            width: 130px !important;
            min-width: 130px;
            max-width: 130px;
        }
        .td-w-140 {
            width: 140px !important;
            min-width: 140px;
            max-width: 140px;
        }
        .td-w-150 {
            width: 150px !important;
            min-width: 150px;
            max-width: 150px;
        }
        .td-w-160 {
            width: 160px !important;
            min-width: 160px;
            max-width: 160px;
        }
        .td-w-200 {
            width: 200px !important;
            min-width: 200px;
            max-width: 200px;
        }

        .td-w-310 {
            width: 310px !important;
            min-width: 310px;
            max-width: 310px;
        }
        .td-w-420 {
            width: 420px !important;
            min-width: 420px;
            max-width: 420px;
        }
        .td-w-630 {
            width: 630px !important;
            min-width: 630px;
            max-width: 630px;
        }
        .td-w-900 {
            width: 900px !important;
            min-width: 900px;
            max-width: 900px;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $('#btn_export_csv').click(function(e) {
                    e.preventDefault();
                    $('#frm_export_csv').html('{{ @csrf_field() }}' + $('#frm_search').html());
                    $('#frm_export_csv').submit();
                    $('#frm_export_csv').html('');
                });

                $('input[type="checkbox"]').change(function(e) {
                    if($(this).prop('checked') == false && $(this).val() == 2) {
                        let ele = $(this).data('ele');
                        $('input[name="search_info[' + ele + '_from]"]').val('');
                        $('input[name="search_info[' + ele + '_to]"]').val('');
                    }
                });
            });
        });
    </script>
@endsection