@extends('adminlayout.admin')

@section('content')

<style>
    .cursor {
        cursor: pointer;
    }

    .nk-content-fluid {
        margin-top: 65px;
        position: relative;
    }
</style>

<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Add Beneficiary & Transfer</h3>
                        <!--<div class="nk-block-des text-soft">
                            <p>You have total 1 notification.</p>
                        </div>-->
                    </div><!-- .nk-block-head-content -->
                    <div class="nk-block-head-content">
                        <div class="toggle-wrap nk-block-tools-toggle">
                            <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                            <div class="toggle-expand-content" data-content="pageMenu">
                                <ul class="nk-block-tools g-3">

                                    <li class="nk-block-tools-opt">
                                        <div class="drodown">
                                            <a href="{{route('dashboard')}}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                                            @if(count($datas)==0)
                                            <a href="#" class="dropdown-toggle btn btn-icon btn-primary" style="padding-right: 10px;" data-toggle="modal" data-target="#addBeneficiary"><em class="icon ni ni-plus"></em>Add Beneficiary</a>



                                            <!--modal start here-->
                                            <div class="modal fade" role="dialog" id="addBeneficiary">
                                                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                                    <div class="modal-content">
                                                        <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                                                        <div class="modal-body modal-body-lg">
                                                            <h5 class="add-notification">Add Benificiary</h5>
                                                            <div class="tab-content">
                                                                <div class="tab-pane active" id="personal-document">
                                                                    <form action="{{route('dmt_add_beneficiary')}}" method="post" enctype="multipart/form-data">
                                                                        @csrf

                                                                        <input type="hidden" name="type" value="AEPS">
                                                                        <input type="hidden" name="route" value="aeps_beneficiary">
                                                                        <div class="row gy-4">
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="name">Name</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="name" id="name" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            {{-- <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="email">Email</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="email" id="email" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div> --}}
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="phone">Phone</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="phone" id="phone" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="bankAccount">Bank Account</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="bankAccount" id="bankAccount" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="ifsc">IFSC</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="ifsc" id="ifsc" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            {{-- <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="pincode">Pincode</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="number" name="pincode" id="pincode" onkeyup="getPostOffice(this.value)" onblur="changeAddress(this.value)" class="form-control">
                                                                                        <p class="text-danger" id="pin_error"></p>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="post_office">Select Town/City</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <select class="form-control" name="post_office" id="post_office" onchange="changeAddress()" data-msg="Required" required>
                                                                                            <option></option>
                                                                                        </select>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="address1">Address</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="address1" id="address1" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="city">City</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="city" id="city" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-6">
                                                                                <div class="form-group">
                                                                                    <div class="form-label-group">
                                                                                        <label class="form-label" for="state">State</label>
                                                                                    </div>
                                                                                    <div class="form-control-wrap">
                                                                                        <input type="text" name="state" id="state" class="form-control">
                                                                                    </div>
                                                                                </div>
                                                                            </div> --}}
                                                                            <div class="col-12">
                                                                                <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                                                    <li>
                                                                                        <button type="submit" class="btn btn-lg btn-primary">Add</button>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </form>
                                                                </div><!-- .tab-pane -->

                                                            </div><!-- .tab-content -->
                                                        </div><!-- .modal-body -->
                                                    </div><!-- .modal-content -->
                                                </div><!-- .modal-dialog -->
                                            </div>

                                            @endif

                                        </div>
                                    </li>
                                </ul>
                            </div>

                        </div><!-- .toggle-wrap -->
                    </div><!-- .nk-block-head-content -->
                </div><!-- .nk-block-between -->
            </div><!-- .nk-block-head -->

        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <input type="hidden" id="divdid">
            <!-- /.card -->

            <div class="card card-bordered" style="margin-top: 50px;">
                <!--<div class="card-header">
            <h3 class="card-title" style="font-size: 2.1rem;">Stock Details List</span></h3>
          </div>-->
                <!-- /.card-header -->
                <div class="card-body table-responsive">
                    <table id="example1" class="table table-bordered table-striped" style="font-size: 12px;">
                        <thead>
                            <tr>
                                <th>Action</th>
                                <th>S.no</th>
                                <th>User</th>
                                <th>Name</th>
                                <th>Phone</th>
                                <th>BeneId</th>
                                <th>BankAccount</th>
                                <th>Ifsc</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                            $i=1;
                            @endphp
                            @foreach($datas as $data)
                            <tr id="{{$data->id}}">
                                <td>
                                    <button href="javascript:void(0);" data-toggle="modal" data-target=".bs-example-modal-center" class="btn btn-sm btn-white text-success mr-2" onclick="sendBeneId('{{ $data->beneId }}', '{{ $data->id }}', '{{ $data->user_id }}')"><i class="far fa-paper-plane mr-1"></i> NEFT / IMPS</button>
                                    
                                    @if (Auth::user()->hasRole('super_admin'))
                                    <button class="btn btn-danger delete-list" data-id='{{$data->id}}' url="{{url()->current()}}" table="dmts" con="Beneficiary detail"> <i class="fas fa-trash"></i></button>
                                    @endif
                                    
                                </td>
                                <td>{{$i++}}</td>
                                <td> [</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>Action</th>
                                <th>S.no</th>
                                <th>Name</th>
                                <th>Phone</th>
                                <th>BeneId</th>
                                <th>BankAccount</th>
                                <th>Ifsc</th>
                                <th>Date</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>

</div>

<form id="idtransid" method="post">

    <div id="myModal" class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0 text-dark">Money Transfer<br>
                        <small style="font-size: 14px;">
                            <b>AEPS-Amount: {{ Auth::user()->aeps_wallet }}</b>
                            <b> &nbsp; AadharPay-Amount: {{ Auth::user()->aadharpay_wallet }}</b>
                            <b> &nbsp; Total-Amount: {{ Auth::user()->aeps_wallet + Auth::user()->aadharpay_wallet }}</b>
                        </small>
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="loginError" class="text-danger"></p>
                    @csrf

                    <input type="hidden" name="m_id" id="m_id" value="" />
                    <input type="hidden" name="m_name" value="" />
                    <input type="hidden" name="bene_id" value="" id="bene_id" readonly class="form-control">
                    <input type="hidden" name="type" value="AEPS">
                    <div class="form-group">
                        <label for="amount">Transfer Amount</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="fas fa-id-card"></i>
                                </div>
                            </div>
                            <input type="text" name="amount" value="" placeholder="Enter Withdrawal Amount" id="amount" class="form-control" required>
                        </div>
                        <div id="errorAmount" class="text-danger"></div>
                    </div>
                    
                    {{-- <div class="form-group">
                        <label for="trans_pass">Transaction Password</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="fas fa-id-card"></i>
                                </div>
                            </div>
                            <input type="text" name="trans_pass" value="" placeholder="Enter Transaction Password" id="trans_pass" class="form-control" required>
                        </div>
                    </div> --}}
                    <input type="hidden" name="transferId" value="" id="transferId" readonly class="form-control" required>
                    <div class="form-group" id="info_msg_otp">
                        <input type="button" onclick="getOTP()" class="btn btn-success btn-rounded waves-effect waves-light" name="transferotp" id="transferbuttonotp" value="Transfer" />
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div id="myModal2" class="modal fade bs-example-modal-center" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title mt-0 text-dark">OTP Verification</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="loginTrue"></p>
                    
                    <div class="form-group">
                        <label for="otp" style="width: 100%">
                            <b>OTP</b>
                            <div id="otpItems" style="float: right;">
                                <progress value="0" max="60" id="progressBar" style="float:right;"></progress>
                                <button type="button" class="btn btn-sm btn-info" onclick="resendOTPfun()" id="resendOTP" style="display: none; float:right;">Re-Send OTP</button>
                            </div>
                        </label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <div class="input-group-text">
                                    <i class="fas fa-id-card"></i>
                                </div>
                            </div>
                            <input type="text" name="otp" value="" placeholder="Enter OTP" id="otp" class="form-control" required>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <input type="button" onclick="transferr()" class="btn btn-success btn-rounded waves-effect waves-light" name="transfer" id="transferbutton" value="Validate" />
                        <span id="info_msg"></span>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

</form>


@endsection

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
    $('#myModalNew').on('hidden.bs.modal', function() {
        location.reload();
    });

    $('#myModal').on('hidden.bs.modal', function() {
        location.reload();
    });
    $('#myModal2').on('hidden.bs.modal', function() {
        location.reload();
    })

    function sendBeneId(beneId, dmt_id, user_id) {
        document.getElementById('divdid').value = dmt_id;
        document.getElementById('bene_id').value = beneId;
        document.getElementById('transferId').value = makeid(10);
        document.getElementById('m_id').value = user_id;
    }

    function makeid(length) {
        var result = '';
        var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        var charactersLength = characters.length;
        for (var i = 0; i < length; i++) {
            result += characters.charAt(Math.floor(Math.random() * charactersLength));
        }
        return result;
    }

    function progressBarr() {
        $('#resendOTP').hide();
        $('#progressBar').show();
        var timeleft = 60;
        var downloadTimer = setInterval(function() {
            if(timeleft <= 0) {
                $('#progressBar').hide();
                $('#resendOTP').show();
                clearInterval(downloadTimer);
            }
            document.getElementById("progressBar").value = 60 - timeleft;
            timeleft -= 1;
        }, 1000);
    }

    function getOTP() {
        $('#transferbuttonotp').val('Wait...');
        var d = new Date();
        var n = d.getDay();
        // if (parseInt(n) != 0) {
        var currentTime = new Date();
        var currentOffset = currentTime.getTimezoneOffset();
        var ISTOffset = 330; // IST offset UTC +5:30 
        var ISTTime = new Date(currentTime.getTime() + (ISTOffset + currentOffset) * 60000);
        var hoursIST = ISTTime.getHours();
        if (parseInt(hoursIST) >= 10 && parseInt(hoursIST) < 21) {

            var amount      = jQuery('#amount').val();
            var bene_id     = jQuery('#bene_id').val();
            var transferId  = jQuery('#transferId').val();
            var dmt_id      = jQuery('#divdid').val();
            var user_id     = jQuery('#m_id').val();
            if(amount.trim() != '' && bene_id.trim() != '' && transferId.trim() != '' && dmt_id.trim() != '' && user_id.trim() != '') {
                // $('#loginError').html('');

                var url = "{{ route('aepsPayoutOtp') }}";
                $.ajax({
                    url: url,
                    headers: {
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    type: "POST",
                    data: {
                        'user_id': user_id
                    },
                    context: this,
                    success: function(result) {
                        var arrayy = result.split('|||||');
                        var result = arrayy[1];
                        var result = JSON.parse(result);
                        console.log(result);
                        
                        if(result.status == 1) {
                            $('#myModal').modal('hide');
                            $('#myModal2').modal('show');
                            $('#loginTrue').html(result.message);
                            progressBarr();
                        } else {
                            $('#loginError').html(result.message);
                        }
                    },
                    error: function(error) {
                        console.log(error.responseText);
                    }
                });
                
            } else {
                alert('Something wrong!');
            }
        } else {
            $("#info_msg_otp").empty();
            $("#info_msg_otp").append("Withdrawal time:- 10:00 AM to 9:00 PM");
        }
    }

    function resendOTPfun() {
        var user_id     = jQuery('#m_id').val();
        if(user_id.trim() != '') {
            // $('#loginError').html('');
            $('#loginTrue').html('');

            var url = "{{ route('aepsPayoutOtp') }}";
            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                type: "POST",
                data: {
                    'user_id': user_id
                },
                context: this,
                success: function(result) {
                    var arrayy = result.split('|||||');
                    var result = arrayy[1];
                    var result = JSON.parse(result);
                    console.log(result);
                    
                    if(result.status == 1) {
                        $('#loginTrue').html(result.message);
                        progressBarr();
                    } else {
                        $('#loginTrue').html(result.message);
                    }
                },
                error: function(error) {
                    console.log(error.responseText);
                }
            });
            
        } else {
            alert('Something wrong!');
        }
    }

    function transferr() {
        // alert();
        document.getElementById('transferbutton').style.display = 'none';
        var d = new Date();
        var n = d.getDay();
        // if (parseInt(n) != 0) {
        var currentTime = new Date();
        var currentOffset = currentTime.getTimezoneOffset();
        var ISTOffset = 330; // IST offset UTC +5:30 
        var ISTTime = new Date(currentTime.getTime() + (ISTOffset + currentOffset) * 60000);
        var hoursIST = ISTTime.getHours();
        if (parseInt(hoursIST) >= 10 && parseInt(hoursIST) < 21) {
            // var trans_pass  = jQuery('#trans_pass').val();
            var amount = jQuery('#amount').val();
            var bene_id = jQuery('#bene_id').val();
            var transferId = jQuery('#transferId').val();
            var dmt_id = jQuery('#divdid').val();
            var otp = jQuery('#otp').val();
            // var withdrawal_option  = jQuery('#withdrawal_option').val();
            // var otprequesttransfer  = jQuery('#otprequesttransfer').val();
            // var otp_otp  = jQuery('#otp_otp').val();
            // alert();
            var url = "{{ route('aeps_request_transfer') }}"; //"";
            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': '