@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="nk-block-head">
                                    <div class="nk-block-head-sub"><span>Welcome!</span></div>
                                    <div class="nk-block-between-md g-4">
                                        <div class="nk-block-head-content">
                                            <h2 class="nk-block-title fw-normal" style="text-transform:capitalize">{{ Auth::user()->name }}</h2>
                                            <div class="nk-block-des"><p>At a glance summary of your account. Have fun!</p></div>
                                        </div>
                                        <div class="nk-block-head-content">
                                            <ul class="nk-block-tools gx-3">
                                                <li>
                                                    <a class="btn btn-dark toggle" data-target="receive" href="#"><span>Deposit</span> <em class="icon ni ni-arrow-long-right"></em></a>
                                                </li>
                                                <li>
                                                    <a href="{{ url('/users/crypto/buy') }}" class="btn btn-white btn-light"><span>Buy / Sell</span> <em class="icon ni ni-arrow-long-right d-none d-sm-inline-block"></em></a>
                                                </li>
                                                <li class="opt-menu-md dropdown">
                                                    <a href="{{ url('/users/settings/security') }}" class="btn btn-white btn-light btn-icon"><em class="icon ni ni-setting"></em></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="row gy-gs">
                                        <div class="col-lg-5 col-xl-4">
                                            <div class="nk-block">
                                                <div class="nk-block-head-xs">
                                                    <div class="nk-block-head-content"><h5 class="nk-block-title title">Overview</h5></div>
                                                </div>
                                                <div class="nk-block">
                                                    <div class="card card-bordered text-light is-dark h-100">
                                                        <div class="card-inner">
                                                            <div class="nk-wg7">
                                                                <div class="nk-wg7-stats">
                                                                    <div class="nk-wg7-title">Available balance in USD</div>
                                                                    <div class="number-lg amount" id="total"></div>
                                                                </div>
                                                                <div class="nk-wg7-stats-group">
                                                                    <div class="nk-wg7-stats w-50">
                                                                        <div class="nk-wg7-title">Wallets</div>
                                                                        <div class="number-lg">10</div>
                                                                    </div>
                                                                    <div class="nk-wg7-stats w-50">
                                                                        <div class="nk-wg7-title">Transactions</div>
                                                                        <div class="number">{{ number_format($trans) }}</div>
                                                                    </div>
                                                                </div>
                                                                <div class="nk-wg7-foot">
                                                                    @isset($act->created_at)
                                                                        <span class="nk-wg7-note">Last activity at <span>{{ $act->created_at->diffForHumans() }}</span></span>
                                                                    @endisset
                                                                    @empty($act->created_at)
                                                                        <span class="nk-wg7-note">No Last activity</span>
                                                                    @endempty
                                                                    
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-7 col-xl-8">
                                            <div class="nk-block">
                                                <div class="nk-block-head-xs">
                                                    <div class="nk-block-between-md g-2">
                                                        <div class="nk-block-head-content"><h5 class="nk-block-title title">Digital Wallets</h5></div>
                                                        <div class="nk-block-head-content"><a href="{{ url('/users/wallets') }}" class="link link-primary">See All</a></div>
                                                    </div>
                                                </div>
                                                <div class="row g-2">
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('btc')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/btc1.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Bitcoin</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">$<b id="btc"></b></div>
                                                                        <div>{{ number_format($acct->btc,6) }}<span class="currency currency-nio">BTC</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('eth')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/eth1.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Ethereum</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">$<b id="eth"></b></div>
                                                                        <div>{{ number_format($acct->eth,6) }}<span class="currency currency-nio">ETH</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('usdt')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/usdt1.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Tether</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">${{ number_format($acct->usdt,2) }}</div>
                                                                        <div>{{ number_format($acct->usdt,2) }}<span class="currency currency-nio">USDT</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="nk-block nk-block-md">
                                                <div class="row g-2">
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('bnb')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/bnb1.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Binance Coin</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">$<b id="bnb"></b></div>
                                                                        <div>{{ number_format($acct->bnb,6) }}<span class="currency currency-nio">BNB</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('ada')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/ada1.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Cardano</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">$<b id="ada"></b></div>
                                                                        <div>{{ number_format($acct->ada,6) }}<span class="currency currency-nio">ADA</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="card bg-light">
                                                            <div class="nk-wgw sm">
                                                                <a class="nk-wgw-inner" href="{{ url('/users/my-wallet/'. Crypt::encryptString('xrp')) }}">
                                                                    <div class="nk-wgw-name">
                                                                        <div class="nk-wgw-icon"><img src="{{ asset('assets/images/icons/xrp.png') }}"></div>
                                                                        <h5 class="nk-wgw-title title">Ripple</h5>
                                                                    </div>
                                                                    <div class="nk-wgw-balance">
                                                                        <div class="amount">$<b id="xrp"></b></div>
                                                                        <div>{{ number_format($acct->xrp,6) }}<span class="currency currency-nio">XRP</span></div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block nk-block-lg">
                                    <div class="row gy-gs">
                                        <div class="col-md-12">
                                            <!-- TradingView Widget BEGIN -->
                                                <div class="tradingview-widget-container" style="min-height:400px">
                                                  <div id="tradingview_e9f44"></div>
                                                  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                                                  <script type="text/javascript">
                                                  new TradingView.MediumWidget(
                                                  {
                                                  "symbols": [
                                                    [
                                                      "BITSTAMP:BTCUSD|1D"
                                                    ],
                                                    [
                                                      "BITSTAMP:ETHUSD|1D"
                                                    ],
                                                    [
                                                      "CRYPTOCAP:USDT|1D"
                                                    ],
                                                    [
                                                      "COINBASE:SOLUSD|1D"
                                                    ],
                                                    [
                                                      "COINBASE:DOGEUSD|1D"
                                                    ],
                                                    [
                                                      "BITTREX:BCHUSD|1D"
                                                    ],
                                                    [
                                                      "BINANCE:BNBUSD|1D"
                                                    ],
                                                    [
                                                      "COINBASE:LTCUSD|1D"
                                                    ],
                                                    [
                                                      "BITSTAMP:XRPUSD|1D"
                                                    ],
                                                    [
                                                      "BINANCE:DOTUSD|1D"
                                                    ]
                                                  ],
                                                  "chartOnly": false,
                                                  "width": "100%",
                                                  "height": "100%",
                                                  "locale": "en",
                                                  "colorTheme": "dark",
                                                  "autosize": true,
                                                  "showVolume": false,
                                                  "hideDateRanges": false,
                                                  "scalePosition": "right",
                                                  "scaleMode": "Normal",
                                                  "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
                                                  "noTimeScale": false,
                                                  "valuesTracking": "1",
                                                  "chartType": "line",
                                                  "container_id": "tradingview_e9f44"
                                                }
                                                  );
                                                  document.querySelector('.tv-header__link').remove();
                                                  </script>
                                                </div>
                                                <!-- TradingView Widget END -->
                                        </div>
                                    </div>
                                </div>

                                <div class="nk-block">
                                    <div class="card card-bordered">
                                        <div class="card-inner card-inner-lg">
                                            <div class="align-center flex-wrap flex-md-nowrap g-4">
                                                <div class="nk-block-image w-120px flex-shrink-0">
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 118">
                                                        <path
                                                            d="M8.916,94.745C-.318,79.153-2.164,58.569,2.382,40.578,7.155,21.69,19.045,9.451,35.162,4.32,46.609.676,58.716.331,70.456,1.845,84.683,3.68,99.57,8.694,108.892,21.408c10.03,13.679,12.071,34.71,10.747,52.054-1.173,15.359-7.441,27.489-19.231,34.494-10.689,6.351-22.92,8.733-34.715,10.331-16.181,2.192-34.195-.336-47.6-12.281A47.243,47.243,0,0,1,8.916,94.745Z"
                                                            transform="translate(0 -1)"
                                                            fill="#f6faff"
                                                        />
                                                        <rect x="18" y="32" width="84" height="50" rx="4" ry="4" fill="#fff" />
                                                        <rect x="26" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="50" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="74" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="38" y="60" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="62" y="60" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <path
                                                            d="M98,32H22a5.006,5.006,0,0,0-5,5V79a5.006,5.006,0,0,0,5,5H52v8H45a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2H73a2,2,0,0,0,2-2V94a2,2,0,0,0-2-2H66V84H98a5.006,5.006,0,0,0,5-5V37A5.006,5.006,0,0,0,98,32ZM73,94v4H45V94Zm-9-2H54V84H64Zm37-13a3,3,0,0,1-3,3H22a3,3,0,0,1-3-3V37a3,3,0,0,1,3-3H98a3,3,0,0,1,3,3Z"
                                                            transform="translate(0 -1)"
                                                            fill="#798bff"
                                                        />
                                                        <path d="M61.444,41H40.111L33,48.143V19.7A3.632,3.632,0,0,1,36.556,16H61.444A3.632,3.632,0,0,1,65,19.7V37.3A3.632,3.632,0,0,1,61.444,41Z" transform="translate(0 -1)" fill="#6576ff" />
                                                        <path
                                                            d="M61.444,41H40.111L33,48.143V19.7A3.632,3.632,0,0,1,36.556,16H61.444A3.632,3.632,0,0,1,65,19.7V37.3A3.632,3.632,0,0,1,61.444,41Z"
                                                            transform="translate(0 -1)"
                                                            fill="none"
                                                            stroke="#6576ff"
                                                            stroke-miterlimit="10"
                                                            stroke-width="2"
                                                        />
                                                        <line x1="40" y1="22" x2="57" y2="22" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="40" y1="27" x2="57" y2="27" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="40" y1="32" x2="50" y2="32" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="30.5" y1="87.5" x2="30.5" y2="91.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="28.5" y1="89.5" x2="32.5" y2="89.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="79.5" y1="22.5" x2="79.5" y2="26.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="77.5" y1="24.5" x2="81.5" y2="24.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <circle cx="90.5" cy="97.5" r="3" fill="none" stroke="#9cabff" stroke-miterlimit="10" />
                                                        <circle cx="24" cy="23" r="2.5" fill="none" stroke="#9cabff" stroke-miterlimit="10" />
                                                    </svg>
                                                </div>
                                                <div class="nk-block-content">
                                                    <div class="nk-block-content-head px-lg-4">
                                                        <h5>We’re here to help you!</h5>
                                                        <p class="text-soft">Ask a question or file a support ticket, manage request, report an issues. Our support team will get back to you by email.</p>
                                                    </div>
                                                </div>
                                                <div class="nk-block-content flex-shrink-0"><a href="mailto:support@cryptocoinhub.net" class="btn btn-lg btn-outline-dark">Get Support Now</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
