@extends('backend.layouts.app')

@section('title', 'Wallet List')
@section('page-title', 'Wallet List')
@section('page-breadcrumb', 'Wallet List')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


                <div class="row">
                    <div class="col-lg-12">



<div class="card">



    <!--Card content-->
    <div class="card-body">
                                <table id="bootstrap-data-table-export" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>FullName</th>
                                            <th>User ID</th>
                                            <th>Closing Balance</th>
                                            <th>Loan Amount</th>
                                            <th>Created Date</th>
                                            <th>User Type</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      @php
                                      $i = 0;
                                      $j=0;
                                      @endphp

                                      @foreach($users_list as $user)
                                      <tr>
                                        <td>{{$user->id}}</td>
                                        <td>{{$user->first_name}} {{$user->last_name}}</td>
                                        <td>{{$user->user_id}}</td>
                                        <td>{{$user->wallet}}</td>
                                        <td>{{$user->loan}}</td>
                                        @php
                                        $i = $user->wallet+$i;
                                        $j = $user->loan+$j;
                                        @endphp
                                        <td>{{$user->created_at}}</td>
                                        <td>{{$user_type[$user->user_type]}}</td>
                                        <td>
                                          @if(Auth::user()->user_type>3 && Auth::user()->s_access=="1")
                                          <span class="sertcursure btn btn-danger btn-xs" id="{{$user->id}}" onclick="debit_amount(this.id,this)" >
                                            <i class="fa fa-edit">Debit</i>
                                          </span>
                                          @endif

                                        </a>

                                        </th>
                                      </tr>
                                      @endforeach

                                      <tfoot>
                                      <tr>
                                        <td>Total Wallet Amount</td>
                                        <td><b>{{$i}}</b></td>
                                        <td>Total Loan</td>
                                        <td><b>{{$j}}</b></td>
                                        <td colspan="3"></td>
                                      </tr>
                                    </tfoot>



                                    </tbody>
                                </table>
                            </div>
</div>
<!-- Form -->





    <!-- ============================================================== -->

</div>



</div>
</div>



<div class="modal fade" id="ModuleForm" tabindex="-1" role="dialog" aria-labelledby="mediumModalLabel" aria-hidden="true">
                    <form action="" method="post" id="UserKycListSearch" class="form-horizontal ng-pristine ng-valid">
                      @csrf
                      <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="mediumModalLabel">Debit Amount</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                              <div class="card-body">

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group row">
                                            <label class="mdb-main-label col-md-4">Wallet Balance</label>
                                            <div class="col-sm-8 col-form-label" id="balance">10</div>
                                            <div class="col-sm-8 col-form-label" id="UserIdSpan" style="display:none">375</div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="mdb-main-label col-md-4">Wallet Loan</label>
                                            <div class="col-sm-8 col-form-label" id="loan">10</div>

                                        </div>
                                        <div class="form-group row">
                                            <label class="mdb-main-label col-md-4 active">Amount</label>
                                            <input required type="number" class="form-control col-md-7 ng-pristine ng-untouched ng-valid ng-not-empty" id="amount" name="amount" placeholder="Amount">
                                        </div>

                                        <div class="form-group row">
                                            <label class="mdb-main-label col-md-4 active">Debit For</label>
                                            <select  class="form-control col-md-7 ng-pristine ng-untouched ng-valid ng-not-empty" required="" id="credit_type" name="credit_type" tabindex="-1" aria-hidden="true">

                                            <option value="CR">Normal USE</option>
                                            <option value="DR">Loan Account</option>
                                          </select>
                                        </div>

                                        <div class="form-group row">
                                            <label class="mdb-main-label col-md-4 active">Remark</label>
                                            <textarea class="form-control col-md-7 ng-pristine ng-untouched ng-valid ng-empty" id="remarks" name="remarks" rows="3" placeholder="Write something here..."></textarea>
                                        </div>

                                    </div>
                                </div>
                            </div>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                                <button type="button" class="btn btn-primary" onclick="UpdateModule()">Confirm</button>
                            </div>
                        </div>
                    </div>
                  </form>
                </div>




</div>

@endsection

@section('self_script')
<script src="{{ asset('assets/vendor/datatables.net/js/jquery.dataTables.min.js') }}"></script>
   <script src="{{ asset('assets/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js') }}"></script>
   <script src="{{ asset('assets/vendor/datatables.net-buttons/js/dataTables.buttons.min.js') }}"></script>
   <script src="{{ asset('assets/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js') }}"></script>



   <script src="{{ asset('assets/js/init-scripts/data-table/datatables-init.js') }}"></script>



   <script>
      function debit_amount(Id, e) {
   	var cells_data = $(e).closest("tr")[0].cells;
   		$("#UserIdSpan").html(cells_data[0].innerText);
   		$("#balance").html(cells_data[3].innerText);
      $("#loan").html(cells_data[4].innerText);
   		$("#ModuleForm").modal("show");

   }

   function UpdateModule() {
           var Id = $("#UserIdSpan").html();
           if (Id != "") {
               var Kyc = new Object();
               Kyc.CredentialId = Id;
               Kyc.amount= $("#amount").val();
               Kyc.remarks = $("#remarks").val();
               Kyc.credit_type = $("#credit_type").val();
               Kyc._token=$('input:hidden[name="_token"]').val();
               $.ajax({
                       type: "POST",
                       url: "DebitFund",
                       data: JSON.stringify(Kyc),
                       contentType: "application/json; charset=utf-8",
                       dataType: "json",
                       success: function (response) {
                       console.log(response);
                           if (response == "1") {
                               alert("Amount Debited Successfully");
                               $("#ModuleForm").modal("hide");

                           } else {
                               alert("Amount Not Updated");
                               $("#ModuleForm").modal("hide");
                           }
                       },
                       failure: function (response) {
                           alert(response);
                       }
                   });
           }
       }


   </script>


@endsection