@extends('layouts.app')
@section('content')
<div class="row">
    <div class="col-md-12 col-xs-12">
        <div class="x_panel">
            <div class="x_title">
                <h2>Subscriptions <small>Users</small></h2>
               
                <div class="clearfix"></div>
            </div>
            <div class="x_content table-responsive">
                <table id="datatableUserSubscription" class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <!-- <th> #&nbsp;</th> -->
                            <th style="width:2%">Id</th>
                            <th style="width:2%">User ID</th>
                            <th style="width:2%">User Name</th>
                            <th style="width:2%">Platform</th>
                            <th style="width:2%">Txn ID</th>
                            <th style="width:2%">Created At</th>
                            <th style="width:2%">Order ID</th>
                            <th style="width:2%">Subscription ID</th>
                            <th style="width:2%">Product ID</th>
                        </tr>
                    </thead>


                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script type="module">
    $(document).ready(function() {
        // $.noConflict();
        var table = $('#datatableUserSubscription').DataTable({
            processing: true,
            serverSide: true,
            searching: true,
            pageLength: 50,
            scrollX: true,
            order: [[0, 'desc']],
            ajax: {
                url: '{{ route("subscriptions.list") }}',
                type: 'POST',
                data: function(d) {
                    d._token = '{{ csrf_token() }}';
                }

            },
            columns: [{
                    data: 'id',
                    name: 'id'
                },
                {
                    data: 'iUserID',
                    name: 'iUserID'
                },
                {
                    data: 'vName',
                    name: 'vName',
                },
                {
                    data: 'vPlatform',
                    name: 'vPlatform'
                },
                {
                    data: 'vTxn_Id',
                    name: 'vTxn_Id'
                },
                {
                    data: 'dDateCreated',
                    name: 'dDateCreated'
                },
                {
                    data: 'vOrderId',
                    name: 'vOrderId'
                },
                {
                    data: 'vSubscriptionId',
                    name: 'vSubscriptionId'
                },
                {
                    data: 'vProductId',
                    name: 'vProductId'
                }
            ],
             columnDefs: [{
                targets: '_all',
                orderSequence: ["asc", "desc"]
            }]
        });



    });
</script>
@endpush