@endsection
@section('scriptf')
        
        let btc = data.bitcoin.usd * {{ $acct->btc }};
        let eth = data.ethereum.usd * {{ $acct->eth }};
        let sol = data.solana.usd * {{ $acct->sol }};
        let dog = data.dogecoin.usd * {{ $acct->doge }};
        let xrp = data.ripple.usd * {{ $acct->xrp }};
        let bnb = data.binancecoin.usd * {{ $acct->bnb }};
        let ada = data.cardano.usd * {{ $acct->ada }};
        let dot = data.polkadot.usd * {{ $acct->dot }};
        let ltc = data.litecoin.usd * {{ $acct->ltc }};
        let usdt = {{ $acct->usdt }};
        

        document.getElementById('btc').innerText = btc.toLocaleString(undefined, {maximumFractionDigits: 2});
        document.getElementById('eth').innerText = eth.toLocaleString(undefined, {maximumFractionDigits: 2});
        document.getElementById('bnb').innerText = bnb.toLocaleString(undefined, {maximumFractionDigits: 2});
        document.getElementById('xrp').innerText = xrp.toLocaleString(undefined, {maximumFractionDigits: 2});
        document.getElementById('ada').innerText = ada.toLocaleString(undefined, {maximumFractionDigits: 2});

        let total = btc + eth + sol + dog + xrp + bnb + ada + dot + ltc + usdt;
        document.getElementById('total').innerText = total.toLocaleString(undefined, {maximumFractionDigits: 2});
       
@endsection