@extends('template.coin.layouts.base')

@section('title', __('Dashboard'))


@section('content')
  <!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text"></span></a></div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
  "symbols": [
    {
      "proName": "FOREXCOM:SPXUSD",
      "title": "S&P 500"
    },
    {
      "proName": "FOREXCOM:NSXUSD",
      "title": "Nasdaq 100"
    },
    {
      "proName": "FX_IDC:EURUSD",
      "title": "EUR/USD"
    },
    {
      "proName": "BITSTAMP:BTCUSD",
      "title": "BTC/USD"
    },
    {
      "proName": "BITSTAMP:ETHUSD",
      "title": "ETH/USD"
    }
  ],
  "showSymbolLogo": true,
  "colorTheme": "dark",
  "isTransparent": false,
  "displayMode": "adaptive",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->
<div class="page-header card">
                              <div class="row align-items-end">
                                  <div class="col-lg-8">
                                      <div class="page-header-title">
                                          <i class="feather  icon-home bg-c-blue"></i>
                                          <div class="d-inline">
                                              <h5>Dashboard</h5>
                                             
                                          </div>
                                      </div>
                                  </div>
                                  <div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'en'

}, 'google_translate_element');

}

</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                                  <div class="col-lg-4">
                                      
                                  </div>
                              </div>
                          </div>
                          
                          <div class="pcoded-inner-content">
                        <!-- Main-body start -->
                        <div class="main-body">
                            <div class="page-wrapper">
                                <!-- Page-body start -->
                                <div class="page-body">
                                    <div class="row">
    <div class="col-lg-4 dashboard-cards">
        <div class="token-statistics card card-token card-full-height card-d">
            <div class="card-innr">
                <div class="token-balance token-balance-with-icon">
                    <div class="token-balance-icon"><img src="https://cde.lunaone.com/images/token-symbol-light.png" alt="" /></div>
                    <div class="token-balance-text">
                        <h6 class="card-sub-title">Balance</h6>
                        <span class="lead">
                            {{number_format($total_bal->count,'2','.',',')}} <span>{{system_settings('currency')}} <em class="fas fa-info-circle fs-11" data-toggle="tooltip" data-placement="right" title="" data-original-title=""></em></span>
                        </span>
                    </div>
                </div>
                <div class="token-balance token-balance-s2">
                    <h6 class="card-sub-title">Your Balance In</h6>
                    <ul class="token-balance-list">
                        <li class="token-balance-sub"><span class="lead">{{number_format($total_bal->count,'2','.',',')}}</span><span class="sub">Overall</span></li>
                        <li class="token-balance-sub"><span class="lead">{{number_format($user->bonus,'2','.',',')}}</span><span class="sub">Bonus</span></li>
                        <li class="token-balance-sub"><span class="lead">{{number_format($user->ref_bonus,'2','.',',')}}</span><span class="sub">Referral</span></li>
                    </ul>
                </div>
                <div class="gaps-0-5x"></div>
                <div class="d-flex align-items-center justify-content-between mb-0"><a href="{{secure_url('deposits')}}" class="btn btn-md btn-primary">Deposit Now</a></div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6 dashboard-cards">
        <div class="card card-d card-full-height">
            <div class="card-innr">
                <h6 class="card-title card-title-sm">Withdrawal<span class="badge badge-success ucap"></span></h6>
                <h3 class="text-dark">Total:  @if(!empty($twithdraw->count))  {{number_format($twithdraw->count,2,'.',',')}} @else 0.00 @endif {{$user->currency}} <span class="d-block text-exlight ucap fs-12">Last Withdrawal : @if(!empty($lwithdraw))  {{number_format($lwithdraw->amount,2,'.',',')}} @else 0.00 @endif {{$user->currency}}</span></h3>
                <div class="gaps-0-5x"></div>
                <div class="d-flex align-items-center justify-content-between mb-0"><a href="{{secure_url('withdrawals')}}" class="btn btn-md btn-primary">Withdraw</a></div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6 dashboard-cards">
        <div class="account-info card card-d card-full-height">
            <div class="card-innr">
                <div class="user-account-status">
                    <h6 class="card-title card-title-sm">Your Account Status</h6>
                    <div class="gaps-1-5x"></div>
                    <ul class="btn-grp">
                        <li><a href="javascript:void(0)" class="btn btn-xs btn-auto btn-success">Email Verified</a></li>
                        <li>
                            <a href="{{secure_url('kyc')}}" class="btn btn-xs btn-auto btn-info"><span>Submit KYC</span></a>
                        </li>
                    </ul>
                </div>
                <div class="gaps-2x"></div>
            </div>
        </div>
    </div>
    <div class="col-lg-6 col-md-6 offset-md-3 mb-4">
        <div class="card-title card-title-sm" style="text-align: center;">
            <span style="font-size: 18px; color: #14013e;">Earn 10%</span> <span style="font-size: 18px; color: #14013e;"> commission and give a bonus by sharing this link!</span>
        </div>
        <div class="copy-wrap mgb-1-5x mgt-1-5x" style="width: 100%;">
            <span class="copy-feedback"></span>
            <em class="copy-icon fas fa-link"></em>
            <input type="text" class="copy-address font-bold" value="{{get_user_referal_link($user->username)}}" disabled="" />
            <button class="copy-trigger copy-clipboard" data-clipboard-text="{{get_user_referal_link($user->username)}}"><em class="ti ti-files"></em></button>
        </div>
    </div>
