@extends('layout.master')
@section('content')
    @php

        // dd($order->toArray());
    @endphp
    <form method="post" action='/reports/orders'>
        @csrf

<section class="content pb-5">
    <div class="container-fluid">

        <meta name="csrf-token" content="{!! csrf_token() !!}">
        <div class="row pt-4">
            <div class="col-md-6 col-12">
                <div class="title-section">
                    <p>Passbook</p>
                </div>
            </div>
        </div>
      <div class="row pt-4">
        <div class="col-md-4">
            <div class="passbook-balance">
                <h4>Wallet Amount</h4>
                <p><i class="fa fa-inr" aria-hidden="true"></i> {{$user->wallet_amount ?: 0}}</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="passbook-balance balance-box">
                <h4>Credit Amount</h4>
                <p><i class="fa fa-inr" aria-hidden="true"></i> {{$user->credit_limit ?: 0}}</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="passbook-balance balance-box1">
                <h4>Total Balance</h4>
                <p><i class="fa fa-inr" aria-hidden="true"></i>{{($user->wallet_amount ?: 0) + ($user->credit_limit ?: 0)}}</p>
            </div>
        </div>
        <div class="col-md-12">
          <div class="table-responsive">
            <table class="table table-striped " id="passbookDataTable">
                {{-- <table class="table table-striped" id="codStatementDataTables"> --}}

              <thead>
                <tr>
                    <th scope="col">Date</th>
                    <th scope="col">Order ID</th>
                    <th scope="col">AWB Code</th>
                    <th scope="col">Category</th>
                    <th scope="col">Credit()</th>
                    <th scope="col">Debit()</th>
                    <th scope="col">Discription</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
</form>
</section>
@endsection


@section('scripts')

<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
let creditPaymentValue = 0;
let skuIdPaymentStatus = [];
$(document).ready(function() {

    let example = $("#passbookDataTable").DataTable({
        "language": {
            "zeroRecords": "No record(s) found."
        },
        select: {
            style: 'os',
            selector: 'td:first-child'
        },
        order: [
            [1, 'asc']
        ],
        processing: true,
        serverSide: true,
        lengthChange: true,
        order: [0, 'asc'],
        searchable: true,
        bStateSave: false,

        ajax: {
            url: "{{ url('/passbook-history/data') }}",

        },

        columns: [/*{
                data: 'checkbox',
                name: 'checkbox',
                sortable: false,
            },*/
            // {
            //     data: 'DT_RowIndex',
            //     name: 'DT_RowIndex',
            //     sortable: false,
            // },


            {
                data: 'created_at',
                name: 'created_at',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },

            {
                data: 'order_id',
                name: 'order_id',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },

            {
                data: 'docket_number',
                name: 'docket_number',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'payment_type',
                name: 'payment_type',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'credit',
                name: 'credit',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'debit',
                name: 'debit',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'remarks',
                name: 'remarks',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            }
        ],
        select: {
            style: 'multi',
        },
    });

});
</script>
@endsection
-

<style>
    .custom-user-search{margin-top: 3px;}
</style>