@extends('backend.layouts.app')

@section('title', 'Money Transfer List')
@section('page-title', 'Money Transfer List')
@section('page-breadcrumb', 'Money Transfer 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> Money Transfer List</span>
                        @if(Auth::user()->user_type=="0")
                        <a href="#" class="btn-sm btn-success btn-rounded float-right" onclick="OpenModuleForm()"><i class="fa fa-user-plus fa-lg"></i> Express Transfer</a>
                        <input type="hidden" value="6" id="RequestedRoleId" autocomplete="off">
                        @endif
                    </div>


                    <!--Card content-->
                    <div class="card-body">
                        <table id="money-transfer-data-table-export" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>UserId</th>
                                    <th>Transfer Date</th>
                                    <th>Holder Name</th>
                                    <th>Mobile</th>
                                    <th>Account</th>
                                    <th>IFSC Code</th>
                                    <th>Amount</th>
                                    <th>Status</th>
                                    <th>UTR</th>

                                </tr>
                            </thead>
                            <tbody>
                                @foreach($transfer_list as $transfer)
                                <tr>
                                    <td>{{$transfer->userID}}</td>
                                    <td>{{$transfer->created_at}}</td>
                                    <td>{{$transfer->holder_name}}</td>
                                    <td>{{$transfer->mobile}}</td>
                                    <td>{{$transfer->account_number}}</td>
                                    <td>{{$transfer->ifsc_code}}</td>
                                    <td>{{$transfer->amount}}</td>

                                    <td>{{$transfer->status}}
                                        @if(Auth::user()->user_type>4)
                                        @if($transfer->status=='pending')
                                        <a target="_blank" href="CheckStatusET?uniqueid={{$transfer->uniqueid}}"><span class="sertcursure btn btn-danger btn-xs" data-toggle="modal">
                                                <i class="fa fa-edit"></i>
                                            </span>
                                        </a>
                                        @endif
                                        @endif
                                    </td>

                                    <td>{{$transfer->utr}}</td>
                                </tr>
                                @endforeach
                            <tfoot>
                                <tr>
                                    <th colspan="6">Total</th>
                                    <th></th>
                                    <th colspan="2"></th>
                                </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">Express Transfer</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="container">
                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTBaneficiaryName" class=" form-control-label">Baneficiary Name<span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="holder_name" name="holder_name" placeholder="Enter Baneficiary Name" class="form-control" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTBaneficiaryName" class=" form-control-label">Mobile<span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="mobile" name="mobile" placeholder="Enter Mobile Number" class="form-control" required>
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTBankNameId" class=" form-control-label">Select Bank<span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <select class="form-control required" id="bank_name" name="bank_name" required>
                                            <option value="">Select Bank</option>
                                            @foreach($bank_list as $bank)
                                            <option value="{{$bank->name}}">
                                                {{$bank->name}}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label class=" form-control-label">IFSC Code</label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="ifsc_code" name="ifsc_code" placeholder="Enter IFSC Code" class="form-control required" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTAccountNo" class="form-control-label">Account Number<span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="account_number" name="account_number" placeholder="Enter Account Number" class="form-control" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTConfAccountNo" class=" form-control-label">Confirm Account Number <span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="account_number_c" name="account_number_c" placeholder="Enter Confirm Account Number" class="form-control" required>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTConfAccountNo" class=" form-control-label">Amount <span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <input type="text" id="amount" name="amount" placeholder="Amount" class="form-control" required>
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <div class="col-sm-4 col-form-label">
                                        <label for="DMTBankNameId" class=" form-control-label">Transfer Mode<span class="text-danger"> *</span></label>
                                    </div>
                                    <div class="col-md-7">
                                        <select class="form-control required" id="transfer_type" name="transfer_type" required>
                                            <option value="IFS">IMPS</option>
                                            <option value="RTG">RTGS</option>
                                            <option value="RGS">NEFT</option>


                                        </select>
                                    </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" id="CnfBtn" 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 OpenModuleForm() {
        $("#ModuleForm").modal("show");
        $("#CnfBtn").attr("disabled", false);
    }

    function check_status(id) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                alert(xmlhttp.responseText);
            }
        }
        xmlhttp.open("GET", "AcceptCoupon?id=" + id, true);
        xmlhttp.send();
    }


    function UpdateModule() {
        $("#CnfBtn").attr("disabled", true);
        var Kyc = new Object();

        Kyc.holder_name = $("#holder_name").val();
        Kyc.bank_name = $("#bank_name").val();
        Kyc.mobile = $("#mobile").val();
        Kyc.ifsc_code = $("#ifsc_code").val();
        Kyc.account_number = $("#account_number").val();
        Kyc.amount = $("#amount").val();
        Kyc.transfer_type = $("#transfer_type").val();
        Kyc._token = $('input:hidden[name="_token"]').val();

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

                } else {
                    $("#CnfBtn").attr("disabled", false);
                    alert("Fund not Transferred due to service down or In Sufficent Balance");
                    //$("#ModuleForm").modal("hide");
                }
            },
            failure: function(response) {
                $("#CnfBtn").attr("disabled", false);
                alert("Fund not Transferred due to service down or In Sufficent Balance");
            }
        });

    }
</script>

@endsection