</div>
<div class="row">
            <div class="col-xl-12 col-md-12">
                <h3 style="color:white">My Wallets</h3>
            </div>
            
        </div>
        <div class="row">

                                            <!-- product profit start -->
                                     @if($wallets->isNotEmpty())  
                                     @foreach($wallets as $wallet)
                                            <div class="col-xl-4 col-md-4">
                                                <div class="card prod-p-card card-blue">
                                                    <div class="card-body">
                                                        <div class="row align-items-center m-b-30">
                                                            <div class="col">
                                                                <h6 class="m-b-5 text-white">{{$wallet->dwallet()->wallet_name}} Wallet <small>({{$wallet->sym}})</small></h6>
                                                                <h3 class="m-b-0 f-w-700 text-white"> {{system_settings('currency')}}{{ number_format($wallet->balance, 2, '.', ',')}}</h3>
                                                            </div>
                                                            <div class="col-auto">
                                                                 <i class="fas fa-dollar-sign text-c-green f-18"></i>
                                                            </div>
                                                        </div>
                                                       
                                                    </div>
                                                </div>
                                            </div>
                                    @endforeach
                                    @endif      
                                          
                                      

                         </div>
                         <!-- Inverse table card start -->
                                    <div class="card d-xcard">
                                        <div class="card-header">
                                            <h5 style="color:#000">Trading Account</h5>
                                            
                                            <div class="card-header-right">                                                                     </div>
                                        </div>
                                        <div class="card-block table-border-style">
                                            <div class="table-responsive">
                                                <table class="table table-inverse" style="color:#fff">
                                                    <thead>
                                                        <tr>
                                  <th >Terminal Id</th>
                                            <th  rowspan="1" colspan="1">Account Type</th>
                                            <th rowspan="1" colspan="1">Currency</th>
                                            <th rowspan="1" colspan="1">Account Used</th>
                                            <th  rowspan="1" colspan="1">Balance</th>
                                        
                                            <th rowspan="1" colspan="1"><div class="dt-type-text">Status</div></th>
                                            <th  rowspan="1" colspan="1"></th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                      @if(!empty($t_accounts))
                                        @foreach($t_accounts as $t_account)
                                        <tr class="data-item tnx-item-72065 odd" role="row">
                                            <td class="data-col dt-tnxno">
                                                <div class="d-flex align-items-center">
                                                  
                                                    <div class="fake-class">
                                                        <span class="lead tnx-id" style="text-transform:capitalize">{{$t_account->trade_id}}</span>
                                                        
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="data-col dt-amount">
                                             <span style="text-transform:capitalize" >  {{$t_account->account_type}}</span>
                                            </td>
                                            <td class="data-col dt-token">
                                               {{$t_account->currency}}
                                            </td>
                                            <td class="data-col dt-amount">
                                               <span style="text-transform:capitalize"> {{$t_account->account_used}}</span> 
                                               @if($t_account->account_used == 'real')<br/>
                                               <span>
                                             <small>{{$t_account->dwallet()->sym}}</small> </span>
                                             @endif   
                                            </td>
                                            <td class="data-col dt-usd-amount">
                                                <span class="lead amount-pay">{{$t_account->status}}</span>
                                              
                                            </td>
                                            
                                            <td class="data-col dt-type">
                                            {{$t_account->status}}
                                            </td>
                                            <td class="data-col text-right">
                                                <a href="{{route('trading_terminal', $t_account->trade_id)}}" class="btn btn-primary">Launch</a>
                                                
                                            </td>
                                        </tr>
                                      
                                        @endforeach
                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <div class="card-footer-right">
                                                
                                                </div>
                                        </div>
                                    </div>
                                    <!-- Inverse table card end -->
 <div class="card sale-card">
    
    <div class="card-block">
        <div class="row">
            <div class="col-xl-4 col-md-6" style="height:125px;overflow:hidden"> 
              <iframe
                                    src="https://widget.coinlib.io/widget?type=chart&amp;theme=dark&amp;coin_id=145&amp;pref_coin_id=1505"
                                    width="100%"
                                    height="636px"
                                    scrolling="auto"
                                    marginwidth="0"
                                    marginheight="0"
                                    frameborder="0"
                                    border="0"
                                    style="border: 0; margin: 0; padding: 0; line-height: 14px;"
                                    sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                                ></iframe>
            </div>
             <div class="col-xl-4 col-md-6" style="height:125px;overflow:hidden">
                 <iframe
                                    src="https://widget.coinlib.io/widget?type=chart&amp;theme=dark&amp;coin_id=859&amp;pref_coin_id=1505"
                                    width="100%"
                                    height="636px"
                                    scrolling="none"
                                    marginwidth="0"
                                    marginheight="0"
                                    frameborder="0"
                                    border="0"
                                    style="border: 0; margin: 0; padding: 0; line-height: 14px;"
                                    sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                                ></iframe>
                  </div>
              <div class="col-xl-4 col-md-6" style="height:125px;overflow:hidden">
                     <iframe
                                    src="https://widget.coinlib.io/widget?type=chart&amp;theme=dark&amp;coin_id=359&amp;pref_coin_id=1505"
                                    width="100%"
                                    height="636px"
                                    scrolling="auto"
                                    marginwidth="0"
                                    marginheight="0"
                                    frameborder="0"
                                    border="0"
                                    style="border: 0; margin: 0; padding: 0; line-height: 14px;"
                                    sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                                ></iframe>
                   </div>
            </div>
            </div>
            </div>
        
                                            <div class="card sale-card">
    
    <div class="card-block">
        <div class="row">
            <div class="col-sm-4">
                <iframe
                                        src="https://widget.coinlib.io/widget?type=full_v2&amp;theme=dark&amp;cnt=6&amp;pref_coin_id=1505&amp;graph=yes"
                                        width="100%"
                                        height="509px"
                                        scrolling="auto"
                                        marginwidth="0"
                                        marginheight="0"
                                        frameborder="0"
                                        border="0"
                                        style="border: 0; margin: 0; padding: 0;"
                                        sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
                                    ></iframe>
            </div>
            <div class="col-sm-8">
              
                <!-- TradingView Widget BEGIN -->
	<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": "auto",
  "height": 610,
  "symbol": "FX:EURUSD",
  "timezone": "Etc/UTC",
  "theme": "Dark",
  "style": "1",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "withdateranges": true,
  "range": "all",
  "allow_symbol_change": true,
  "save_image": false,
  "details": true,
  "hotlist": true,
  "calendar": true,
  "news": [
    "stocktwits",
    "headlines"
  ],
  "studies": [
    "BB@tv-basicstudies",
    "MACD@tv-basicstudies",
    "MF@tv-basicstudies"
  ],
  "container_id": "tradingview_f263f"
}
  );
  </script>
<!-- TradingView Widget END -->
 
            </div>
         
        </div>
    </div>
</div>
                                    </div>
                        </div>
                        <!-- Main-body end -->

                    </div>
                </div>
@endsection