@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}.bill.index", "method"=>"get"]) }}
            <div class="table-search_wrap">
                <table class="search three_table">
                    <tr>
                        <th>顧客名</th>
                        <td>
                            <input type="text" name="search_param[billing_dest]" value="{{ isset($search_param['billing_dest']) ? $search_param['billing_dest'] : "" }}" class="input-text">
                        </td>
                        <th>車台番号</th>
                        <td>
                            <input type="text" name="search_param[chassis_no]" value="{{ isset($search_param['chassis_no']) ? $search_param['chassis_no'] : "" }}" class="input-text">
                        </td>
                        <th>日付</th>
                        <td>
                            <div class="calendar-wrap">
                                <label for="">
                                <input type="text" name="search_param[start_time]" class="datepicker" autocomplete="off" value="{{ isset($search_param['start_time']) ? $search_param['start_time'] : "" }}">
                                </label>
                                <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            </div>
                            <span>〜</span>
                            <div class="calendar-wrap">
                                <label for="">
                                <input type="text" name="search_param[finish_time]" class="datepicker" autocomplete="off" value="{{ isset($search_param['finish_time']) ? $search_param['finish_time'] : "" }}">
                                </label>
                                <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="center-submit center">
                <input type="submit" value="検索">
            </div>
        {{ Form::close() }}
    </div>
    <div class="hscroll mt40">
        {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
                <tr>
                    <th>操作</th>
                    <th class="w150">種別</th>
                    <th class="w300">請求先@sortablelink('bill_dest_name', ' ▲▼')</th>
                    <th>登録日</th>
                    <th>支払期日@sortablelink('payment_date', ' ▲▼')</th>
                    <th class="w200">件名</th>
                    <th>請求金額合計</th>
                    <th>請求書出力</th>
                    <th>入金処理</th>
                    @if(Auth::guard('admin')->user()->canPrintReceipt($department))
                    <th>領収書</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @if ($params->count() > 0)
                    @foreach ($params as $param)
                    <tr>
                        <td><a href="{{ route("backend.{$department}.bill.edit", ['id'=>$param->id]) }}">編集</a></td>
                        <td class="text-prewrap">@foreach ($param->content as $content){{ isset($content->work->name) ? $content->work->name : '' }}@if (!$loop->last),@endif @endforeach</td>
                        <td class="text-prewrap">{{ $param->bill_dest_name }}</td>
                        <td>{{ Carbon::parse($param->created_at)->format('Y.m.d') }}</td>
                        <td>
                            {{ !empty($param->payment_date) ? Carbon::parse($param->payment_date)->format('Y.m.d') : '' }}
                        </td>
                        <td class="text-prewrap">{{ $param->bill_title }}</td>
                        <td>{{ !empty($param->getTotal() + $param->getTotalFee()) ? number_format($param->getTotal() + $param->getTotalFee())."円" : '' }}</td>
                        <td>
                            <a href="{{ route("backend.{$department}.bill.export_invoice", ["id"=>$param->id]) }}" target="_blank">出力する</a>
                            <span class="checkbtn-wrap pa10">
                                <input type="checkbox" data-id="{{ $param->id }}" class="invoice_print_status" id="invoice_print_status{{ $param->id }}" {{ !empty($param->invoice_print_status) ? 'checked' : '' }}>
                                <label for="invoice_print_status{{ $param->id }}" class="check_label">出力済</label>
                            </span>
                        </td>
                        <td>
                            <div class="checkbox-wrap in_table">
                            <input type="checkbox" name="bill_status" id="{{'check'.$loop->index}}" class="check-status"
                                    value="{{ $param->id }}"
                                    {{ $param->bill_status == config('const.bill_status_code.paid') ? "checked" : "" }}>
                            <label for="{{'check'.$loop->index}}">入金済み</label>
                            <form action="{{ route("backend.{$department}.bill.paid") }}" method="post" id="{{ "paid_form_".$param->id }}">
                                @csrf
                                <input type="hidden" name="bill_id" value="{{ $param->id }}">
                                <input type="hidden" name="bill_status" id="{{"bill_status_".$param->id}}" value="{{ $param->bill_status }}">
                            </form>
                        </div>
                        </td>
                        @if(Auth::guard('admin')->user()->canPrintReceipt($department))
                        <td>
                            <a class="modal_btn" data-target="detail{{ $param->id }}">出力する</a>
                            @include('backend.share._modal._bill', ['index'=>$param->id, 'total_price'=>($param->getTotal() + $param->getTotalFee())])
                            <span class="checkbtn-wrap pa10">
                                <input type="checkbox" data-id="{{ $param->id }}" class="receipt_print_status" id="receipt_print_status{{ $param->id }}" {{ !empty($param->receipt_print_status) ? 'checked' : '' }}>
                                <label for="receipt_print_status{{ $param->id }}" class="check_label">出力済</label>
                            </span>
                        </td>
                        @endif
                    </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="9">請求情報データが存在しません。</td>
                    </tr>
                @endif
            </tbody>
        </table>
        {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}
    </div>
    <div id="dialog-confirm" title="test" style="display:none">
        <p>
            <span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text">These items will be permanently deleted and cannot be recovered. Are you sure?</span>
        </p>
    </div>

@endsection

@section('page_css')


    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <style>
        .pl20 {
            padding-left: 20px !important;
        }
        .w320 {
            width: 320px !important;
        }
        .MDL_window_wrap {
            width: 600px !important;
            margin: 0 auto !important;
        }
        th a{
            text-decoration: none !important;
        }
    </style>
@endsection

@section('page_js')

    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>

    <script src="{{ asset('assets/backend/js/page/bill.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.check-status').click(function(e) {
                e.preventDefault();
                var bill_id = $(this).val();
                var bill_status = $("#bill_status_" + bill_id).val();
                var text_str = "未入金状態に変更します。<br />よろしいですか？"
                if(bill_status == 1){
                    text_str = "入金済み状態に変更します。<br />よろしいですか？"
                }

                helper_confirm("dialog-confirm", "変更", text_str, 300, "確認", "閉じる", function(){
                    var frm_id = "#paid_form_" + bill_id;
                    $(frm_id).submit();
                });
            });

            $('.receipt_print_status').click(function (e) {
                e.preventDefault();
                let id = $(this).data('id');
                let element = $(this);
                let txt_str = '出力済み状態に変更します。<br />よろしいですか？';
                let value = "{{ config('const.receipt_print_status.printed') }}";
                if(!element.prop('checked')){
                    txt_str = '未出力状態に変更します。<br />よろしいですか？';
                    value = "{{ config('const.receipt_print_status.not_print') }}";
                }
                helper_confirm("dialog-confirm", "変更", txt_str, 300, "確認", "閉じる", function(){
                    $.ajax({
                        type: 'post',
                        url: "{{ route("backend.{$department}.bill.update_status") }}",
                        data: {
                            'id': id,
                            'value':value,
                            'field':'receipt_print_status',
                            _token: '