@extends('layout.appHome')

@section('content')
<link rel='stylesheet' href="{{asset('assets/css/dashboard.css')}}" type='text/css' media='all' />

<style type="text/css">
.modal-backdrop{z-index: 4 !important;}
.tooltip {
    z-index: 11;
}
.tooltip-inner {
    max-width: 290px;
}
.mobile_pay_errormsg {
    display: none;
    font-family: 'Lato-Regular';
    font-size: 12px;
    line-height: 16px;
    color: var(--red);
    margin-bottom: 12px;
}
.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

</style>




<section class="section buynow-banner"></section>

<section class="section bg-white">
    <form class="dashform" action="{{route('investstore')}}" method="POST" enctype="multipart/form-data" id="invest-form">

        @csrf()

        <input type="hidden" id="token_id" name="token_id" value="{{@$property->userContract->id}}">


        <div class="container">
            <div class="row">

                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="header-bar">
                        <div class="title">
                            <h2>My Investment</h2>
                        </div>
                        <div class="property">
                            <span class="icon">
                                <img src="{{ img(@$property->userContract->token_image) }}" />
                            </span>
                            <span class="name">
                                {{@$property->propertyName}}
                            </span>
                        </div>
                    </div>
                </div>

                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    @include('common.notify')
                </div>

                <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                    <div class="portal-heading">Product Details</div>
                    <div class="portal-row">
                        <div class="portal-items">
                            <div class="icon">
                                <img src="{{ img(@$property->userContract->token_image) }}" />
                            </div>
                            <div class="details">
                                <span class="title">Token Name:</span>
                                <span class="data">{{@$property->userContract->tokenname}}</span>

                                <input type="hidden" class="form-control" placeholder="Enter Token Name"
                                    name="tokenname" value="{{ @$property->userContract->tokenname }}" readonly />

                            </div>
                        </div>


                        <div style="display: none">
                            <div class="details">
                                <span class="title">Bonus Token Dividend</span>
                                <input type="hidden" readonly class="form-control" id="bonus_token"
                                    placeholder="Bonus Token Dividend" name="bonustokendivident" value="0" />
                            </div>
                        </div>


                        <div style="display: none">
                            <div class="details">
                                <label class="control-label">Token Dividend</label>
                                <input type="hidden" class="form-control" placeholder="Token Dividend"
                                    name="tokendivident" value="{{ @$property->dividend }}" readonly />
                            </div>
                        </div>
                    </div>


                    <div class="portal-row">
                        <div class="portal-items">
                            <div class="icon">
                                <img src="{{asset('assets/images/icons/value.png')}}" />
                            </div>
                            <div class="details">
                                <span class="title">Value (USD):</span>
                                <span class="data">${{ @$property->userContract->tokenvalue }}</span>

                                <input type="hidden" class="form-control" placeholder="Enter Token Name"
                                    name="tokenname" value="{{ @$property->userContract->tokenvalue }}" readonly />
                            </div>
                        </div>
                        <div class="portal-items">
                            <div class="icon">
                                <img src="{{asset('assets/images/icons/total-token.png')}}" />
                            </div>
                            <div class="details">
                                <span class="title">Total Token:</span>
                                <span class="data" id="total_token_val">0</span>

                                <input type="hidden" class="form-control" name="totaltoken" id="total_token"
                                    placeholder="Total Token" value="0" readonly required />

                            </div>
                        </div>
                        <div class="portal-items">
                            <div class="icon">
                                <img src="{{asset('assets/images/icons/symbol.png')}}" />
                            </div>
                            <div class="details">
                                <span class="title">Symbol:</span>
                                <span class="data" id="token_symbol">{{ @$property->userContract->tokensymbol }}</span>

                                <input type="hidden" class="form-control" placeholder="Enter Token Symbol"
                                    name="tokensymbol" value="{{ @$property->userContract->tokensymbol }}" readonly />

                            </div>
                        </div>
                    </div>
                    <div class="field-bar">
                        <div class="row">
                            <div class="col-md-5 col-sm-12 col-12">
                                <label for="method">Pay By</label>
                                <select name="payby" id="method" class="form-control payby">
                                    @foreach($deposit_wallet_address as $payByAdd)
                                    <option value="{{ strtolower(str_replace(' ', '', $payByAdd->asset)) }}:{{ $payByAdd->wallet_address }}">{{ $payByAdd->asset }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3 col-sm-12 col-12">
                                <label for="tokenno">No. Of Token</label>
                                <input type="number" step="1"  min="1" required="required" class="form-control no-of-token"
                                    placeholder="No of Token" name="nooftoken" id="tokenno" value="" />
                            </div>

                            <div class="col-md-4 col-sm-12 col-12">
                                <label for="payvalue">Pay Value</label>

                                <input type="text" class="form-control" name="payvalue" placeholder="Pay Value"
                                    id="amount" value="" readonly required />

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

                    <div id="token_unavailable" class="mt-4 mb-2 text-red"></div>

                    <div id="prepare" class="mt-4 mb-2" style="display: none">
                        <a id="btn-connect" class="btn flex center btn-lightGreen mb-4 connectWallet">
                            <img src="{{asset('assets/images/icons/wallet.png')}}">
                            &nbsp; Connect Wallet
                        </a>
                    </div>

                    <div id="connected" class="mt-4 mb-2" style="display: none">
                        <a class="btn flex center btn-red mb-4" id="btn-disconnect">
                            <img src="{{asset('assets/images/icons/wallet.png')}}">
                            &nbsp; Disconnect Wallet
                        </a>
                    </div>

                    <div id="btc_button" class="mt-4 mb-2" style="display: none">
                        <button type="button" class="btn flex center btn-blue mb-4" id="mod_btc_btn">
                            <img src="{{asset('assets/images/icons/btc_icon.png')}}">
                            &nbsp; Pay with BTC
                        </button>
                    </div>


                    <div id="mobile_pay_button" class="mt-4 mb-2" style="display: none">
                        <button type="button" class="btn flex center btn-blue mb-4" id="mod_mobile_pay_btn">
                            <img src="{{asset('assets/images/icons/wallet.png')}}">
                            &nbsp; Pay Now
                        </button>
                    </div>


                    <div class="enableBTCButton" style="display: none;">
                        <h4>
                            <img width="32" height="32"
                                src="{{ url('asset/package/qbatheme/images/icons/bitcoincash_icon.svg') }}" />
                            Deposit Address: {{ $USAFE_WALLET_BTC }}
                        </h4>
                    </div>

                    <div class="enableXRPButton" style="display: none;">
                        <h4>
                            <img width="32" height="32"
                                src="{{ url('asset/package/qbatheme/images/icons/xrp_icon.png') }}" />
                            Deposit Address: {{ $USAFE_WALLET_XRP }}
                        </h4>
                    </div>

                    <div class="enableADAButton" style="display: none;">
                        <h4>
                            <img width="32" height="32"
                                src="{{ url('asset/package/qbatheme/images/icons/ada_icon.png') }}">
                            Deposit Address: {{ $USAFE_WALLET_ADA }}
                        </h4>
                    </div>

                    <div class="enableMATICButton" style="display: none;">
                        <h4>
                            <img width="32" height="32"
                                src="{{ url('asset/package/qbatheme/images/icons/matic_icon.png') }}" />
                            Deposit Address: {{ $USAFE_WALLET_MATIC }}
                        </h4>
                    </div>

                    <div class="enableUSDCButton" style="display: none;">
                        <h4>
                            <img width="32" height="32"
                                src="{{ url('asset/package/qbatheme/images/icons/usdc_icon.svg') }}" />
                            Coming Soon
                        </h4>
                    </div>
                </div>

                <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                    <div class="side-card">
                        <div class="heading">Payment Details</div>

                        <div id="prop_nameeeee" style="display:none">{{@$property->propertyName}}</div>
                        {{--<div class="title">Property name & Image</div>
                        <div class="card-row">

                            @php
                            $image = (!is_null($property->propertyLogo)) ? asset('storage/'.$property->propertyLogo) :
                            asset('asset/package/images/building.jpg');

                            @endphp

                            <div class="item-left">
                                <img src="{{ @$image }}" />
                            </div>
                            <div class="item-right" >
                                {{@$property->propertyName}}
                            </div>
                        </div> --}}

                        <div class="card-row">
                            <div class="item-left">Pay By:</div>
                            <div class="item-right" style="text-transform: uppercase;" id="pay_by_val" data-text="--"></div>
                        </div>

                        <div class="card-row">
                            <div class="item-left">QTY:</div>
                            <div class="item-right" id="qty_val" data-text="--"></div>
                        </div>

                        <div class="card-row no-br mb-3">
                            <div class="item-left">Pay Value:</div>
                            <div class="item-right" id="pay_val" data-text="--"></div>
                        </div>

                        <div class="card-row bg-darkerBlue">
                            <div class="item-left">From Address:</div>

                            <div class="item-right" data-text="No wallet conected..." id="fromAddress_div"></div>
                            <input id="fromAddress" type="hidden" class="form-control" name="fromAddress" value=""
                                required />


                        </div>
                        <div class="card-row bg-darkerBlue no-br last">
                            <div class="item-left">Txn Hash:</div>
                            <div id="txHash" class="item-right" data-text="No Txn hash yet..."></div>

                            <input id="metaMaskTransactionHash" type="hidden" class="form-control"
                                placeholder="Waiting for Txn..." name="metaMaskTransactionHash" value="" required
                                readonly />
                        </div>
                    </div>

                    <input type="hidden" name="btc_from_address" id="btc_from_address" value=""/>
                    <input type="hidden" name="is_mobile_pay" id="is_mobile_pay" value="0"/>
                    <input type="hidden" name="mobile_pay_crypto_name" id="mobile_pay_crypto_name" value=""/>
                    <input type="hidden" name="mobile_pay_crypto_from_address" id="mobile_pay_crypto_from_address" value=""/>

                    <!-- <div class="row mt-5">

                        <button class="btn btn-warning btn-lg enableWyreButton" id='buyWyre'>
                            <img width="32" height="32"
                                src="{{ asset('asset/package/qbatheme/images/icons/wyre_icon.svg') }}" />
                            Pay with Wyre
                        </button>
                        <div id="wyre-dropin-widget-container"></div>
                    </div> -->

                    <div class="row">
                        <div class="col-12 mb-4">
                            <!-- <h5>Once you've made the Deposit to our Address, please click on 'BUY TOKEN'</h5> -->
                            <div id="proceedBtn">
                                <button id="sub_proceed_btn" type="button" class="uBtn btn flex center w-100 btn-blue mb-4">Proceed to
                                    Complete Transaction &nbsp;
                                    <img src="{{asset('assets/images/icons/white-arrow.png')}}"> </button>
                                <br />


                                <p class="token-agreement">
                                    By clicking the "<b>Buy Token</b>" button confirmed that I have throughly read and
                                    comprehend the terms and conditions of this token purchase agreement.
                                </p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>

<!-- Document add modal -->
<div class="dash-modal" id="modalbtc">
    <div class="dash-modal-container extrawide p-0">
        <div class="form-modal">
            <div class="mod-head">
                <div class="title">Order Preview<br/>
                    <div id='order_preview_text'></div>
                </div>

                <div class="sum">

                    <span class="amount " id="modal_btc_amount_title"></span>
                    <span class="icon">
                        <img src="{{asset('assets/images/crypto/btc.png')}}" />
                    </span>
                </div>
            </div>
            <div class="mod-form">
                <form id="adddocform" class="uform" action="" method="post"  >
                    <div class="row">
                        <div class="col-12">
                            <div class="text-center">
                                <img id="btcPaymentQRCode" src="" class="qr-code" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 mb-3">
                            <div class="text-center">
                                <label for="doctype">Send the indicated amount to the address below</label>
                                <a class="label_link" href="">Click To Open Wallet</a>
                            </div>
                        </div>

                        <div class="col-12">
                            <label for="docnumber">BTC</label>
                            <div class="ref-wrap">
                                <div class="labeled form-control modal_btc_amount" id="modal_btc_amount"></div>
                                <button type="button" class="copy" id="copy_btc"></button>
                            </div>
                        </div>

                        <div class="col-12">
                            <label for="docnumber">Wallet Address</label>
                            <div class="ref-wrap">
                                <a href="" class="link label_link"></a>
                                <div class="labeled ps-5 form-control" id="label_div"></div>
                                <button type="button" class="copy" id="copy_wall"></button>
                            </div>
                        </div>
                        <div class="col-12">
                            <label for="docnumber">Sender Wallet Address *</label>
                            <input type="text" class="form-control" name="sender_wallet_address" id="sender_wallet_address"  />
                        </div>
                        <div class="col-12">
                            <div class="checkbox">
                                <input type="checkbox" name="termsAndConditions" value="true" id="termsAndConditions" >
                                <label for="termsAndConditions" class="checker" data-bs-toggle="tooltip" title="I agree, that I have provided the valid data in response to my Sender's wallet address and Payment. Please allow BTC to process the transaction for token transfer.">
                                    I agree to the terms & conditions
                                </label>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <span class="errormsg" id="modal_error_msg"></span>
                        </div>

                        <div class="col-12">
                            <button type="button" id="modal_f_submit" class="btn btn-blue me-2">Proceed to Transaction</button>
                            <button type="button" class="btn btn-transparentRed close-dash-modal">Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>



<!-- Mobile pay modal -->
<div class="dash-modal" id="mobile_pay_modal">
    <div class="dash-modal-container extrawide p-0">
        <div class="form-modal">
            <div class="mod-head">
                <div class="title">Order Preview<br/>
                    <div id='mobile_pay_order_preview_text'></div>
                </div>

                <div class="sum">

                    <span class="amount " id="mobile_pay_cryto_amount_title"></span>
                    <span class="icon" id="mobile_pay_btc_icon">
                        <img src="{{asset('assets/images/crypto/btc.png')}}" />
                    </span>
                    <span class="icon" id="mobile_pay_eth_icon">
                        <img src="{{asset('assets/images/crypto/eth.png')}}" />
                    </span>
                    <span class="icon" id="mobile_pay_matic_icon">
                        <img src="{{asset('assets/images/crypto/matic.png')}}" />
                    </span>
                    <span class="icon" id="mobile_pay_usdc_icon">
                        <img src="{{asset('assets/images/crypto/usdc.png')}}" />
                    </span>
                </div>
            </div>
            <div class="mod-form">
                <form id="adddocform" class="uform" action="" method="post"  >

                    <div class="row">

                        <div class="col-12">
                            <label for="docnumber" id="mobile_pay_amt_label"></label>
                            <div class="ref-wrap">
                                <div class="labeled form-control modal_btc_amount mobile_pay_btc_amount" id="modal_btc_amount"></div>
                                <button type="button" class="copy" id="mobile_pay_copy_btc"></button>
                            </div>
                        </div>

                        <div class="col-12">
                            <label for="docnumber">Wallet Address</label>
                            <div class="ref-wrap">
                                <a href="" class="link mobile_pay_label_link"></a>
                                <div class="labeled ps-5 form-control" id="mobile_pay_label_div"></div>
                                <button type="button" class="copy" id="mobile_pay_copy_wall"></button>
                            </div>
                        </div>
                        <div class="col-12">
                            <label for="docnumber">Sender Wallet Address *</label>
                            <input type="text" class="form-control" name="mobile_pay_sender_wallet_address" id="mobile_pay_sender_wallet_address"  />
                        </div>
                        <div class="col-12">
                            <div class="checkbox">
                                <input type="checkbox" name="termsAndConditions" value="true" id="mobile_pay_termsAndConditions" >
                                <label for="mobile_pay_termsAndConditions" class="checker" data-bs-toggle="tooltip" title="I agree, that I have provided the valid data in response to my Sender's wallet address and Payment. Please allow to process the transaction for token transfer.">
                                    I agree to the terms & conditions
                                </label>
                            </div>
                        </div>

                        <div class="col-12 mb-2">
                            <span class="mobile_pay_errormsg" id="modal_error_msg"></span>
                        </div>

                        <div class="col-12">
                            <button type="button" id="mobile_pay_modal_f_submit" class="btn btn-blue me-2">Proceed to Transaction</button>
                            <button type="button" class="btn btn-transparentRed close-dash-modal">Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>



<!-- Modal -->
<div class="dash-modal" id="loadMe" >
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-body text-center">
        <div class="loader"></div>
        <div clas="loader-txt">
          <p>Please wait for a moment</p>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection




@section('scripts')

<!-- <script src="https://verify.sendwyre.com/js/verify-module-init-beta.js"></script> -->


<script src="https://cdn.ethers.io/lib/ethers-5.2.umd.min.js" type="application/javascript"></script>
<script type="text/javascript" src="https://unpkg.com/web3@1.2.11/dist/web3.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/web3modal@1.9.0/dist/index.js"></script>
<script type="text/javascript" src="https://unpkg.com/evm-chains@0.2.0/dist/umd/index.min.js"></script>
<script type="text/javascript"
    src="https://unpkg.com/@walletconnect/web3-provider@1.2.1/dist/umd/index.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/fortmatic@2.0.6/dist/fortmatic.js"></script>

<script src="{{ asset('asset/package/qbatheme/js/web3Modal-checkout.js') }}"></script>

@desktop
<script type="text/javascript">
function showPayButton(payment_id){
    if(payment_id=='bitcoin'){$('#btc_button').show();}
    else{$('#prepare').show();}
}
</script>
@elsedesktop
<script type="text/javascript">
function showPayButton(payment_id){
    $('#mobile_pay_button').show();
}

$("#mod_mobile_pay_btn").click(function(e){
    e.preventDefault();
    $('#mobile_pay_btc_icon').hide();
    $('#mobile_pay_eth_icon').hide();
    $('#mobile_pay_matic_icon').hide();
    $('#mobile_pay_usdc_icon').hide();

    var payby=$('.payby').val();
    var pay_value = $('#amount').val();
    var pay_qty = $('#tokenno').val();
    var token_symbol = $('#token_symbol').html();
    var label=$('#prop_nameeeee').html().trim();
    
    var od_str= pay_qty + ' X ' + token_symbol;
    var cryptocoin=payby.split(':')[0];
    var coin_addr=payby.split(':')[1];

    if(cryptocoin=='bitcoin'){
        $('#mobile_pay_btc_icon').show();
        var CCOIN='BTC';
        var str=payby + "?amount=" + pay_value + "&label='" + label + "'";
    }else if(cryptocoin=='eth'){
        $('#mobile_pay_eth_icon').show();
        var CCOIN='ETH';
        var str="ethereum:"+coin_addr+ "?value=" + pay_value;
    }else if(cryptocoin=='matic'){
        $('#mobile_pay_matic_icon').show();
        var CCOIN='MATIC';
        var str="matic:"+coin_addr+ "?value=" + pay_value;
    }
    else if(cryptocoin=='maticerc-20'){
        $('#mobile_pay_matic_icon').show();
        var CCOIN='MATIC ERC-20';
        var str="matic:"+coin_addr+ "?value=" + pay_value;
    }else if(cryptocoin=='usdc'){
        $('#mobile_pay_usdc_icon').show();
        var CCOIN='USDC';
        var str="ethereum:"+coin_addr+ "?value=" + pay_value;
    }

    $('#mobile_pay_amt_label').html(CCOIN);
    $('#mobile_pay_crypto_name').val(cryptocoin);
    $('#mobile_pay_label_div').html(payby.split(':')[1]);
    $('#mobile_pay_order_preview_text').html(od_str);
    $('#mobile_pay_cryto_amount_title').html(pay_value + " "+ CCOIN);
    $('.mobile_pay_btc_amount').html(pay_value);
    $(".mobile_pay_label_link").attr("href", str);
    $('#mobile_pay_modal').css('display','block');
});


$("#mobile_pay_modal_f_submit").click(function(e){
    e.preventDefault();
    $('#is_mobile_pay').val(1);
    $('.mobile_pay_errormsg').hide();
    var tt=1;
    var s_addr=$('#mobile_pay_sender_wallet_address').val();
    var msg='Please fill up the required fields';
    if(s_addr==''){
        $('.mobile_pay_errormsg').show().html(msg);
        tt=0;
    }
    else if($("#mobile_pay_termsAndConditions").prop('checked') == false){
        $('.mobile_pay_errormsg').show().html(msg);
        tt=0;
    }

    if(tt==1){
        var cct=$('#mobile_pay_crypto_name').val();

        if(cct=='bitcoin'){
            if (walletValid(s_addr)== false){
                $('.errormsg').show().html('Please enter valid wallet address');
                tt=0;
            }else{
                $('#mobile_pay_modal').css('display','none');
                $('#mobile_pay_crypto_from_address').val(s_addr);
                $('form#invest-form').submit();
            }
        }else{
            $('#mobile_pay_modal').css('display','none');
            $('#mobile_pay_crypto_from_address').val(s_addr);
            $('form#invest-form').submit();
        }
    }

});


$("#mobile_pay_copy_btc").click(function(e){
    e.preventDefault();
    var pay_value = $('#amount').val();
    //navigator.clipboard.writeText(pay_value);
    copy(pay_value,'#mobile_pay_copy_btc');
});

$("#mobile_pay_copy_wall").click(function(e){
    e.preventDefault();
    var payby=$('.payby').val().split(':')[1];
    //navigator.clipboard.writeText(payby);
    copy(payby,'#mobile_pay_copy_wall');
});
</script>
@enddesktop

<script type="text/javascript">
$(document).ready(function () {
    $('#token_unavailable').hide();
    $('.errormsg').hide();
    $('[data-bs-toggle="tooltip"]').tooltip();

    showHideWalletButtons();

    // Payment Id
    let payment_id = $('.payby').val();

    // Connect Wallet Button
    const connectWalletButton = document.querySelector('#prepare');
    connectWalletButton.style.display = 'none';
    // // Wyre Button
    // const wyreButton = document.querySelector('.enableWyreButton');
    // wyreButton.style.display = 'none';


    // $('#buyWyre').click(function (e) {
    //     e.preventDefault();
    //     genReservation();
    // });



    // Get Tokens to be paid in deposit currency
    $(".payby, .no-of-token").on("change", function () {
        var token_id = $('#token_id').val();
        var no_of_token = $('.no-of-token').val();
        var payment_id=$('.payby').val().split(':')[0];
        $('#connected').hide();

        var payValue = $('#amount').val();
        $('#total_token_val').html(no_of_token);
        $('#qty_val').html(no_of_token);
        $('#pay_by_val').html(payment_id);

        $('#amount').val('');
        $('#pay_val').html('');
        showHideWalletButtons();

        if((no_of_token!='')&&(payment_id!='')){
            $.ajax({
                url: "{{url('/gettokeninvestvalue')}}",
                type: "POST",
                data: {
                    'token_id': token_id,
                    'no_of_token': no_of_token,
                    'payment_id': payment_id,
                    '_token': '{{ csrf_token() }}'
                },
                success: function (result) {
                    if (result.status == 1) {
                        $('#token_unavailable').hide();
                        var rem_token = result.remaining_token_for_transaction;
                        var tokenno = $('#tokenno').val();
                        if (rem_token > 0) {
                            if (rem_token >= tokenno) {
                                $('#amount').val(result.token_equ_value);
                                $('#bonus_token').val(result.bonus_token);
                                $('#total_token').val(result.total_token);
                                $('#pay_val').html(result.token_equ_value);
                                if(no_of_token>0){
                                    showPayButton(payment_id);
                                }
                            }
                            else {
                                if(rem_token>1){var msg='tokens';}
                                else{var msg='token';}
                                $('#token_unavailable').html('Sorry! You can buy only ' + rem_token + ' ' + msg + '.').show();
                                $('.no-of-token').val(0);
                                $('#amount').val(0);
                                $('#total_token').val(0);
                                $('#qty_val').html('');
                                $('#pay_val').html('');
                                $('#total_token_val').html('0');
                            }
                        }
                        else {
                            $('#token_unavailable').html('Sorry! This product is Sold Out.').show();
                            $('.no-of-token').val(0);
                            $('#amount').val(0);
                            $('#pay_val').html(0);
                        }

                    } else {
                        $('#amount').val(0);
                        $('#pay_val').html(0);
                    }
                }
            });
        }

    });
});

function showHideWalletButtons() {
    var token_id = $('#token_id').val();
    var no_of_token = $('.no-of-token').val();
    var payValue = $('#amount').val();
    var payment_id=$('.payby').val().split(':')[0];

    $('#prepare').hide();
    $('#btc_button').hide();
}

/*
    function genReservation() {
        var token_id = $('#token_id').val();
        var no_of_token = $('.no-of-token').val();
        var payment_id = $('.payby').val();
        var payValue = $('#amount').val();
        $.ajax({
            url: "{{url('/getWyreReservation')}}",
            type: "POST",
            data: {
                'token_id': token_id,
                'no_of_token': no_of_token,
                'payment_id': payment_id,
                'payValue': payValue,
                'eth_address': '0xadB6A7Dc7FD379715E50C003a931BE28938480a4',
                '_token': '{{ csrf_token() }}'
            },
            dataType: "json",
            success: function (result) {
                //const wyreButton = document.querySelector('.enableWyreButton');
                //wyreButton.style.display = 'block';

                const widget = new Wyre({
                    env: 'test',
                    reservation: result.reservation,
                    operation: {
                        type: 'debitcard-hosted-dialog'
                    }
                });

                widget.on("paymentSuccess", function (e) {
                    console.log("paymentSuccess", e);
                });

                widget.open();
            }
        });
    }
*/


$("#sub_proceed_btn").click(function(e){
    e.preventDefault();
    if($('#metaMaskTransactionHash').val()!=''){
        $('form#invest-form').submit();
    }
});

$("#copy_btc").click(function(e){
    e.preventDefault();
    var pay_value = $('#amount').val();
    copy(pay_value,'#copy_btc');
});


$("#copy_wall").click(function(e){
    e.preventDefault();
    var payby=$('.payby').val().split(':')[1];
    copy(payby,'#copy_wall');
});


function walletValid(str){
    return /^(bc1|[13])[a-zA-HJ-NP-Z0-9]{25,39}$/.test(str);
}

$("#modal_f_submit").click(function(e){
    e.preventDefault();
    $('.errormsg').hide();
    var tt=1;
    var s_addr=$('#sender_wallet_address').val();
    var msg='Please fill up the required fields';
    if(s_addr==''){
        $('.errormsg').show().html(msg);
        tt=0;
    }
    else if($("#termsAndConditions").prop('checked') == false){
        $('.errormsg').show().html(msg);
        tt=0;
    }

    if(tt==1){
        if (walletValid(s_addr)== false){
            $('.errormsg').show().html('Please enter valid wallet address');
            tt=0;
        }
        else {
            $('#modalbtc').css('display','none');
            $('#btc_from_address').val(s_addr);
            $('form#invest-form').submit();
        }
    }

});

$("#mod_btc_btn").click(function(e){
    e.preventDefault();
    var payby=$('.payby').val();
    var pay_value = $('#amount').val();
    var pay_qty = $('#tokenno').val();
    var token_symbol = $('#token_symbol').html();
    var label=$('#prop_nameeeee').html().trim();
    var str=payby + "?amount=" + pay_value + "&label='" + label + "'";
    var od_str= pay_qty + ' X ' + token_symbol;

    $('#label_div').html(payby.split(':')[1]);
    $('#order_preview_text').html(od_str);
    $(".label_link").attr("href", str);
    $('#modal_btc_amount_title').html(pay_value + " BTC");
    $('.modal_btc_amount').html(pay_value);

    if (payby!="" && pay_value>0) {

        $.ajax({
            url: "{{url('/getbtcqr')}}",
            type: "POST",
            data: {
                'payby': payby,
                'label': label,
                'pay_value': pay_value,
                '_token': '{{ csrf_token() }}'
            },
            success: function (qrCodeResponse) {
                // console.log(result);
                const btcPayQR = document.getElementById("btcPaymentQRCode");
                btcPayQR.src = "data:image/png;base64," + qrCodeResponse;
                //$('#modalbtc').modal('show');
                $('#modalbtc').css('display','block');
            }
        });
    }
});


$('.close-dash-modal').click(function(e){
    $(".modal-backdrop").hide();
    $('body').removeClass('modal-open').css('overflow', 'auto');

});

$('#tokenno').on('input', function() {
    $(this).val($(this).val().replace(/\D/g, ''));
});
</script>

@endsection

@section('toRemoveLogo', 'true')