{% extends 'super_admin_templates/base.html' %}
{% set path = "settlement" %}
{% set subpath = "credit_and_debit" %}
{% block content %}
<!-- Content Wrapper. Contains page content -->

<style type="text/css">
  
  .pagination-page-info {
    padding: .6em;
    padding-left: 0;
    width: 40em;
    margin: .5em;
    margin-left: 0;
    font-size: 12px;
}
.pagination-page-info b {
    color: black;
    background: #6aa6ed;
    padding-left: 2px;
    padding: .1em .25em;
    font-size: 150%;
}

</style>


<script>
    function showBalance() {
        // Get the selected wallet type for credit
        var transferType = document.getElementById("credittransferType").value;
    
        // Get the elements for payout and payin balances
        var payoutBalance = document.getElementById("payoutBalance");
        var payinBalance = document.getElementById("payinBalance");
    
        // Hide both balances initially
        payoutBalance.style.display = 'none';
        payinBalance.style.display = 'none';
    
        // Show the correct balance based on the selected wallet type
        if (transferType === "Payout") {
            payoutBalance.style.display = 'block';
        } else if (transferType === "Payin") {
            payinBalance.style.display = 'block';
        }
    }
    </script>


<script>
    function toggleDebitBalance() {
        // Get the selected wallet type for debit
        var transferType = document.getElementById("debittransferType").value;
    
        // Get the elements for payout and payin balances (debit version)
        var payoutBalance = document.getElementById("debitPayoutBalance");
        var payinBalance = document.getElementById("debitPayinBalance");
    
        // Hide both balances initially
        payoutBalance.style.display = 'none';
        payinBalance.style.display = 'none';
    
        // Show the correct balance based on the selected wallet type
        if (transferType === "Payout") {
            payoutBalance.style.display = 'block';
        } else if (transferType === "Payin") {
            payinBalance.style.display = 'block';
        }
    }
    </script>

<script>
function getMerchants(patternId,userId){
      if(patternId != "" && patternId != "undefined"){
        var htmldata="<option value=''>Select Merchants</option>";
     $.ajax({
        url: "{{url_for('wallet_credits_debits.pattern_based_merchants')}}",//{{ url_for('admin.dashboard') }}
        data: { "patternId": patternId },
        dataType:"json",
        type: "post",
        success: function(resultdata){
          if(resultdata.responseStatus==1){
          $.each(resultdata.merchantsList, function( key, value ) {
              htmldata=htmldata+"<option value='"+value.id+"'>"+value.fullName+"</option>";
              });
         $('#'+userId).html(htmldata);
          }else{
            $('#'+userId).html(htmldata);
          }
         
        }
    });
      }else{
        $('#'+userId).html("<option value=''>Select Merchants</option>");
        alert('Please select merchants.');
      }
    };
</script>


