@extends('backend.layouts.app')

@section('content')
<div class="hscroll-sp">
    @include('backend.lease.dashboard._schedule')
</div>

<div id="detail" class="modal-content">
    <div class="MDL_window_wrap_calender">
        <div class="schedule_nav">
            <ul class="tab five">
                <li id="schedule_navTab1" class="select" data-nav="new">新車</li>
                <li id="schedule_navTab2" data-nav="connection">つなぎ</li>
                <li id="schedule_navTab3" data-nav="return">返却</li>
                <li id="schedule_navTab4" data-nav="kakuyasu">格安リース</li>
            </ul>
        </div>
        <ul class="content">
            <li class="schedule_navTab1">
                <!-- 新車 ********************************************************************** -->
                <table class="normal type3">
                    <thead>
                        <tr>
                            <th></th>
                            <th>顧客名</th>
                            <th>型式</th>
                            <th>車台番号</th>
                            <th>メイン形状</th>
                            <th>サブ形状</th>
                            <th>年式</th>
                            <th>目的</th>
                            <th>予定残価（税抜）</th>
                            <th>納車時走行km</th>
                            <th>契約走行km</th>
                            <th>返却予定走行km</th>
                            <th>実際走行km</th>
                            <th>Ｄ注文</th>
                            <th>契約</th>
                            <th>書類準備</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="h-2.php">契約詳細</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </li>

            <!-- つなぎ ********************************************************************** -->
            <li class="schedule_navTab2 hide">
                <table class="normal type3">
                    <thead>
                        <tr>
                            <th></th>
                            <th>顧客名</th>
                            <th>型式</th>
                            <th>車台番号</th>
                            <th>メイン形状</th>
                            <th>サブ形状</th>
                            <th>年式</th>
                            <th>目的</th>
                            <th>予定残価（税抜）</th>
                            <th>納車時走行km</th>
                            <th>契約走行km</th>
                            <th>返却予定走行km</th>
                            <th>実際走行km</th>
                            <th>作業完了</th>
                            <th>契約</th>
                            <th>書類準備</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="h-2.php">契約詳細</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </li>

            <!-- 返却 ********************************************************************** -->
            <li class="schedule_navTab3 hide">
                <table class="normal type3">
                    <thead>
                        <tr>
                            <th></th>
                            <th>顧客名</th>
                            <th>型式</th>
                            <th>車台番号</th>
                            <th>メイン形状</th>
                            <th>サブ形状</th>
                            <th>年式</th>
                            <th>目的</th>
                            <th>予定残価（税抜）</th>
                            <th>納車時走行km</th>
                            <th>契約走行km</th>
                            <th>返却予定走行km</th>
                            <th>実際走行km</th>
                            <th>返却日確定</th>
                            <th>返却完了</th>
                            <th>各種精算</th>
                            <th>登録書類徴求</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="h-2.php">契約詳細</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </li>

            <!-- 格安リース ********************************************************************** -->
            <li class="schedule_navTab4 hide">
                <table class="normal type3">
                    <thead>
                        <tr>
                            <th></th>
                            <th>顧客名</th>
                            <th>型式</th>
                            <th>車台番号</th>
                            <th>メイン形状</th>
                            <th>サブ形状</th>
                            <th>年式</th>
                            <th>目的</th>
                            <th>予定残価（税抜）</th>
                            <th>納車時走行km</th>
                            <th>契約走行km</th>
                            <th>返却予定走行km</th>
                            <th>実際走行km</th>
                            <th>作業完了</th>
                            <th>契約</th>
                            <th>書類準備</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="h-2.php">契約詳細</a></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </li>
        </ul>
    </div>
    <p class="closemodal"><a class="modal-close_calender">×</a></p>
</div>
@endsection

