@extends('admin.layout.baseNew')

@section('styles')
<link rel='stylesheet' href='https://cdn.datatables.net/buttons/2.3.2/css/buttons.bootstrap5.min.css' type='text/css' media='all' />
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

<style type="text/css">
.dash-modal .dash-modal-container.wider {
    width: 650px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding: 20px;
}
@media (max-width: 670px){
    .dash-modal .dash-modal-container.wider {
        width: 450px;
        padding: 20px;
    }
}
@media (max-width: 570px){
    .dash-modal .dash-modal-container.wider {
        width: 400px;
        padding: 20px;
    }
}
@media (max-width: 414px){
    .dash-modal .dash-modal-container.wider {
        width: 94vw;
        padding: 20px;
    }
}

.err_msg{
    color:var(--red); font-size: 12px; margin-bottom: 5px;
}
</style>
@endsection

@section('content')

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

<section class="section bg-white">
    <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>Tokenization</h2>
                    </div>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="ucard p-3">

                    <div class="dash-title">Requested Token</div>

                    @include('common.notify')

                    <form class="udash">
                        <div class="table-responsive">
                            <table id="reqtoken" class="table-full">
                                <thead>
                                <tr>
                                    <th>Sn</th>
                                    <th>Issuer</th>
                                    <th>Property Name</th>
                                    <th>Token</th>
                                    <th>Token Symbol</th>
                                    <th>Token Value</th>
                                    <th>Token Supply</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>

                                @foreach($contracts as $index => $value)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ @(!is_null($value->user->name)) ? $value->user->name : 'Admin'  }}</td>
                                    <td>{{@$value->getproperty['propertyName']}}</td>
                                    <td>{{ @$value->name }}</td>
                                    <td>{{ @$value->symbol }}</td>
                                    <td>{{ @$value->usdvalue }}</td>
                                    <td>{{ @$value->supply }}</td>
                                    <td>
                                        <input type="hidden" name="reqTknId" value="{{ @$value->id }}" >
                                        <input type="hidden" name="propId" value="{{ @$value->property_id }}" >

                                        <a class="btn-add-row me-2" href="javascript:;">
                                            <img src="{{asset('assets/images/admin/plus.png')}}" />
                                        </a>
                                        {{--
                                        <a class="btn-delete-row" href="javascript:;">
                                            <img src="{{asset('assets/images/admin/block.png')}}" />
                                        </a>
                                        --}}
                                    </td>
                                </tr>
                                @endforeach

                                </tbody>
                            </table>

                        </div>
                    </form>

                </div>
            </div>

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



