@extends('backend.layouts.app')

@section('content')

    <h2 class="title">支払情報一覧</h2>
    @include('backend.layouts.flash-message')
    {{ Form::open(["route"=>"backend.{$department}.payment.index","method"=>"get"]) }}
        <div class="search_wrap">
            <h3 class="search_title">検索条件</h3>
            <div class="table-search_wrap">
                <table class="search three_table">
                    <tr>
                        <th>件名</th>
                        <td>
                            <input type="text" name="search_param[payment_title]" value="{{ isset($search_param['payment_title']) ? $search_param['payment_title'] : "" }}" 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>
                                <label for="">
                            </div>
                        </td>
                        <th>支払先</th>
                        <td>
                            <div class="input_code">
                                <input type="text" name="" value="">
                                <input type="text" name="search_param[payer]" value="{{ isset($search_param['payer']) ? $search_param['payer'] : "" }}">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="center-submit center">
                <input type="submit" value="検索">
            </div>
        </div>
    {{ Form::close() }}
    <div class="hscroll mt40">
        {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
                <tr>
                    <th>操作</th>
                    <th>支払先</th>
                    <th>支払情報登録日</th>
                    <th>氏名</th>
                    <th>支払金額合計</th>
                    @if($department != 'lease')
                    <th>発注書出力</th>
                    @endif
                    @if(Auth::guard('admin')->user()->canPrintReceipt($department))
                    <th>請求書出力</th>
                    @endif
                    <th>支払処理</th>
                </tr>
            </thead>
            <tbody>
                @if ($params->count() > 0)
                    @foreach ($params as $param)
                        <tr>
                            <td><a href="{{ route("backend.{$department}.payment.edit", ['id'=>$param->id]) }}">編集</a></td>
                            <td>{{ $param->payer }}</td>
                            <td>{{ Carbon::parse($param->registered_at)->format('Y.m.d') }}</td>
                            <td>{{ $param->payment_name }}</td>
                            <td>{{ number_format($param->total_price)."円" }}</td>
                            @if($department != 'lease')
                            <td>
                                <p>
                                    @if($department == 'parts')
                                        <a href="{{ route("backend.{$department}.payment.payment_order", ['payment_id'=>$param->id]) }}" target="_blank">出力する</a>
                                    @else
                                        <a href="{{ route("backend.{$department}.payment.export_out_doc", ['payment_id'=>$param->id]) }}" target="_blank">出力する</a>
                                    @endif
                                    <span class="checkbtn-wrap pa10">
                                        <input type="checkbox" class="invoice_print_status" data-id="{{ $param->id }}" id="invoice_print_status{{ $param->id }}" {{ !empty($param->invoice_print_status) ? 'checked' : '' }}>
                                        <label for="invoice_print_status{{ $param->id }}" class="check_label">出力済</label>
                                    </span>
                                </p>
                                {{--
                                @if(is_object($param->purchase_order))
                                    <p>
                                        <a href="{{ route("backend.{$department}.purchase_order.edit", ['order'=>$param->purchase_order->id]) }}">発注書出力</a>
                                    </p>
                                @else
                                    <p>
                                        <a href="{{ route("backend.{$department}.purchase_order.create", ['payment_id'=>$param->id]) }}">発注書出力</a>
                                    </p>
                                @endif
                                --}}
                            </td>
                            @endif
                            @if(Auth::guard('admin')->user()->canPrintReceipt($department))
                            <td>
                                <a class="modal_btn" data-target="detail{{ $param->id }}">出力する</a>
                                @include('backend.share._modal._payment', ['index'=>$param->id, 'total_price'=>$param->total_price])

                                <span class="checkbtn-wrap pa10">
                                    <input type="checkbox" class="receipt_print_status" data-id="{{ $param->id }}" 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
                            <td>
                                <div class="checkbox-wrap in_table">
                                    <input type="checkbox" name="payment_status" id="{{'check'.$loop->index}}" class="check-status"
                                            value="{{ $param->id }}"
                                            {{ $param->payment_status == config('const.payment_status_code.paid') ? "checked" : "" }}>
                                    <label for="{{'check'.$loop->index}}">支払済み</label>
                                    <form action="{{ route("backend.{$department}.payment.paid") }}" method="post" id="{{ "paid_form_".$param->id }}">
                                        @csrf
                                        <input type="hidden" name="payment_id" value="{{ $param->id }}">
                                        <input type="hidden" name="payment_status" id="{{"payment_status_".$param->id}}" value="{{ $param->payment_status }}">
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="10">発注支払データが存在しません。</td>
                    </tr>
                @endif
            </tbody>
        </table>
        {{ $params->appends(['search_param'=>$search_param])->links('vendor.pagination.admin-pagination') }}
    </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;
        }
        .MDL_window_wrap {
            width: 600px !important;
            margin: 0 auto !important;
        }
        .w320 {
            width: 320px !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/payment.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.check-status').click(function(e) {
                e.preventDefault();
                var payment_id = $(this).val();
                var payment_status = $("#payment_status_" + payment_id).val();
                var text_str = "未支払状態に変更します。<br />よろしいですか？"
                if(payment_status == 1){
                    text_str = "支払済み状態に変更します。<br />よろしいですか？"
                }

                helper_confirm("dialog-confirm", "変更", text_str, 300, "確認", "閉じる", function(){
                    var frm_id = "#paid_form_" + payment_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}.payment.update_status") }}",
                        data: {
                            'id': id,
                            'value':value,
                            _token: '