@extends('layouts.admin')

@section('title') Wallet Transaction @endsection

@section('page_title') Wallet Transaction @endsection
@push('page_style')
@include('include.dataTableStyles')
@endpush

@section('content')
<!-- Main content -->
@push('page_style')
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
@endpush
<section class="mainAdds">
  <!-- Content Header (Page header) -->
  <div class="content-header">
    <div class="d-flex justify-content-between">
      <div class="">
        <h1 class="m-0">Wallet Transactions</h1>
      </div>

    </div>
  </div>
  <!-- /.content-header -->

  <div class="row">
    <div class="col-12">
      <div class="card data-table">
        <div class="filterheader invoiceheader">
          <div class="headingfilter">
            <h3 class="card-title">List of all Wallet Transaction</h3>
          </div>
          <div class="mb-3 d-flex gap-2">
            <a href="{{ route('wallets.show_user_wallet') }}" class="btn btn_ mr-2 mt-2 newBtn">Wallet</a>
            <a href="{{ route('wallet-transactions.export.csv') }}" 
               class="btn btn_ mr-2 mt-2 newBtn d-inline-flex align-items-center">
                <i class="fas fa-file-download me-1"></i>
                (CSV)
            </a>

            <a href="{{ route('wallet-transactions.export.pdf') }}" class="btn btn_ mr-2 mt-2 newBtn d-inline-flex align-items-center">
              <i class="fas fa-file-download me-1"></i>
                 (PDF)
            </a>
        </div>
        </div>

        <div class="card-body">
          <div class="table-responsive">
            <table id="Table" class="table table-bordered table-hover">
              <thead>
                <tr>
                  <th>S.No</th>
                  <th>User Name</th>
                  <th>Type</th>
                  <th>Method</th>
                  <th>Amount</th>
                  <th>Reference Id</th>
                  <th>Description</th>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
      <!-- /.card -->
    </div>
  </div>
  <!-- /.container-fluid -->
</section>



@push('page_script')

@include('include.dataTableScripts')
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script>





$(document).ready(function () {
    console.log(site_url, '======site_url');
  var datatable =  $('#Table').DataTable({
        ajax: {
            url: site_url + "/wallet/datatable/",
            data: function (d) {
                d.search = $('input[type="search"]').val()                
            }
        },
        columns: [
            {  data: 'DT_RowIndex',
                     name: 'DT_RowIndex',
                     orderable: false,
                     searchable: false 
                        },
            { data: 'user_id', name: 'user_id' },
            { data: 'type', name: 'type' },
            { data: 'method', name: 'method' },
            { data: 'amount', name: 'amount' },
            { data: 'reference_id', name: 'reference_id' },
            { data: 'description', name: 'description'},
        ],
        
    });


});


</script>

@endpush


@endsection