<!-- Approval modal -->
<div class="dash-modal" id="addRowmodal">
    <div class="dash-modal-container wider">
        <div class="dash-title">Fill Up The Details</div>

        <div id="modal-content" class="modal-body">

        <form class="uform" id="token_create" name="token_create" action="{{route('admin.issuertokencontract')}}" method="POST" role="form" >

            @csrf

            <input type="hidden" name="iddd" id="iddd" value="" />
            <input type="hidden" name="token_property_id" id="token_property_id" value="" />
            <input type="hidden" name="usercontract_id" id="usercontract_id" value="0" />

            <div class="row">
                <div class="col-12 text-center text-decoration-underline  mb-3">
                    <label class="">Deposit Wallet Address </label>
                </div>
            </div>

            @foreach ($deposit_wallet_type as $key => $value)
            <div class="row">
                <div class="col-4">
                    <label for="deposit_wallet_type_{{ $value->crypto_currency_id }}">{{ $value->asset }} Wallet Address </label>
                </div>
                <div class="col-8 mb-3">
                    <input type="text" class="form-control deposit_wallet_address" name="deposit_wallet_type_{{ $value->crypto_currency_id }}" id="deposit_wallet_type_{{$value->crypto_currency_id}}" value="" />
                   
                    <span id="deposit_wallet_type_{{ $value->crypto_currency_id }}_error" class="form-text text-danger error_span"></span>
                </div>
            </div>
            @endforeach

            <hr/>

            <div class="row ">
                <div class="col-4">
                    <label for="contractaddress">Contract Address <span>*</span></label>
                </div>
                <div class="col-8  mb-3">
                    <input type="text" name="contract_address" id="contract_address" class="form-control" value="" required />
                    <span id="contract_address_error" class="form-text text-danger error_span"></span>
                </div>
            </div>


            <div class="row ">
                <div class="col-4">
                    <label for="delegatewalletid">Delegate Wallet Id <span>*</span></label>
                </div>
                <div class="col-8 mb-3">
                    <input type="text" name="delegate_wallet_id" id="delegate_wallet_id" class="form-control" value="" required />
                    <span id="delegate_wallet_id_error" class="form-text text-danger error_span"></span>
                </div>
            </div>
            
            <div class="row ">
                <div class="col-4">
                    <label for="delegatewalletid">Delegate Wallet Chain <span>*</span></label>
                    </div>
                    <div class="col-8 mb-3">
                    <select name="delegate_wallet_chain" id="delegate_wallet_chain" class="form-control" required >
                        <option value="">Select</option>
                        <option value="eth">ETH</option>
                        <option value="matic">Matic</option>
                    </select>
                    <span id="delegate_wallet_chain_error" class="form-text text-danger error_span"></span>
                </div>
            </div>


        
            <div class="row ">
                <div class="col-4">
                    <label for="withdrawOrdIdPrefix">Withdrawal Order Id Prefix <span>*</span></label>
                </div>
                <div class="col-8 mb-3">
                    <input type="text" name="withdrawal_orderId_prefix" id="withdrawal_orderId_prefix" class="form-control" value="" required />
                    <span id="withdrawal_orderId_prefix_error" class="form-text text-danger error_span"></span>
                </div>
            </div>

            <div class="row ">
                <div class="col-4">
                    <label for="walletid">Withdrawal Wallet Id <span>*</span></label>
                </div>
                <div class="col-8 mb-3">
                    <input type="text" name="wallet_id" id="wallet_id" class="form-control" value=""  required />
                    <span id="wallet_id_error" class="form-text text-danger error_span"></span>
                </div>
            </div>


            <div class="row ">
                <div class="col-4">
                    <label for="withdrawWalletAddress">Withdrawal Wallet Address <span>*</span></label>
                </div>
                <div class="col-8 mb-3">
                    <input type="text" name="withdraw_wallet_address" id="withdraw_wallet_address"  class="form-control"required />
                    <span id="withdraw_wallet_address_error" class="form-text text-danger error_span"></span>
                </div>
            </div>


            <div class="row ">
                <div class="col-12 text-center">
                    <input type="submit" name='submit'id='submit_btn' value='Save' style="display:none" />
                    <button type="button" class="btn btn-blue me-3" onclick="ckRequired();">Save</button>
                    <button type="button" class="btn btn-blue close-dash-modal">Close</button>
                </div>
            </div>
        </form>
        </div>
    </div>
</div>

<!-- Delete modal -->
<div class="dash-modal" id="deleteRowmodal">
    <div class="dash-modal-container">
        <div class="status-info">
            <img src="{{asset('assets/images/profile/denfer.png')}}" />
            <span class="text">Do you want to reject?</span>
            <div class="btn-wrap">
                <form id="BlockRowForm" action="" >

                    <button type="submit" class="btn btn-transparentBlue me-3">Yes</button>
                    <button type="button" class="btn btn-transparentRed close-dash-modal">No</button>
                </form>
            </div>
        </div>
    </div>
</div>


@endsection

@section('scripts')
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.bootstrap5.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
$(document).ready(function () {

    var width = $(window).width();
    if (width < 1200) {
        var table = $('#reqtoken').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: true,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }else{
        var table = $('#reqtoken').DataTable({
            dom: 'Bfrtip',
            responsive: true,
            lengthChange: true,
            pageLength: 10,
            lengthMenu: [10, 20, 50, 100, 200, 500],
            scrollX: false,
            buttons: [
                'copy', 'csv','excel', 'pdf'
            ]
        });
    }
    table.buttons().container().appendTo( '#reqtoken_wrapper .col-md-6:eq(0)' );

});

