@extends('backend.layouts.app')

@section('title', 'UPI Fund List')
@section('page-title', 'UPI Fund List')
@section('page-breadcrumb', 'UPI Fund List')


@section('content')

<div class="content mt-3">

<div class="animated fadeIn">


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



<div class="card">
    <div class="card-header card-header-color">
        <span class="h4"><i class="fa fa-list-alt"></i> UPI Fund List</span>
       
        <input type="hidden" value="6" id="RequestedRoleId" autocomplete="off">
    </div>


    <!--Card content-->
    <div class="card-body">
                                <table id="bootstrap-data-table-export" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <th>Id</th>
                                            <th>Amount</th>
                                            <th>Status</th>
                                           
                                            <th>Payee Name</th>
                                            <th>Payer VPA</th>
                                            <th>UTR</th>
                                            <th>User ID</th>
                                             <th>Transaction Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                      @foreach($fund_list as $user)
                                      <tr>
                                        <td>{{$user->id}}</td>
                                        
                                        <td>{{$user->PayerAmount}}</td>
                                       
                                        <td>{{$user->TxnStatus}}</td>
                                        
                                        
                                        
                                         <td>{{$user->PayerName}}</td>
                                        
                                        <td>{{$user->PayerVA}}</td>
                                        
                                        
                                        <td>{{$user->BankRRN }}</td>
                                        
                                        <td>{{$user->first_name}} {{$user->last_name}}</td>
                                        <td>{{date("F jS, Y  [h:i A]",strtotime($user->added_on))}}</td>
                                        
                                      </tr>
                                      @endforeach



                                    </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">Fund Request</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-6">
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>User Name :</strong></label>
                                  <div class="col-sm-8 col-form-label" id="UserNameSpan">Sonu</div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>User Id :</strong></label>
                                  <div class="col-sm-8 col-form-label" id="UserIdSpan">NBBB000375</div>
                                  <div class="col-sm-8 col-form-label" id="CredentialIdSpan" style="display:none">375</div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Amount</strong></label>
                                  <div class="col-sm-8 col-form-label" id="AmountSpan">0</div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Transaction Date :</strong></label>
                                  <div class="col-sm-8 col-form-label" id="RequestedSpan">24-06-2020</div>
                              </div>
                              
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Deposit Date :</strong></label>
                                  <div class="col-sm-8 col-form-label" id="DepositDate">24-06-2020</div>
                              </div>
                              
                          </div>
                          <div class="col-md-6">
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Status:</strong></label>
                                  <div class="col-sm-8 col-form-label">
                                      <select class="form-control" id="CurrentStatus">
                                          <option value="paid">Paid</option>
                                          <option value="pending">Pending</option>
                                          <option value="progress">In Progress</option>
                                              
                                              <option value="close">Close</option>
                                      </select>
                                  </div>
                              </div>
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Remark:</strong></label>
                                  <div class="col-sm-8 col-form-label">
                                      <textarea class="form-control" id="Remark" rows="3" placeholder="Write something here..."></textarea>
                                  </div>
                              </div>
                              
                              <div class="form-group row">
                                  <label class="col-sm-4 col-form-label"><strong>Counslr Remark:</strong></label>
                                  <div class="col-sm-8 col-form-label">
                                      <textarea class="form-control" id="cRemark" rows="3" placeholder="Write something here..."></textarea>
                                  </div>
                              </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>
      function OpenModuleForm(Id, e) {
   	var cells_data = $(e).closest("tr")[0].cells;

   	if (Id != "") {
   		$("#CredentialIdSpan").html(Id);
   		$("#UserIdSpan").html(cells_data[13].innerText);
   		$("#UserNameSpan").html(cells_data[1].innerText);
   		
   		$("#DepositDate").html(cells_data[4].innerText);
   		
   		$("#RequestedSpan").html(cells_data[5].innerText);
      $("#AmountSpan").html(cells_data[2].innerText);
      $("#cRemark").val(cells_data[11].innerText);
      $("#Remark").val(cells_data[12].innerText);
   		$("#ModuleForm").modal("show");
   	}
   }

   function UpdateModule() {
           var Id = $("#CredentialIdSpan").html();
           var userID = $("#UserIdSpan").html();
           var amount = $("#AmountSpan").html();
           var DepositDate = $("#DepositDate").html();

           if (Id != "") {
               var Kyc = new Object();
               Kyc.CredentialId = Id;
               Kyc.UserId = userID;
               Kyc.Status = $("#CurrentStatus").val();
               Kyc.DepositDate = DepositDate;
               Kyc.Remark = $("#Remark").val();
               Kyc.cRemark = $("#cRemark").val();
               Kyc.Amount = amount;
               Kyc._token=$('input:hidden[name="_token"]').val();
               if (Kyc.Status == "Pending" && Kyc.Remark == "") {
                   alert("Enter remark");
                   return true;
               }

               $.ajax({
                       type: "POST",
                       url: "AcceptFund",
                       data: JSON.stringify(Kyc),
                       contentType: "application/json; charset=utf-8",
                       dataType: "json",
                       success: function (response) {
                      // console.log(response);
                           if (response == "1") {
                               alert("Fund Added Successfully");
                               $("#ModuleForm").modal("hide");
                               //location.reload();

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




   </script>
   
   <script type="text/javascript">
   $(document).ready(function() {
    $('#bootstrap-data-table-export').DataTable( {
        "order": [[ 0, "desc" ]]
    } );
} );
</script>



@endsection