<!-- Start::app-content -->
<div class="main-content app-content">
    <div class="container-fluid">

        <!-- Page Header -->
        <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
            <h1 class="page-title fw-semibold fs-18 mb-0">Settlement</h1>
            <div class="ms-md-1 ms-0">
                <nav>
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="{{ url_for('admin.dashboard') }}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Wallet Credit & Debit</li>
                    </ol>
                </nav>
            </div>
        </div>
        <!-- Page Header Close -->

        <!-- Start::row-1 -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-header">
                        <div class="card-title">
                            Wallet Credit & Debit List
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Create New Bank Modal -->
                        <div class="modal fade" id="checkotp" tabindex="-1" aria-hidden="true" style="padding-right: 17px;">
                            <div class="modal-dialog modal-dialog-centered modal-lg">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h6 class="modal-title" id="mail-ComposeLabel">Verify Otp</h6>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <form method="POST" action="#" id="form_validation_id" enctype="multipart/form-data">
                                        <div class="modal-body">
                                            <!-- Add your form fields here -->
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label for="otp">Otp*</label>
                                                        <input type="text" class="form-control" id="otpCode" name="otpCode" placeholder="Enter otp" required>
                                                        <input type="hidden" class="form-control" id="otpLogid" name="otpLogid" value="" required>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer justify-content-between">
                                            <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
                                            <button type="button" id="btnYes" class="btn btn-primary">Verify</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- End Create New Bank Modal -->

                        {% with messages = get_flashed_messages() %}
                            {% if messages %}
                                <ul class="flashes">
                                    {% for message in messages %}
                                        <h2><b><center style="color:green">{{ message }}</center></b></h2>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                        {% endwith %}
                        <center>
                            {% if error %}
                                <h2><b><center style="color:RED">{{ error }}</center></b></h2>
                            {% endif %}
                        </center>

                        <nav class="nav nav-style-6 nav-pills mb-3 nav-justified d-sm-flex d-block" role="tablist">
                            {% if 'edit' in session.get('creditToWalletPermissions', []) %}
                                {% if redirectval == "Credit" %}
                                    <a class="nav-link active" data-bs-toggle="tab" role="tab" aria-current="page" href="#nav-products-justified" aria-selected="true">Credit To Wallet</a>
                                {% else %}
                                    <a class="nav-link" data-bs-toggle="tab" role="tab" aria-current="page" href="#nav-products-justified" aria-selected="true">Credit To Wallet</a>
                                {% endif %}
                            {% endif %}
                            {% if 'edit' in session.get('debitFromWalletPermissions', []) %}
                                {% if redirectval == "Debit" or 'edit' not in session.get('creditToWalletPermissions', []) %}
                                    <a class="nav-link active" data-bs-toggle="tab" role="tab" href="#nav-cart-justified" aria-selected="false">Debit From Wallet</a>
                                {% else %}
                                    <a class="nav-link" data-bs-toggle="tab" role="tab" href="#nav-cart-justified" aria-selected="false">Debit From Wallet</a>
                                {% endif %}
                            {% endif %}
                        </nav>

                        <div class="tab-content">
                            {% if 'edit' in session.get('creditToWalletPermissions', []) %}
                                {% if redirectval == "Credit" %}
                                    <div class="tab-pane show active text-muted" id="nav-products-justified" role="tabpanel">
                                {% else %}
                                    <div class="tab-pane text-muted" id="nav-products-justified" role="tabpanel">
                                {% endif %}
                                <form method="POST" name="form_validation_id" id="credit_to_wallet" action="{{url_for('wallet_credits_debits.credit_to_wallet')}}" enctype="multipart/form-data">
                                    <!-- Add your form fields here -->
                                    <div class="row">
                                        <div class="col-md-4">
                                            <select class="form-control col-sm-4" name="patternId" id="patternId" onChange="getMerchants(this.value,'userId')" required>
                                                <option value="">Select Profile*</option>
                                                {% for each_user in patternsList %}
                                                    <option value="{{each_user.id}}">{{each_user.name}}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <select class="form-control" name="userId" id="userId" required>
                                                <option value="">Select Merchant*</option>
                                            </select>
                                            <input type="hidden" name="walletType" id="walletType" value="Credit">
                                            <input type="hidden" class="form-control" id="cotpLogid" name="cotpLogid" value="">
                                        </div>
                                        <div class="col-md-4">
                                            <select class="form-control" name="transferType" id="credittransferType" required onchange="showBalance()" required>
                                                <option value="">Select Wallet Type*</option>
                                                <option value="Payout">Payout</option>
                                                <option value="Payin">Payin</option>
                                                <option value="Usdt">USDT</option>
                                                <!-- <option value="Commission">Commission</option> -->
                                            </select>

                                            <!-- Payout Balance Section (Hidden by Default) -->
                                            {% if totalPayoutAmount is not none %}
                                            <div class="current-balance" id="payoutBalance" style="display: none;">
                                                Current Payout Balance: <strong>{{ totalPayoutAmount }}</strong>
                                            </div>
                                            {% endif %}
                                        
                                            <!-- Payin Balance Section (Hidden by Default) -->
                                            {% if totalPayinAmount is not none %}
                                            <div class="current-balance" id="payinBalance" style="display: none;">
                                                Current Payin Balance: <strong>{{ totalPayinAmount }}</strong>
                                            </div>
                                            {% endif %}

                                        </div>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="creditamount" name="amount" pattern="([0-9]+([.][0-9]*)?|[.][0-9])" placeholder="Enter Amount*" required>
                                            <br>
                                            <span id="credit_amount_words" style="color:red;"></span>
                                        </div>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="comment" name="comment" placeholder="Enter Comment*" required>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="modal-footer justify-content-between">
                                                <button type="submit" class="btn btn-primary">Credit</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {% endif %}

                            {% if 'edit' in session.get('debitFromWalletPermissions', []) %}
                                {% if redirectval == "Debit" or 'edit' not in session.get('creditToWalletPermissions', []) %}
                                    <div class="tab-pane show active text-muted" id="nav-cart-justified" role="tabpanel">
                                {% else %}
                                    <div class="tab-pane text-muted" id="nav-cart-justified" role="tabpanel">
                                {% endif %}
                                <form method="POST" id="debit_to_wallet" action="{{url_for('wallet_credits_debits.credit_to_wallet')}}" enctype="multipart/form-data">
                                    <!-- Add your form fields here -->
                                    <div class="row">
                                        <div class="col-md-4">
                                            <select class="form-control" name="patternId" id="patternId1" onChange="getMerchants(this.value,'userId1')" required>
                                                <option value="">Select Pattern*</option>
                                                {% for each_user in patternsList %}
                                                    <option value="{{each_user.id}}">{{each_user.name}}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <select class="form-control" name="userId" id="userId1" required>
                                                <option value="">Select Merchant*</option>
                                            </select>
                                            <input type="hidden" name="walletType" id="walletType" value="Debit">
                                            <input type="hidden" class="form-control" id="dotpLogid" name="dotpLogid" value="">
                                        </div>
                                        <div class="col-md-4">
                                            <select class="form-control" name="transferType" id="debittransferType" required onchange="toggleDebitBalance()" required>
                                                <option value="">Select Wallet Type*</option>
                                                <option value="Payout">Payout</option>
                                                <option value="Payin">Payin</option>
                                                <option value="Usdt">USDT</option>
                                                <!-- <option value="Commission">Commission</option> -->
                                            </select>
                                            <!-- Payout Balance Section for Debit (Hidden by Default) -->
                                            {% if totalPayoutAmount is not none %}
                                            <div class="current-balance" id="debitPayoutBalance" style="display: none;">
                                                Current Payout Balance (Debit): <strong>{{ totalPayoutAmount }}</strong>
                                            </div>
                                            {% endif %}
                                            
                                            <!-- Payin Balance Section for Debit (Hidden by Default) -->
                                            {% if totalPayinAmount is not none %}
                                            <div class="current-balance" id="debitPayinBalance" style="display: none;">
                                                Current Payin Balance (Debit): <strong>{{ totalPayinAmount }}</strong>
                                            </div>
                                            {% endif %}
                                        </div>
                                        

                                        <div class="col-md-4">
                                            <input type="text" pattern="([0-9]+([.][0-9]*)?|[.][0-9])" class="form-control" id="debitamount" name="amount" placeholder="Enter amount*" required>
                                            <br>
                                            <span id="debit_amount_words" style="color:red;"></span>
                                        </div>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" id="comment" name="comment" placeholder="Enter comment*" required>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="modal-footer justify-content-between">
                                                <button type="submit" class="btn btn-primary">Debit</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            {% endif %}
                        </div>

                        {% if 'edit' in session.get('virtualAdminBalancePermissions', []) %}
                            <div class="tab-content">
                                <h5>Virtual Admin Balance Update</h5>
                                <form method="POST" action="{{url_for('wallet_credits_debits.admin_balance_update')}}" enctype="multipart/form-data">
                                    <!-- Add your form fields here -->
                                    <div class="row">
                                        <div class="col-md-3">
                                            <select class="form-control" name="transferType" id="transferType" required>
                                                <option value="">Select Wallet Type*</option>
                                                <option value="Payout">Payout</option>
                                                <option value="Payin">Payin</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" class="form-control" pattern="([0-9]+([.][0-9]*)?|[.][0-9])" id="adminamount" name="amount" placeholder="Enter amount*" required>
                                            <br>
                                            <span id="admin_amount_words" style="color:red;"></span>
                                        </div>
                                        <div class="col-md-3">
                                            <input type="text" class="form-control" id="comment" name="comment" placeholder="Enter comment*" required>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="modal-footer justify-content-between">
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <!--End::row-1 -->

    </div>
