@extends('layouts.admin')

@section('content')
<div class="page-links">
    <a href="{{ route('users.index') }}">Users</a>
    <span> > </span>
    <a href="javascript:void(0)">{{ $user->accountId }}</a>
    <span> > </span>
    <a href="javascript:void(0)">{{ $title }}</a>
</div>

<div class="row">
    <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12">
        @include('users.settings.leftbar')
    </div>
    <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12">
        <div class="card-main">
            <div class="customer-details-form form-fld">
                <div>
                    @if (Session::has('message'))
                    <p class="alert {{ Session::get('alert-class', 'alert-info') }} flash-msg">
                        {{ Session::get('message') }}
                    </p>
                    @endif
                    <p id="custom-alert" class="alert alert-info d-none"></p>
                </div>
                <div class="customer-table-main table-responsive">
                    <table id="jsource-table" class="table  table-bordered nowrap"> </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('js/jquery.min.js') }}"></script>
@endsection

@push('scripts')
<script type="text/javascript">
    var url = "{{ route('user-settings-payments-listing', ['user' => 'arg1']) }}";
    url = url.replace('arg1', '{{$user->id}}');
    listing();

    function listing() {
        var table = $('#jsource-table').DataTable({
            ajax: url,
            processing: true,
            serverSide: true,
            deferRender: true,
            order: [
                [0, 'desc']
            ],
            columns: [{
                    title: '#',
                    data: 'id',
                    name: 'id',
                },
                {
                    title: 'Order No.',
                    data: 'orderNumber',
                    name: 'orderNumber',
                },
                {
                    title: 'Transaction Id',
                    data: 'transactionId',
                    name: 'transactionId',
                },
                {
                    title: 'Price',
                    data: 'price',
                    name: 'price',
                },
                {
                    title:'Convenience Fee',
                    data:'convenience_fee',
                    name:'convenience_fee'
                },
                {
                    title: 'Payment Method',
                    data: 'paymentMethod',
                    name: 'paymentMethod',
                },
                {
                    title: 'Status',
                    data: 'status',
                    name: 'status',
                },
                {
                    title: 'Date',
                    data: 'datetime',
                    name: 'datetime',
                    orderable: false,
                    searchable: false
                },
            ]
        });
    }
</script>
@endpush