@extends('backend.master')
@section('title')
    অনলাইন পেমেন্ট সেটেলমেন্ট রিপোর্ট
@endsection
@section('body')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0 font-size-18">অনলাইন পেমেন্ট সেটেলমেন্ট রিপোর্ট</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="">অনলাইন পেমেন্ট সেটেলমেন্ট রিপোর্ট</a></li>
                        </ol>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-12 m-auto">
            <div class="card">
                <div class="card-body">
                    <div  id="tag_container">
                        <div class="table-responsive">
                            <table class="table table-striped table-md">
                                <thead>
                                <tr>
                                    <th>Settlement Id</th>
                                    <th class="text-center">From-To</th>
                                    <th>Request Time</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>Options</th>
                                </tr>
                                </thead>
                                <tbody id="tbody">

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                type:"GET",
                url:"{{ env('ONLINE_PAYMENT_BASE_URI').'/api/customer/'.env('ONLINE_PAYMENT_SECRET_KEY').'/'.env('ONLINE_PAYMENT_MERCHANT_ID').'/settlement-report' }}",
                dataType: 'json',
                success: function(res){
                    let tr = '';
                    $.each(res, function (key, value) {
                        tr += '<tr>';
                        tr += '<td>'+value.settle_id+'</td>';
                        tr += '<td class="text-center">'+value.from_date+' <br/> to <br/> '+value.to_date+'</td>';
                        tr += '<td>'+value.request_date+'</td>';
                        tr += '<td>'+value.refund_amount+'</td>';
                        tr += '<td>'+status(value.status)+'</td>';
                        tr += '<td><a href="{{ url('dashboard/online-payment/settlement-details') }}/'+value.settle_id+'" class="btn btn-success">Details</a></td>';
                        tr += '</tr>';
                    });
                    $("#tbody").append(tr)
                }
            });
        });

        function status(status) {
            if (status == 1) {
                return '<div class="badge badge-primary">SETTLED</div>';
            } else if(status == 0){
               return '<div class="badge badge-primary">UNSETTLED</div>';
            } else if(status == 2){
               return '<div class="badge badge-primary">FROWARD</div>';
            }
        }

        function details(settle_id)
        {
            $.ajax({
                type:"GET",
                url:"{{ env('ONLINE_PAYMENT_BASE_URI').'/api/customer/'.env('ONLINE_PAYMENT_SECRET_KEY').'/'.env('ONLINE_PAYMENT_MERCHANT_ID') }}/"+settle_id+'/settlement-details',
                dataType: 'json',
                success: function(res){
                    console.log(res);
                }
            });
        }
    </script>
@endsection