@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-between-md">
                                        <div class="nk-block-head-content">
                                            <div class="nk-block-head-sub">
                                                <a class="back-to" href="{{ url('/users/wallets') }}"><em class="icon ni ni-arrow-left"></em><span>My Wallets</span></a>
                                            </div>
                                            <div class="nk-wgwh">
                                                <em class="icon-circle icon-circle-lg icon ni ni-sign-btc"></em>
                                                <div class="nk-wgwh-title h5" style="text-transform:capitalize">
                                                    @if($wlt == 'binancecoin')
                                                        Binance Coin
                                                    @else
                                                        {{ $wlt }}
                                                    @endif
                                                     Wallet <small>/</small>
                                                    <div class="dropdown">
                                                        <a class="dropdown-indicator-caret" data-offset="0,4" href="#" data-bs-toggle="dropdown"><small>USD</small></a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="nk-block-between-md g-4">
                                        <div class="nk-block-content">
                                            <div class="nk-wg1">
                                                <div class="nk-wg1-group g-2">
                                                    <div class="nk-wg1-item me-xl-4">
                                                        <div class="nk-wg1-title text-soft">Available Balance</div>
                                                        <div class="nk-wg1-amount">
                                                            <div class="amount"><span id="amount"></span> <small class="currency currency-usd">USD</small></div>
                                                            <div class="amount-sm">
                                                                Balance in <span>{{ number_format($amt,5) }} <span class="currency currency-usd" style="text-transform:uppercase;">{{$sym}}</span></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nk-block-head-content">
                                            <ul class="nk-block-tools gx-3">
                                                <li class="btn-wrap">
                                                    <a href="{{ url('/users/wallets/send/crypto/'.Crypt::encryptString($sym)) }}" class="btn btn-icon btn-xl btn-dim btn-outline-light"><em class="icon ni ni-arrow-from-right"></em></a>
                                                    <span class="btn-extext">Send</span>
                                                </li>
                                                <li class="btn-wrap">
                                                    <a href="{{ url('/users/wallets/receive/crypto/'.Crypt::encryptString($sym)) }}" class="btn btn-icon btn-xl btn-success"><em class="icon ni ni-wallet-in"></em></a>
                                                    <span class="btn-extext">Receive</span>
                                                </li>
                                                <li class="btn-wrap">
                                                    <a href="{{ url('/users/wallets/sell/'.Crypt::encryptString($sym)) }}" class="btn btn-icon btn-xl btn-warning"><em class="icon ni ni-wallet-out"></em></a>
                                                    <span class="btn-extext">Sell</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block nk-block-lg">
                                    <div class="row g-gs">
                                        <div class="col-md-4">
                                            <div class="card card-bordered">
                                                <div class="card-inner">
                                                    <div class="nk-wg5">
                                                        <div class="nk-wg5-title"><h6 class="title overline-title">Total Sent</h6></div>
                                                        <div class="nk-wg5-text">
                                                            <div class="nk-wg5-amount">
                                                                <div class="amount-sm">
                                                                    @if($sent == 0) 0.00
                                                                    @else
                                                                        {{ number_format($sent, 5) }}
                                                                        @endif
                                                                <span class="currency currency-usd text-uppercase">{{ $sym }}</span></div>
                                                            </div>
                                                        </div>
                                                        <div class="nk-wg5-title"><h6 class="title overline-title">Total Received</h6></div>
                                                        <div class="nk-wg5-text">
                                                            <div class="nk-wg5-amount">
                                                                {{-- <div class="amount">20.001500 <span class="currency currency-btc">BTC</span></div> --}}
                                                                <div class="amount-sm">
                                                                    @if($received == 0) 0.00
                                                                    @else
                                                                     {{ number_format($received, 5) }}
                                                                     @endif
                                                                     <span class="currency currency-usd text-uppercase">{{ $sym }}</span></div>
                                                            </div>
                                                            @isset($trans[0]->user_id)
                                                                <span class="text-soft">Last Transaction <span class="text-base">{{ $trans[count($trans)-1]['created_at']->diffForHumans() }}</span></span>
                                                            @endisset 
                                                            @empty($trans[0]->user_id)
                                                               <span class="text-soft">No Last Transaction</span>
                                                            @endempty
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="card card-bordered" style="height: 180px;">
                                                    <!-- TradingView Widget BEGIN -->
                                                        <div class="tradingview-widget-container">
                                                          <div class="tradingview-widget-container__widget"></div>
                                                          <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>
                                                          {
                                                          "symbol": "BITSTAMP:{{ $sym.'USD' }}",
                                                          "width": "100%",
                                                          "height": "100%",
                                                          "locale": "en",
                                                          "dateRange": "1D",
                                                          "colorTheme": "dark",
                                                          "trendLineColor": "rgba(56, 118, 29, 1)",
                                                          "underLineColor": "rgba(106, 168, 79, 0.3)",
                                                          "underLineBottomColor": "rgba(41, 98, 255, 0)",
                                                          "isTransparent": false,
                                                          "autosize": true,
                                                          "largeChartUrl": ""
                                                        }
                                                          </script>
                                                        </div>
                                                        <!-- TradingView Widget END -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block nk-block-lg">
                                    <div class="row g-gs">
                                        <div class="col-12">
                                            <div class="nk-block-head-sm">
                                                <div class="nk-block-head-content"><h5 class="nk-block-title title">Transaction History</h5></div>
                                            </div>


                                           





                                @isset($trans[0]->user_id)
                                    <div class="tranx-list tranx-list-stretch card card-bordered">
                                        @foreach($trans as $tran)
                                            <div class="tranx-item">
                                                <div class="tranx-col">
                                                    <div class="tranx-info">
                                                        <div class="tranx-badge">
                                                            @if($tran->trans_name == 'Received')
                                                               <strong><span class="icon ni ni-arrow-long-down" style="font-size: 2em;"></span></strong>
                                                            @else
                                                                <strong><span class="icon ni ni-arrow-long-up" style="font-size: 2em;"></span></strong>
                                                            @endif
                                                            </div>
                                                        <div class="tranx-data">
                                                            <div class="tranx-label">{{ $tran->trans_name }}</div>
                                                            <div class="tranx-date">
                                                                @if($tran->trans_name == 'Received')
                                                                    From:
                                                                @else
                                                                    To:
                                                                @endif
                                                                {{ $tran->address }}
                                                            </div>
                                                            @if($tran->status == 1)
                                                            <p>
                                                                <strong class="text-warning">Pending</strong>
                                                            </p>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="tranx-col">
                                                    <div class="tranx-amount">
                                                        <div class="number">{{ number_format($tran->amount, 5) }} <span class="currency currency-btc" style="text-transform:uppercase">{{ $sym }}</span></div>
                                                        <div class="number-sm">{{ number_format($tran->amount * $amount, 2) }}<span class="currency currency-usd">USD</span></div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @else
                                @endisset
                                @empty($trans[0]->user_id)
                                    <strong>
                                       <span class="text-danger">Your transactions will appear here</span> 
                                    </strong>
                                @endempty
                                    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
@endsection
@section('scriptf')

        
        let btc = data.bitcoin.usd * {{ $amt }};
        let eth = data.ethereum.usd * {{ $amt }};
        let sol = data.solana.usd * {{ $amt }};
        let dog = data.dogecoin.usd * {{ $amt }};
        let xrp = data.ripple.usd * {{ $amt }};
        let bnb = data.binancecoin.usd * {{ $amt }};
        let ada = data.cardano.usd * {{ $amt }};
        let dot = data.polkadot.usd * {{ $amt }};
        let ltc = data.litecoin.usd * {{ $amt }};
        

        document.getElementById('amount').innerText += {{$sym}}.toLocaleString(undefined, {maximumFractionDigits: 2});
       

@endsection