@section('page_js')
<script>
    $(function(){
        $('.modal_btn_calender').click(function(){

            const target_case = $(this).data('case');
            const month = $(this).data('month');
            const year = $(this).data('year');

            $.ajax({
                type: "post",
                url : '{{ route("backend.ajax.get_lease_contract_info") }}',
                data: {
                    month: month,
                    year: year,
                    _token: '{{ csrf_token() }}',
                },
                dataType: "json",
                success: function(result) {
                    let text_n = '';
                    let text_c = '';
                    let text_r = '';
                    let text_k = '';

                    // 新車
                    if(result['new_contracts'].length == 0){
                        text_n += '<tr><td colspan="16">表示する項目はありません。</td></tr>';
                    }else{
                        for(let i=0; i<result['new_contracts'].length; i++){
                            const contract = result['new_contracts'][i];
                            if(contract['is_red']){
                                text_n += '<tr class="st_red">';
                            }else{
                                text_n += '<tr>';
                            }

                            text_n += '<td><a href="' + contract['url'] + '">契約照会</a></td>';
                            text_n += '<td>' + contract["company_name"] + '</td>';
                            text_n += '<td>' + contract["model"] + '</td>';
                            text_n += '<td>' + contract["chassis_no"] + '</td>';
                            text_n += '<td>' + contract["body_category"] + '</td>';
                            text_n += '<td>' + contract["body_sub_category"] + '</td>';
                            text_n += '<td>' + contract["year_type"] + '</td>';
                            text_n += '<td>' + contract["lease_case"] + '</td>';
                            text_n += '<td>' + contract["residual_value"] + '</td>';
                            text_n += '<td>' + contract["delivered_mileage"] + '</td>';
                            text_n += '<td>' + contract["contract_mileage"] + '</td>';
                            text_n += '<td>' + contract["planned_mileage"] + '</td>';
                            text_n += '<td>' + contract["actual_mileage"] + '</td>';
                            text_n += '<td>' + contract["is_order"] + '</td>';
                            text_n += '<td>' + contract["is_contract"] + '</td>';
                            text_n += '<td>' + contract['is_document_request'] + '</td>';

                            text_n += '</tr>';
                        }
                    }
                    $('ul.content .schedule_navTab1 table tbody tr').remove();
                    $('ul.content .schedule_navTab1 table tbody').append(text_n);

                    // つなぎ
                    if(result['connection_contracts'].length == 0){
                        text_c += '<tr><td colspan="17">表示する項目はありません。</td></tr>';
                    }else{
                        for(let i=0; i<result['connection_contracts'].length; i++){
                            const contract = result['connection_contracts'][i];
                            if(contract['is_red']){
                                text_c += '<tr class="st_red">';
                            }else{
                                text_c += '<tr>';
                            }

                            text_c += '<td><a href="' + contract['url'] + '">契約照会</a></td>';
                            text_c += '<td>' + contract["company_name"] + '</td>';
                            text_c += '<td>' + contract["model"] + '</td>';
                            text_c += '<td>' + contract["chassis_no"] + '</td>';
                            text_c += '<td>' + contract["body_category"] + '</td>';
                            text_c += '<td>' + contract["body_sub_category"] + '</td>';
                            text_c += '<td>' + contract["year_type"] + '</td>';
                            text_c += '<td>' + contract["lease_case"] + '</td>';
                            text_c += '<td>' + contract["residual_value"] + '</td>';
                            text_c += '<td>' + contract["delivered_mileage"] + '</td>';
                            text_c += '<td>' + contract["contract_mileage"] + '</td>';
                            text_c += '<td>' + contract["planned_mileage"] + '</td>';
                            text_c += '<td>' + contract["actual_mileage"] + '</td>';
                            text_c += '<td>' + contract["before_deliver_check"] + '</td>';
                            text_c += '<td>' + contract["is_contract"] + '</td>';
                            text_c += '<td>' + contract["is_document_request"] + '</td>';

                            text_c += '</tr>';
                        }
                    }
                    $('ul.content .schedule_navTab2 table tbody tr').remove();
                    $('ul.content .schedule_navTab2 table tbody').append(text_c);

                    // 返却
                    if(result['return_contracts'].length == 0){
                        text_r += '<tr><td colspan="16">表示する項目はありません。</td></tr>';
                    }else{
                        for(let i=0; i<result['return_contracts'].length; i++){
                            const contract = result['return_contracts'][i];
                            if(contract['is_red']){
                                text_r += '<tr class="st_red">';
                            }else{
                                text_r += '<tr>';
                            }

                            text_r += '<td><a href="' + contract['url'] + '">契約照会</a></td>';
                            text_r += '<td>' + contract["company_name"] + '</td>';
                            text_r += '<td>' + contract["model"] + '</td>';
                            text_r += '<td>' + contract["chassis_no"] + '</td>';
                            text_r += '<td>' + contract["body_category"] + '</td>';
                            text_r += '<td>' + contract["body_sub_category"] + '</td>';
                            text_r += '<td>' + contract["year_type"] + '</td>';
                            text_r += '<td>' + contract["lease_case"] + '</td>';
                            text_r += '<td>' + contract["residual_value"] + '</td>';
                            text_r += '<td>' + contract["delivered_mileage"] + '</td>';
                            text_r += '<td>' + contract["contract_mileage"] + '</td>';
                            text_r += '<td>' + contract["planned_mileage"] + '</td>';
                            text_r += '<td>' + contract["actual_mileage"] + '</td>';
                            text_r += '<td>' + contract["is_checked_return_date"] + '</td>';
                            text_r += '<td>' + contract['returned'] + '</td>';
                            text_r += '<td>' + contract['settlement'] + '</td>';
                            text_r += '<td>' + contract['is_document_request'] + '</td>';
                            text_r += '</tr>';
                        }
                    }
                    $('ul.content .schedule_navTab3 table tbody tr').remove();
                    $('ul.content .schedule_navTab3 table tbody').append(text_r);

                    // 格安リース
                    if(result['kakuyasu_contracts'].length == 0){
                        text_k += '<tr><td colspan="16">表示する項目はありません。</td></tr>';
                    }else{
                        for(let i=0; i<result['kakuyasu_contracts'].length; i++){
                            const contract = result['kakuyasu_contracts'][i];
                            if(contract['is_red']){
                                text_k += '<tr class="st_red">';
                            }else{
                                text_k += '<tr>';
                            }

                            text_k += '<td><a href="' + contract['url'] + '">契約照会</a></td>';
                            text_k += '<td>' + contract["company_name"] + '</td>';
                            text_k += '<td>' + contract["model"] + '</td>';
                            text_k += '<td>' + contract["chassis_no"] + '</td>';
                            text_k += '<td>' + contract["body_category"] + '</td>';
                            text_k += '<td>' + contract["body_sub_category"] + '</td>';
                            text_k += '<td>' + contract["year_type"] + '</td>';
                            text_k += '<td>' + contract["lease_case"] + '</td>';
                            text_k += '<td>' + contract["residual_value"] + '</td>';
                            text_k += '<td>' + contract["delivered_mileage"] + '</td>';
                            text_k += '<td>' + contract["contract_mileage"] + '</td>';
                            text_k += '<td>' + contract["planned_mileage"] + '</td>';
                            text_k += '<td>' + contract["actual_mileage"] + '</td>';
                            text_k += '<td>' + contract["before_deliver_check"] + '</td>';
                            text_k += '<td>' + contract["is_contract"] + '</td>';
                            text_k += '<td>' + contract["is_document_request"] + '</td>';

                            text_k += '</tr>';
                        }
                    }
                    $('ul.content .schedule_navTab4 table tbody tr').remove();
                    $('ul.content .schedule_navTab4 table tbody').append(text_k);
                    $("[data-nav = '" + target_case + "']").trigger("click");
                },
                error: function(){
                    alert('エラーが発生しました。');
                },
            });
        });
    });
</script>
@endsection

@section('page_css')
<style>
    ul.content{
        min-height: 600px;
        overflow: scroll;
        min-width: 100%;
    }
    .tab.five{
        bottom: 500px;
    }
    .MDL_window_wrap_calender{
        height: 500px;
    }
    .modal-close_calender{
        bottom:505px;
    }
    table.normal.type3 td{
        background-color: inherit;
    }
</style>
@endsection