@extends('backend.layouts.app')

@section('content')

    <h2 class="title">支払情報一覧</h2>
    @include('backend.layouts.flash-message')
    <form action="{{ route("backend.{$department}.payment.index") }}" method="post">
        @csrf
        <div class="search_wrap">
            <h3 class="search_title">検索条件</h3>
            <div class="table-search_wrap">
                <table class="search">
                    <tr>
                        <th>件名</th>
                        <td>
                            <input type="text" name="payment_title" value="{{ isset($search_param['payment_title']) ? $search_param['payment_title'] : "" }}" class="input-text">
                        </td>
                    </tr>
                    <tr>
                        <th>支払登録日</th>
                        <td>
                            <div class="calendar-wrap2">
                                <label for="">
                                <input type="text" name="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>
                                <span>〜</span>
                                <label for="">
                                <input type="text" name="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>
                    </tr>
                    <tr>
                        <th>支払先</th>
                        <td>
                            <div class="input_code">
                                <input type="text" name="" value="コード">
                                <input type="text" name="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>
    <div class="hscroll mt40">
        {{ $params->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
                <tr>
                    <th>操作</th>
                    <th>支払先</th>
                    <th>支払情報登録日</th>
                    <th>氏名</th>
                    <th>支払金額合計</th>
                    <th>発注書出力</th>
                    <th>請求書出力</th>
                    <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>
                            <td><a href="#">出力する</a></td>
                            <td><a class="modal_btn" data-target="detail1">出力する</a></td>
                            <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->links('vendor.pagination.admin-pagination') }}
    </div>
    @include('backend.share._modal._bill')

@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/jquery-ui.min.js') }}"></script>
    <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/helper.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();
                });
            });
        });
    </script>
@endsection