</div>
<!-- End::app-content -->



<script type="text/javascript">
function numberToWords(number) {
    var words = new Array();
    words[0] = '';
    words[1] = 'One';
    words[2] = 'Two';
    words[3] = 'Three';
    words[4] = 'Four';
    words[5] = 'Five';
    words[6] = 'Six';
    words[7] = 'Seven';
    words[8] = 'Eight';
    words[9] = 'Nine';
    words[10] = 'Ten';
    words[11] = 'Eleven';
    words[12] = 'Twelve';
    words[13] = 'Thirteen';
    words[14] = 'Fourteen';
    words[15] = 'Fifteen';
    words[16] = 'Sixteen';
    words[17] = 'Seventeen';
    words[18] = 'Eighteen';
    words[19] = 'Nineteen';
    words[20] = 'Twenty';
    words[30] = 'Thirty';
    words[40] = 'Forty';
    words[50] = 'Fifty';
    words[60] = 'Sixty';
    words[70] = 'Seventy';
    words[80] = 'Eighty';
    words[90] = 'Ninety';
    var op;
    if (number > 99999999999) {
        return 'out of range';
    }
    var crore = Math.floor(number / 10000000); /* Crore */
    number %= 10000000;
    var lakh = Math.floor(number / 100000); /* Lakh */
    number %= 100000;
    var thousand = Math.floor(number / 1000); /* Thousand */
    number %= 1000;
    var hundred = Math.floor(number / 100); /* Hundred */
    number %= 100;
    var ten = Math.floor(number / 10);
    var one = number % 10;
    var result = '';
    if (crore > 0) {
        result += (numberToWords(crore) + ' Crore ');
    }
    if (lakh > 0) {
        result += (numberToWords(lakh) + ' Lakh ');
    }
    if (thousand > 0) {
        result += (numberToWords(thousand) + ' Thousand ');
    }
    if (hundred > 0) {
        result += (numberToWords(hundred) + ' Hundred ');
    }
    if (ten > 0) {
        if (ten < 2) {
            result += words[ten * 10 + one];
        } else {
            result += words[ten * 10];
            if (one > 0) {
                result += ('-' + words[one]);
            }
        }
    } else if (one > 0) {
        result += words[one];
    }
    return result;
}


