@extends('backend.layouts.app')

@section('content')

    <h2 class="title">車検お知らせハガキ作成</h2>

    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        @php
            $sort =  Request::get('sort');
            $direction = Request::get('direction');
        @endphp
        {{ Form::open(["route"=>"backend.{$department}.vehicle_inspection.index", "method"=>"get", "id"=>"frm_search"]) }}
        <div class="table-search_wrap">
            <table class="search">
                <tr>
                    <th>有効期間の満了する日</th>
                    <td>
                        <div class="calendar-wrap2">
                            <label for="">
                                <input type="text" autocomplete="off" name="search_params[start_time]" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : '' }}" class="datepicker w100">
                            </label>
                            <span style="margin: 0 !important;">〜</span>
                            <label for="">
                                <input type="text" autocomplete="off" name="search_params[end_time]" class="datepicker w100" value="{{ isset($search_params['end_time']) ? $search_params['end_time'] : '' }}">
                            </label>
                        </div>
                    </td>
                    <th>顧客名</th>
                    <td><input type="text" name="search_params[partner_name]" value="{{ isset($search_params['partner_name']) ? $search_params['partner_name'] : "" }}" class="input-text"></td>
                </tr>
                <tr>
                    <th>登録番号</th>
                    <td><input type="text" name="search_params[register_no]" value="{{ isset($search_params['register_no']) ? $search_params['register_no'] : "" }}" class="input-text"></td>
                    <th>車台番号</th>
                    <td><input type="text" name="search_params[chassis_no]" value="{{ isset($search_params['chassis_no']) ? $search_params['chassis_no'] : "" }}" class="input-text"></td>
                </tr>
            </table>
        </div>
        <div class="center-submit center">
            <input type="hidden" name="sort" value="{{ $sort }}">
            <input type="hidden" name="direction" value="{{ $direction }}">
            <input type="submit" value="検索">
            <input type="button" value="クリア" onclick='location.href="{{ route("backend.{$department}.vehicle_inspection.index") }}"'>
        </div>
        {{ Form::close() }}
    </div>

    {{ Form::open(["route"=>"backend.{$department}.vehicle_inspection.export_postcard", "method"=>"post", "id"=>"frm_export_postcards"]) }}

    <div class="subtitleandbtns mt0">
        <p class="add_fieldbtn ma0 non-icon f-right"><a href="#" id="btn_export_postcard">選択した顧客の車検ハガキをダウンロード</a></p>
    </div>
        {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
            <table class="normal type3">
                <thead>
                    <tr>
                        <th class="fst_th" rowspan="2">
                            <div class="checkbtn-wrap">
                                <input type="checkbox" id="check_all">
                                <label for="check_all" class="check_label">一括</label>
                            </div>
                        </th>
                        <th class="fst_th" colspan="4">顧客情報</th>
                        <th class="fst_th" colspan="5">車両情報</th>
                    </tr>
                    <tr>

                        <th class="sec_th">取引先コード</th>
                        <th class="sec_th">①顧客名</th>
                        <th class="sec_th">②顧客名</th>
                        <th class="sec_th">電話番号</th>

                        <th class="sec_th">車両登録番号</th>
                        <th class="sec_th">初年度登録</th>
                        <th class="sec_th">車名</th>
                        <th class="sec_th">車台番号</th>
                        <th class="sec_th">有効期間の満了する日@sortablelink('inspection_valid_date', ' ▲▼')</th>
                    </tr>
                </thead>
                <tbody>
                    @php
                        $vehicle_maker_names = \App\Service\Masters\VehicleMakerService::getAllVehicleMakers();
                    @endphp
                    @if ($params->count() > 0)
                    @foreach ($params as $param)
                    <tr>
                        <td>
                            <div class="checkbtn-wrap">
                                <input name="print_vehicles[]" type="checkbox" class="print-check" id="check{{ $param->id }}" value="{{ $param->id }}">
                                <label for="check{{ $param->id }}" class="check_label"></label>
                            </div>
                        </td>

                        <!-- 取引先コード  -->
                        <td>{{ isset($param->cp_code) ? $param->cp_code : '' }}</td>
                        <!-- ①顧客名 -->
                        <td>{{ isset($param->cp_nm1) ? $param->cp_nm1 : '' }}</td>
                        <!-- ②顧客名 -->
                        <td>{{ isset($param->cp_nm2) ? $param->cp_nm2 : '' }}</td>
                        <!-- 電話番号 -->
                        <td>{{ isset($param->cp_tel) ? $param->cp_tel : '' }}</td>

                        <!-- 車両登録番号 -->
                        <td>{{ $param->reg_no }}</td>
                        <!-- 初年度登録 -->
                        <td>{{ !empty($param->tp_y) ? App\Helper\SystemHelper::convertGtJDate($param->tp_y).'/'.$param->tp_m. '月' : '' }}</td>
                        <!-- 車名 -->
                        <td>{{ isset($param->maker) && isset($vehicle_maker_names[$param->maker]) ? $vehicle_maker_names[$param->maker] : '' }}</td>
                        <!-- 車台番号 -->
                        <td>{{ $param->ch_no }}</td>
                        <!-- 有効期間の満了する日 -->
                        <td>{{ $param->iv_date ? Carbon::parse($param->iv_date)->format('Y年n月j日') : '' }}</td>
                    </tr>
                    @endforeach
                    @else
                        <tr>
                            <td colspan="11">データが存在しません。</td>
                        </tr>
                    @endif
                </tbody>
            </table>
            {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        {{ Form::close() }}


        <div class="center-submit t_center ">
            <button type="button" name="button" class="btn_print">CSV出力</button>
        </div>
@endsection

@section('page_css')
    <style>
        .search tr th {
            width: 250px;
        }
        th.fst_th {
            height: 40px;
        }

        th.sec_th {
            top: 40px !important;
        }
    </style>
@endsection
@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>

    <script>
        $(document).ready(function(){
            $("input#check_all").click(function(){
                if($("input#check_all").prop('checked') == true){
                    $('input.print-check').prop("checked", "true");
                } else {
                    $('input.print-check').removeAttr("checked");
                }
            });

            $('input.print-check').on('change', function(){
                let all_checked = $('input.print-check:checked').length == $('input.print-check').length;
                if(all_checked) {
                    $('input#check_all').prop('checked', true);
                } else {
                    $('input#check_all').prop('checked', false);
                }
            });

            $("#select_date").change(function(){
                $("#select_date_form").submit();
            });

            $("#btn_export_postcard").click(function(){
                if($('input.print-check:checked').length > 0) {
                    $("#frm_export_postcards").submit();
                } else {
                    helper_alert("dialog-confirm", "通知", "車両を選択してください。", 340, "閉じる");
                }
            });

            $(".btn_print").click(function(){
                location.href =  '{{ route("backend.{$department}.vehicle_inspection.csv_export") }}' + '?' + $('#frm_search').serialize();
            });

        });
    </script>
@endsection