@extends('layouts.engine')
@section('content')
                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="buysell wide-xs m-auto">
                                    <div class="buysell-nav text-center">
                                        <ul class="nk-nav nav nav-tabs nav-tabs-s2">
                                            <li class="nav-item"><a class="nav-link" href="{{ url('/users/crypto/buy') }}">Buy Coin</a></li>
                                            <li class="nav-item"><a class="nav-link" href="{{ url('/users/wallets/send/crypto/'. Crypt::encryptString($wallet->wallet_sym)) }}">Send Coin</a></li>
                                        </ul>
                                    </div>
                                    <div class="buysell-title text-center"><h2 class="title">Receive {{ $wallet->wallet_sym }}</h2></div>
                                    <div class="buysell-block">
                                        <form action="#" class="buysell-form">
                                            
                                            <div class="buysell-field form-group">
                                                
                                                <div class="form-pm-group">
                                                    <input type="text" readonly class="form-control form-control-lg form-control-number" id="myInput" value="{{ $wallet->wallet_address }}" style="border-style: none; font-size: 1em; text-align: center; font-family: monaco; outline: hidden; box-shadow:none !important; font-weight: bold;"  onclick="myFunction()" />
                                                    <div>
                                                        <center>
                                                            <img src="{{ asset('storage/wallets/'.$wallet->wallet_upload) }}" width="200" height="200" style="background: black; padding: 3px;"><br><br><div><span style="display:none; color:green; font-weight:bold" id="copy">Address Copied!</span></div>
                                                        </center> 
                                                        
                                                    </div>
                                                    <div class="form-note text-base text-center mt-4">Send only {{ $wallet->wallet_name }} ({{ $wallet->wallet_sym }}) to this address. <br>Sending any other coins may result in permanent loss</div>
                                                </div>
                                            </div>
                                            <div class="buysell-field form-action"><a class="btn btn-lg btn-block btn-primary" href="#buy-coin"  onclick="myFunction()">Copy wallet address</a></div>
                                            <div class="form-note text-base text-center">Note: transfer fee may be included.</div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
@endsection
@section('scripts')
<script>
    function myFunction() {
        var copyText = document.getElementById("myInput");
        var cp = document.getElementById("copy");
        copyText.select();
        copyText.setSelectionRange(0, 99999);
        cp.style.display = "block";
        navigator.clipboard.writeText(copyText.value); 
}
</script>
@endsection