$(document).ready(function() {
  $('input[id="creditamount"]').on('keyup', function() {
    var amount=$(this).val();
   $('#credit_amount_words').text('');
if(amount>0 && amount!="" && amount!="undefined"){
var formattedNumber = new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(amount);
var numberwords=numberToWords(amount);
$('#credit_amount_words').text(formattedNumber+"("+numberwords+" Rupees)");
}else{
$('#credit_amount_words').text('');
}
  });

  $('input[id="debitamount"]').on('keyup', function() {
    var amount=$(this).val();
   $('#debit_amount_words').text('');
if(amount>0 && amount!="" && amount!="undefined"){
var formattedNumber = new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(amount);
var numberwords=numberToWords(amount);
$('#debit_amount_words').text(formattedNumber+"("+numberwords+" Rupees)");
}else{
$('#debit_amount_words').text('');
}
  });

  
$('input[id="adminamount"]').on('keyup', function() {
    var amount=$(this).val();
   $('#admin_amount_words').text('');
if(amount>0 && amount!="" && amount!="undefined"){
var formattedNumber = new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(amount);
var numberwords=numberToWords(amount);
$('#admin_amount_words').text(formattedNumber+"("+numberwords+" Rupees)");
}else{
$('#admin_amount_words').text('');
}
  });

});


    $(document).ready(function () {

    $('#credit_to_wallet').validate({
  submitHandler: function(form) {
    $('#cotpLogid').val('');
    var transferType=$('#credittransferType').val();
    if(transferType!="" && transferType!=""){
        transferType=transferType;
    }else{
        transferType="";
    }
    data="credit_to_wallet=Wallet "+transferType+" Credit"
    $.ajax({
        type: "POST",
        url: "{{url_for('wallet_credits_debits.generate_credit_debit_wallet_otp')}}",
        data: data, // serializes the form's elements.
        success: function(response)
        {
          if(response.responseStatus==1){
            var otpCheckId=response.otpCheckId;
            $('#cotpLogid').val(otpCheckId);
            $('#otpLogid').val(otpCheckId);
            $('#checkotp').modal('show');
            return false;
          }else{
            alert(response.result)
            return false;
          }
        }
    });
    $('#btnYes').click(function (e) {
    var otpCode=$('#otpCode').val();
    var otpCheckId=$('#otpLogid').val();
    if(otpCode!="" && otpCode!="undefined"){
    data="otpCode="+otpCode+"&otpCheckId="+otpCheckId
    $.ajax({
        type: "POST",
        url: "{{url_for('wallet_credits_debits.check_wallet_otp')}}",
        data: data, // serializes the form's elements.
        success: function(response)
        {
          if(response.responseStatus==1){
            $('#checkotp').modal('hide');
            e.preventDefault();
            form.submit();
          }else{
            alert(response.result);
            return false;
          }
        }
    });
           
           }else{
            alert("Please Enter Otp.");
           }
       });
    
  }
    });



    $('#debit_to_wallet').validate({
  submitHandler: function(form) {
    $('#cotpLogid').val('');
    var transferType=$('#debittransferType').val();
    if(transferType!="" && transferType!=""){
        transferType=transferType;
    }else{
        transferType="";
    }
    data="credit_to_wallet=Wallet "+transferType+" Debit"
    $.ajax({
        type: "POST",
        url: "{{url_for('wallet_credits_debits.generate_credit_debit_wallet_otp')}}",
        data: data, // serializes the form's elements.
        success: function(response)
        {
          if(response.responseStatus==1){
            var otpCheckId=response.otpCheckId;
            $('#dotpLogid').val(otpCheckId);
            $('#otpLogid').val(otpCheckId);
            $('#checkotp').modal('show');
            return false;
          }else{
            alert(response.result)
            return false;
          }
        }
    });
    $('#btnYes').click(function (e) {
    var otpCode=$('#otpCode').val();
    var otpCheckId=$('#otpLogid').val();
    if(otpCode!="" && otpCode!="undefined"){
    data="otpCode="+otpCode+"&otpCheckId="+otpCheckId
    $.ajax({
        type: "POST",
        url: "{{url_for('wallet_credits_debits.check_wallet_otp')}}",
        data: data, // serializes the form's elements.
        success: function(response)
        {
          if(response.responseStatus==1){
            $('#checkotp').modal('hide');
            e.preventDefault();
            form.submit();
          }else{
            alert(response.result);
            return false;
          }
        }
    });
           
           }else{
            alert("Please Enter Otp.");
           }
       });
    
  }
    });

});
</script>
{% endblock %}