// Add modal
$(document).on('click', '.btn-add-row', function () {
    var listid = $(this).parents('tr').find('input[name="reqTknId"]').val();
    var propId = $(this).parents('tr').find('input[name="propId"]').val();

    $('#iddd').val(listid);
    $('#token_property_id').val(propId);
    $('#usercontract_id').val(0);
    $('.deposit_wallet_address').val('');
    $('#contract_address').val('');
    $('#wallet_id').val('');
    $('#delegate_wallet_id').val('');
    $('#delegate_wallet_chain').val('');
    $('#withdrawal_orderId_prefix').val('');
    $('#withdraw_wallet_address').val('');

    $.ajax({
        url: "{{url('admin/getusercontract')}}",
        type: "POST",
        data: {
            prop_id: propId,
            _token: '{{csrf_token()}}'
        },
        dataType: 'json',
    }).done(function(response){
        if(response.dt == '1') {
            $('#usercontract_id').val(response.data.id);
            $('#contract_address').val(response.data.contract_address);
            $('#wallet_id').val(response.data.wallet_id);
            $('#delegate_wallet_id').val(response.data.delegate_wallet_id);
            $('#delegate_wallet_chain').val(response.data.delegate_wallet_chain);
            $('#withdrawal_orderId_prefix').val(response.data.withdrawal_orderId_prefix);
            $('#withdraw_wallet_address').val(response.data.withdraw_wallet_address);
        
            if(response.deposit_address_count > 0){
                $.each(response.deposit_address, function(index, item) {
                    var cid=(item.crypto_currency_id);

                    $('#deposit_wallet_type_'+cid).val(item.wallet_address);
                    if(response.transaction_count > 0){
                        $('#deposit_wallet_type_'+cid).prop('readonly', true);
                    }
                });
            }
        
        }

        $('.error_span').html('');
        $('#addRowmodal').css('display','block');
    });

});

// Delete modal
$(document).on('click', '.btn-delete-row', function () {
    var listid = $(this).parents('tr').find('input[name="reqTknId"]').val();

    var url="{{url('admin/issuertokenreject')}}/"+listid;
    $('#BlockRowForm').attr('action', url);
    $('#deleteRowmodal').css('display','block');
});


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

function validETH(str){
    return /^0x[a-fA-F0-9]{40}$/.test(str);
}

function ckRequired(){
    $('.error_span').html('');
    var a=$('#deposit_wallet_type_2').val();
    var b=$('#deposit_wallet_type_3').val();
    var c=$('#deposit_wallet_type_4').val();
    var d=$('#deposit_wallet_type_5').val();
    var e=$('#deposit_wallet_type_6').val();
    if ((a=='') && (b=='') && (c=='') && (d=='') && (e=='')) {
        $('#deposit_wallet_type_6_error').html('Please enter any one of the wallet address');
    }else{
        var tt=1;
        if(a!=''){
            if (validBTC(a)== false){
                tt=0;
                $('#deposit_wallet_type_2').focus();
                $('#deposit_wallet_type_2_error').html('Please enter valid wallet address');
            }
        }

        if(b!=''){
            if (validETH(b)== false){
                tt=0;
                $('#deposit_wallet_type_3').focus();
                $('#deposit_wallet_type_3_error').html('Please enter valid wallet address');
            }
        }

        if(c!=''){
            if (validETH(c)== false){
                tt=0;
                $('#deposit_wallet_type_4').focus();
                $('#deposit_wallet_type_4_error').html('Please enter valid wallet address');
            }
        }

        if(d!=''){
            if (validETH(d)== false){
                tt=0;
                $('#deposit_wallet_type_5').focus();
                $('#deposit_wallet_type_5_error').html('Please enter valid wallet address');
            }
        }

        if(e!=''){
            if (validETH(e)== false){
                tt=0;
                $('#deposit_wallet_type_6').focus();
                $('#deposit_wallet_type_6_error').html('Please enter valid wallet address');
            }
        }

        if(tt==1){
            //$('#submit_btn').click();
            processSubmit();
        }
    }
}


function processSubmit(){
    $('.error_span').html('');
    $.ajax({
        type: 'POST',
        url: "{{route('admin.issuertokencontract')}}",
        dataType:'json',
        data: $('#token_create').serialize(),
        success: function(data){
            if(data.status=='success'){location.reload();}
        },
        fail: function(data) {console.log('inside fail');},
        error: function(reject) {
            console.log('inside error');
            var response = $.parseJSON(reject.responseText);
            $.each(response.errors, function(key, val){
                $("#"+key).focus();
                $("#"+key+"_error").html(val[0]);
            })
        }
    });
}
</script>

@endsection

@section('nav-adm-tokenization-class', 'active')