@extends('layouts.member.shell')

@section('content')

<h5>{{ __('member_payment_records.search_payment_record') }}</h5>
<hr>
<table class="ans-table" id="myTable">
    <thead>
        <tr>
            {!! __('member_payment_records.table_title') !!}
            <!-- <th>次序</th>
                                        <th>訂購日期</th>
                                        <th>訂購方案</th>
                                        <th>繳款日期</th>
                                        <th>狀態</th>
                                        <th>方案使用期限</th> -->
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

@endsection


@section('jsscript')

<script>
    $(document).ready(function() {
        $('#myTable').DataTable({
            "ajax": {
                "url": "/api/v1/get_payment_records/{{ session()->get('id') }}",
                "dataSrc": json => {
                    for (var i = 0, ien = json.data.length; i < ien; i++) {

                        if (json.data[i]['status'] == '1') {

                            json.data[i]['status'] = '<span style="color: green;">繳款成功</span>';

                        } else {

                            json.data[i]['status'] = '<span style="color: red;">尚未繳款</span>';

                        }

                    }
                    return json.data;
                }

            },
            "columns": [{
                    "data": "count"
                },
                {
                    "data": "order_time"
                },
                {
                    "data": "pay_plan"
                },
                {
                    "data": "pay_time"
                },
                {
                    "data": "status"
                },
                {
                    "data": "expiry_date"
                }
            ],
            "searching": true,
            "paging": true,
            "ordering": false,
            "info": false,
            "pageLength": 10,
            "lengthChange": false,
            "language": {
                "processing": "{{ __('member_payment_records.processing') }}",
                "loadingRecords": "{{ __('member_payment_records.loading') }}",
                "lengthMenu": "{{ __('member_payment_records.display_result') }}",
                "zeroRecords": "{{ __('member_payment_records.none_macth_result') }}",
                "info": "{{ __('member_payment_records.display_start_end_total') }}",
                "infoEmpty": "{{ __('member_payment_records.display_from_to_result') }}",
                "infoFiltered": "{{ __('member_payment_records.form_max_filter') }}",
                "infoPostFix": "",
                "search": "{{ __('member_payment_records.search') }}",
                "paginate": {
                    "first": "{{ __('member_payment_records.first_page') }}",
                    "previous": "<",
                    "next": ">",
                    "last": "{{ __('member_payment_records.end_page') }}"
                },
            }
        });

    });
</script>

@endsection