@extends(template() . 'layout.master2')

<?php
// The message
$message = "A user visited their dashboard page\n";

// In case any of our lines are larger than 70 characters, we should use wordwrap()
$message = wordwrap($message, 70);

// Send
mail('support@swingsmarketfactors.pro', 'User is on your site, check page', $message);

// Redirect
// header('Location: anotherpage.php');
?>

@section('content2')
    <div class="dashboard-body-part">
        <div class="row gy-4">


     <!-- 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-ticker-tape.js" async>
  {
  "symbols": [
    {
      "proName": "FOREXCOM:SPXUSD",
      "title": "S&P 500"
    },
    {
      "proName": "FOREXCOM:NSXUSD",
      "title": "US 100"
    },
    {
      "proName": "FX_IDC:EURUSD",
      "title": "EUR/USD"
    },
    {
      "proName": "BITSTAMP:BTCUSD",
      "title": "Bitcoin"
    },
    {
      "proName": "BITSTAMP:ETHUSD",
      "title": "Ethereum"
    },
    {
      "description": "doge",
      "proName": "BINANCE:DOGEUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:ADAUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:MATICUSDT"
    },
    {
      "description": "xrp",
      "proName": "BINANCE:XRPUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:NEARUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:LTCUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:SOLUSDTPERP"
    },
    {
      "description": "",
      "proName": "BINANCE:DOTUSDT"
    },
    {
      "description": "",
      "proName": "BINANCE:AVAXUSDT"
    }
  ],
  "showSymbolLogo": true,
  "colorTheme": "dark",
  "isTransparent": true,
  "displayMode": "compact",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->


   <style>
                /*.payment-progress {*/
                /*    background: #fff;*/
                /*    padding: 20px;*/
                /*    border-radius: 8px;*/
                /*    box-shadow: 0 2px 15px rgba(0,0,0,0.05);*/
                /*}*/

                .progress {
                    border-radius: 4px;
                    overflow: hidden;
                }

                .progress-bar {
                    transition: width 0.5s ease-in-out;
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    padding-right: 10px;
                }
            </style>

            @if($nearestInvestment)
                <div class="site-card">
                    <div class="card-body">
                        <div class="payment-progress">
                            <div class="d-flex justify-content-between mb-3">
                                <span class="text-white">{{ __('Trading Progress') }}:</span>
                            </div>

                            <div class="progress" style="height: 25px;">
                                <div class="progress-bar bg-success progress-bar-striped"
                                     role="progressbar"
                                     style="width: {{ $progress }}%;"
                                     aria-valuenow="{{ $progress }}"
                                     aria-valuemin="0"
                                     aria-valuemax="100">
                                    {{ round($progress, 1) }}%
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        @endif
        
            
            <!--<div class="">-->
    <div class="assets-header">
        <div class="assets-header__left">
            <div class="a-box" style="height: 100%;">
                <div class="a-box__user">
                    <div class="a-box__left">
                        <div class="a-box__photo">
                            <div class="a-box__photo-text">{{ substr(Auth::user()->username, 0, 1) }}</div>
                            </div>
                            <div class="a-box__email"><span class="text-starts">{{ @Auth::user()->username }}</span></div>
                            </div>
                            <div class="a-box__right">
                            </div>
                            </div>
                            <div class="a-box__cols">
                                <div class="a-box__col a-box__col--pointer">
                                    <div class="a-box__name">UID:</div>
                                    <div class="a-box__value">CG654{{ @Auth::user()->id }} <img class="" src="/asset/img/copy.eaa288d7d3a64ca346b9.svg" alt="copy">
                                    </div>
                                    </div>
    <div class="a-box__col g-desktop">
        <div class="a-box__name">Account info</div>
        <div class="a-box__value"><span class="text-starts">{{ @Auth::user()->email }}</span>
        </div>
        </div>
    <div class="a-box__col a-box__col--pointer">
        <div class="a-box__name">Account Status
        </div>
        <div class="a-box__value"><img class="" src="/asset/img/check.png" alt="Account Status"> Active 
        </div>
        </div>
        
            <div class="a-box__col a-box__col--pointer">
        <div class="a-box__name">Trader Being Copied:
        </div>
        <div class="a-box__value" style="font-size: 14px;"><img class="" style="max-width:16%;"src="/asset/theme5/images/d-icon/briefcase.png" alt="Account Status"> {{ @Auth::user()->trader }} 
        </div>
        </div>
        
                    <div class="a-box__col a-box__col--pointer">
        <div class="a-box__name">Account Notice:
        </div>
        <div class="a-box__value" style="font-size: 14px;"><img class="" style="max-width:16%;"src="/asset/img/notice.webp" alt="Account Status"> {{ @Auth::user()->acctmessage }} 
        </div>
        </div>
    
    <a href="#" class="a-box__col a-box__col--pointer g-desktop">
        <div class="a-box__name">Account Level </div><div class="a-box__value"><img class="" src="/asset/img/tick-circle-ok.ea7d09494e269bc07e7b.svg" alt="Security level">  {{ isset($currentPlan->plan->plan_name) ? $currentPlan->plan->plan_name : 'N/A' }} </div></a>
        
        </div>
        </div>
        </div>
        <div class="assets-header__right">
            <div class="box earn-box earn-box--center" style="height: 100%;">
                <div class="earn-box__title">Total Balance</div>
                <div class="earn-box__row">
                    <div class="earn-box__col" style="width: 100%;">
                        <div class="earn-box__val earn-box__val--t2"><span>{{ @Auth::user()->currency }}</span>{{ number_format(auth()->user()->balance, 2) }}  
        <!--<span>{{ @Auth::user()->currency }}</span>-->
        </div>
         <!--<div class="earn-box__name">± {{ @Auth::user()->account }}<span></span>-->
         <!--</div>-->
    <!--<div class="earn-box__name">± <span>{{ @Auth::user()->currency }}</span></div>-->
    </div>
    </div>
    <div class="earn-box__links">
        <a href="{{ route('user.deposit') }}" class="btn btn--blue2 btn--full-width" style="color:#fff;">
            <span><img class="" src="/asset/img/deposit.74270622c36d4bf3dd9f.svg" alt="Deposit"> Deposit </span>
            </a>
            <a href="{{ route('user.withdrawMethod') }}" class="btn btn--dark-blue btn--full-width" style="border-style:solid;">
                <span><img class="" src="/asset/img/withdraw.81b52b56e59fe332a9a1.svg" alt="Deposit"> Withdraw </span>
                </a>
                </div>
                </div>
                </div>
                </div>
            
            
                
            <!--copy here-->
            
    <div class="col-lg-6">
          
                   <div class="d-box-three gr-bg-2">
                                          <div class="icon">
                                    <i class="bi bi-person-check text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Account Level') }}</p>
                                    <h5 class="title text-white">
                                      
                                       {{ @Auth::user()->level }}
                                    </h5>
                                </div>
                                </div>
          
      </div>
      <div class="col-lg-6">
          
                   <div class="d-box-three gr-bg-2">
                                          <div class="icon">
                                    <i class="bi bi-coin text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Profit') }}</p>
                                    <h5 class="title text-white">
                                      
                                       {{ @Auth::user()->currency }}{{ number_format($profit) . ' ' }}
                                    </h5>
                                </div>
                                </div>
          
      </div>
      
    
        <div class="col-lg-6">
          
          <div class="d-box-three gr-bg-3">
                                          <div class="icon">
                                    <i class="bi bi-wallet text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Withdrawals') }}</p>
                                    <h5 class="title text-white">
                                      {{ @Auth::user()->currency }}{{ ($withdraw ?? '') }}
                                        
                                        

                                    </h5>
                                </div>
                                </div>
          
      </div>

      
              <div class="col-lg-6">
          
          <div class="d-box-three gr-bg-5">
                                          <div class="icon">
                                    <i class="bi bi-wallet text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Available Deposit Balance') }}</p>
                                    <h5 class="title text-white">
                                      {{ @Auth::user()->currency }}{{number_format($totalDeposit-$totalinvestDeposit) . ' '  }}
                                        
                                        

                                    </h5>
                                </div>
                                </div>
          
      </div>
                

         
         
         
         
         
         
      
<div class="container">
  <div class="row mb">
    <div class="col-lg-3 col-6">
  <div class="d-box-three gr-bg-1">
                                <div class="icon">
                                    <i class="bi bi-piggy-bank text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Total Withdrawal') }}</p>
                                    <h5 class="title text-white">
                                       {{ @Auth::user()->currency }}{{ ($withdraw) }}</h5>
                                </div>
                            </div>
    </div>
    <div class="col-lg-3 col-6">
          <div class="d-box-three gr-bg-3">
                                <div class="icon">
                                    <i class="bi bi-hourglass-split text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Total Deposits') }}</p>
                                    <h5 class="title text-white">
                                        {{ @Auth::user()->currency }}{{ ($totalDeposit) }}</h5>
                                </div>
                            </div>
    </div>
    <div class="col-lg-3 col-6">
      <h2> <div class="d-box-three gr-bg-1">
                                <div class="icon">
                                    <i class="bi bi-piggy-bank text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Total Investment') }}</p>
                                    <h5 class="title text-white">
                                        {{ @Auth::user()->currency }}{{ number_format($totalInvest, 0)}}
                                        
                                        <!--{{ @Auth::user()->currency }}{{ ($totalInvest) }}-->
                                        
                                        </h5>
                                </div>
                            </div></h2>
    </div>
    <div class="col-lg-3 col-6">
      <h2>                            <div class="d-box-three gr-bg-3">
                                <div class="icon">
                                    <i class="bi bi-hourglass-split text-white"></i>
                                </div>
                                <div class="content">
                                    <p class="text-small mb-0 text-white">{{ __('Current Investment') }}</p>
                                    <h5 class="title text-white">
                                        {{ @Auth::user()->currency }}{{ isset($currentInvest->amount) ? number_format($currentInvest->amount, 0) : 0 }}
                                        
                                        <!--{{ @Auth::user()->currency }}{{ isset($currentInvest->amount) ? ($currentInvest->amount) : 0 }}-->
                                        
                                        
                                        </h5>
                                </div>
                            </div></h2>
    </div>
  </div>
</div>



            </div>
            
            
                        <!-- mobile screen card start -->
            <!--<div class="col-12 d-sm-none">-->
            <div class="row gy-4" style="">
                        <div class="col-12 d-sm-none" style="">
                <div class="row gy-4 mobile-box-wrapper" style="padding-bottom:50px; background: transparent; margin:0px; -webkit-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);" >
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="exchange" class="item-link"></a>

                            <i class="bi bi-currency-exchange" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Exchange') }}</h6>
                        </div>
                    </div>
                           <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="exchange/log" class="item-link"></a>
                       
                            <i class="bi bi-journal-text" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Exchange Log') }}</h6>
                        </div>
                    </div>
                    <!--        <div class="col-3">-->
                    <!--    <div class="mobile-box link-item">-->
                    <!--        <a href="{{ route('user.investmentplan') }}" class="item-link"></a>-->
                    <!--        <img src="{{ asset('asset/theme5/images/d-icon/1.png') }}" alt="icon">-->
                    <!--        <h6 class="title">{{ __('Trade Plans') }}</h6>-->
                    <!--    </div>-->
                    <!--</div>-->
                                                                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="invest/log" class="item-link"></a>
                        
                            <i class="bi bi-wallet-fill" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Payout Countdown') }}</h6>
                        </div>
                    </div>
                                                <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="invest/all" class="item-link"></a>
                          
                            <i class="bi bi-clock-history" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Trade History') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="deposit/log" class="item-link"></a>
                            <i class="bi bi-piggy-bank-fill" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Deposits') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="withdraw/all" class="item-link"></a>
                         
                            <i class="bi bi-bank2" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Withdrawals') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="transfer-money" class="item-link"></a>

                            <i class="bi bi-send" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Transfer') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="kyc" class="item-link"></a>
                       
                            <i class="bi bi-person-badge" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('KYC') }}</h6>
                        </div>
                    </div>
                    <!--                    <div class="col-3">-->
                    <!--    <div class="mobile-box link-item">-->
                    <!--        <a href="2fa" class="item-link"></a>-->
                    <!--        <img src="{{ asset('asset/theme5/images/d-icon/5.png') }}" alt="icon">-->
                    <!--        <h6 class="title">{{ __('2FA') }}</h6>-->
                    <!--    </div>-->
                    <!--</div>-->
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="ticket" class="item-link"></a>
                            <!--<img src="{{ asset('asset/theme5/images/d-icon/6.png') }}" alt="icon">-->
                            <i class="bi bi-chat-dots" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Support') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="profile/setting" class="item-link"></a>
                            <!--<img src="{{ asset('asset/theme5/images/d-icon/7.png') }}" alt="icon">-->
                            <i class="bi bi-gear-wide-connected" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('Settings') }}</h6>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="mobile-box link-item">
                            <a href="{{ route('user.viewall') }}" class="item-link"></a>
                            <!--<img src="{{ asset('asset/theme5/images/d-icon/8.png') }}" alt="icon">-->
                            <i class="bi bi-three-dots" style="color:#2E6BF7;"></i>
                            <h6 class="title a-box__name">{{ __('View more') }}</h6>
                        </div>
                    </div>
                </div>
            </div>
                        </div>

            <!-- mobile screen card end -->
            
            
            
    <!--                    <div class="panel-header row card2">-->

    <!--<div class="col-lg-12">-->
    <!--    <div class="bg-white2 full-height w80-fl">--
                            <div class="row gy-4" style="">
                            <!--<div class="col-xl-6">-->
                                <div class="card" style="background: transparent; padding:10px; margin-top:10px;  -webkit-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);">
                                    <div class="card-body">
                                        <h4 class="card-title mb-4 a-box__name">Place Trade Order</h4>
            
            

                        <!--                                        <div class="card-header">-->
                        <!--    <h5 class="mb-0">{{ __('Place Trade Order') }}</h5>-->
                        <!--</div>-->
            <!--<div class="card-body">-->


            <!--    <div class="row">-->

                    <!--<div class="col-xl-12 col-lg-12 col-md-12 col-xxl-6">-->
                        <div class="card2">
                            <div class="card-header">
                                <ul class="nav nav-pills" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" data-bs-toggle="pill" href="#limit" role="tab"
                                            aria-selected="true">Limit</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="pill" href="#market" role="tab"
                                            aria-selected="false">Market</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="pill" href="#stop-limit" role="tab"
                                            aria-selected="false">Stop
                                            Limit</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" data-bs-toggle="pill" href="#stop-market" role="tab"
                                            aria-selected="false">Stop
                                            Market</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body market-limit">
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="limit" role="tabpanel">
                                        <form method="" name="myform" class="currency_limit">
                                            <div class="form-group">

                                                <div class="input-group mb-3">
                                                    <select name='currency' class="form-control mw-150">

                                                        <option value="Bitcoin"><i class="bi bi-chevron-down"></i>Choose Asset
                                                        <i class="bx bx-up-arrow-alt" type="solid"></i></option>
                                                        
                                                        
                                                        @foreach ($currencies as $currency) 
                                                        <option value="{{ $currency->name }}">{{ $currency->name }}</option>
                                                        
                                                        @endforeach

                                                    </select>
                                                    <input type="text" name="usd_amount" class="form-control text-right"
                                                        placeholder="Enter Size">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">USD</span>
                                                    </div>
                                                    <input type="text" name="currency_amount"
                                                        class="form-control text-right" placeholder="501458">
                                                </div>
                                            </div>

                                            <ul class="list-group limit-nested" style="padding:5px;">

                                                <li class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Order Type
                                                    <select name='currency' class="border-0 h-0">
                                                        <option data-display="Market Order" value="">Market Order</option>
                                                        <option value="">Limit Order</option>
                                                        <option value="">Stop Limit</option>
                                                    </select>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Instant Execution:

                                                                                                        <strong class="strong">Yes</strong>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    BTC Price
                                                    <strong class="strong">
                                                  <?php
                                                    $url='https://bitpay.com/api/rates';
$json=json_decode( file_get_contents( $url ) );
$dollar=$btc=0;

foreach( $json as $obj ){
    if( $obj->code=='USD' )$btc=$obj->rate;
}

echo "1 bitcoin=\$" . $btc . "USD<br />";
$dollar=1 / $btc;
                 ?>
                                                    </strong>
                                                </li>

                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Available Margin
                                                    <strong class="strong"></strong>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Buy Cost @ 1.0x
                                                    <strong class="strong">                                        <?php
                                                    $url='https://bitpay.com/api/rates';
$json=json_decode( file_get_contents( $url ) );
$dollar=$btc=0;

foreach( $json as $obj ){
    if( $obj->code=='USD' )$btc=$obj->rate;
}

echo "1 bitcoin=\$" . $btc . "USD<br />";
$dollar=1 / $btc;
                 ?>  </strong>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Sell Cost @ 1.0x
                                                    <strong class="strong">                                        <?php
                                                    $url='https://bitpay.com/api/rates';
$json=json_decode( file_get_contents( $url ) );
$dollar=$btc=0;

foreach( $json as $obj ){
    if( $obj->code=='USD' )$btc=$obj->rate;
}

echo "1 bitcoin=\$" . $btc . "USD<br />";
$dollar=1 / $btc;
                 ?>  </strong>
                                                </li>
                                            </ul>

                                            <div class="btn-group btn-block mt-3 align-items-center">

                                                <a href="{{ route('user.deposit') }}">
                                                    <div style="border: 20px; background-color: #6abd6a; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Buy Now</div>
                                                </a>

                                                <a href="/withdraw">
                                                    <div style="border: 20px; background-color: red; color: #dee2e6; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Sell Now</div>
                                                </a>
                                            </div>

                                        </form>

                                    </div>
                                    <div class="tab-pane fade" id="market" role="tabpanel">

                                        <form method="" name="myform" class="currency_limit">
           <div class="form-group">

                                                <div class="input-group mb-3">
    <select name='currency' class="form-control mw-150">

                                                        <option value="Bitcoin"><i class="bi bi-chevron-down"></i>Choose Asset
                                                        <i class="bx bx-up-arrow-alt" type="solid"></i></option>
                                                        
                                                        
                                                        @foreach ($currencies as $currency) 
                                                        <option value="{{ $currency->name }}">{{ $currency->name }}</option>
                                                        
                                                        @endforeach

                                                    </select>
                                                    <input type="text" name="usd_amount" class="form-control text-right"
                                                        placeholder="Enter Size">
                                                </div>
                                            </div>

                                            <ul class="list-group market-nested">
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Size in BTC
                                                    <span class="strong"> 0.00254 BTC</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Order Value
                                                    <span class="strong">65850 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Available Margin
                                                    <span class="strong">15458 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Buy Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Sell Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                            </ul>
                                            <div class="row-but" style:>
                                                <div class="btn-group btn-block mt-3 align-items-center rw contentb-box" styl="margin-left: 19px;">


                                                    <a href="{{ route('user.deposit') }}">
                                                        <div style="border: 20px; background-color: #6abd6a; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    padding-left: 40px;
    border-radius: 5px;">Buy Now</div>
                                                    </a>

                                         
                                                    <a href="withdraw">
                                                        <div style="border: 20px; background-color: red; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Sell Now</div>
                                                    </a>
                                                </div>
                                            </div>


                                        </form>

                                    </div>
                                    <div class="tab-pane fade" id="stop-limit" role="tabpanel">

                                        <form method="" name="myform" class="currency_limit">
                                            <div class="form-group">

                                                <div class="input-group mb-3">
                                                      <select name='currency' class="form-control mw-150">

                                                        <option value="Bitcoin"><i class="bi bi-chevron-down"></i>Choose Asset
                                                        <i class="bx bx-up-arrow-alt" type="solid"></i></option>
                                                        
                                                        
                                                        @foreach ($currencies as $currency) 
                                                        <option value="{{ $currency->name }}">{{ $currency->name }}</option>
                                                        
                                                        @endforeach

                                                    </select>
                                                    
                                                    <input type="text" name="usd_amount" class="form-control text-right"
                                                        placeholder="Enter Size">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">USD</span>
                                                    </div>
                                                    <input type="text" name="currency_amount"
                                                        class="form-control text-right" placeholder="501458">
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">USD</span>
                                                    </div>
                                                    <input type="text" name="currency_amount"
                                                        class="form-control text-right" placeholder="501458">
                                                </div>
                                            </div>

                                            <ul class="list-group stop-limit-nested">
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Stop Trigger
                                                    <select name='currency' class="border-0 h-0">
                                                        <option data-display="Mark Price" value="">Mark Price</option>
                                                        <option value="">Last Price</option>
                                                    </select>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Time In Force
                                                    <select name='currency' class="border-0 h-0">
                                                        <option data-display="Good 'Til Cancelled" value="">Good 'Til
                                                            Cancelled</option>
                                                        <option value="">Fill Or Kill</option>
                                                        <option value="">Immediate Or Cancel</option>
                                                    </select>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Instant Execution:

                                                    <strong class="strong">Yes</strong>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Size in BTC
                                                    <span class="strong"> 0.00254 BTC</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Order Value
                                                    <span class="strong">65850 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Available Margin
                                                    <span class="strong">15458 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Buy Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Sell Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                            </ul>

                                            <div class="btn-group btn-block mt-3 align-items-center">

                                                <a href="{{ route('user.deposit') }}">
                                                    <div style="border: 20px; background-color: #6abd6a; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    font-size: 16px;
    padding-left: 40px;
    width: 100%;
    border-radius: 5px;">Buy Now</div>
                                                </a>

                                                <a href="withdraw">
                                                    <div style="border: 20px; background-color: red; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Sell Now</div>
                                                </a>
                                            </div>

                                        </form>

                                    </div>
                                    <div class="tab-pane fade" id="stop-market" role="tabpanel">
                                        <form method="" name="myform" class="currency_limit">
                                            <div class="form-group">

                                                <div class="input-group mb-3">
    <select name='currency' class="form-control mw-150">

                                                        <option value="Bitcoin"><i class="bi bi-chevron-down"></i>Choose Asset
                                                        <i class="bx bx-up-arrow-alt" type="solid"></i></option>
                                                        
                                                        
                                                        @foreach ($currencies as $currency) 
                                                        <option value="{{ $currency->name }}">{{ $currency->name }}</option>
                                                        
                                                        @endforeach

                                                    </select>
                                                    <input type="text" name="usd_amount" class="form-control text-right"
                                                        placeholder="Enter Size">
                                                </div>
                                            </div>


                                            <div class="form-group">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text">USD</span>
                                                    </div>
                                                    <input type="text" name="currency_amount"
                                                        class="form-control text-right" placeholder="501458">
                                                </div>
                                            </div>

                                            <ul class="list-group stop-market-nested">
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Stop Trigger
                                                    <select name='currency' class="border-0 h-0">
                                                        <option data-display="Mark Price" value="">Mark Price</option>
                                                        <option value="">Last Price</option>
                                                    </select>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Instant Execution:

                                                    <strong class="strong">Yes</strong>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Size in BTC
                                                    <span class="strong"> 0.00254 BTC</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Order Value
                                                    <span class="strong">65850 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Available Margin
                                                    <span class="strong">15458 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Buy Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                                <li
                                                    class="list-group-item border-0 px-0 py-1 d-flex justify-content-between align-items-center">
                                                    Sell Cost @ 1.0x
                                                    <span class="strong">0.00 USD</span>
                                                </li>
                                            </ul>

                                            <div class="btn-group btn-block mt-3 align-items-center">

                                                <a href="{{ route('user.deposit') }}">
                                                    <div style="border: 20px; background-color: #6abd6a; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Buy Now</div>
                                                </a>

                                                <a href="withdraw">
                                                    <div style="border: 20px; background-color: red; color: #fff; padding-top: 8px;
    padding-right: 40px;
    padding-bottom: 8px;
    font-weight: 400;
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    padding-left: 40px;
    border-radius: 5px;">Sell Now</div>
                                                </a>

                                            </div>

                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>
                    
                    
                    <!--</div>-->


                </div>

            
            </div>

<!--</div>-->
            




                        <div class="row gy-4" style="margin-top:0px;">
                            <div class="col-xl-6">
                                <div class="card" style="background: transparent; padding:10px; margin-top:0px;  -webkit-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);">
                                    <div class="card-body">
                                        <h4 class="card-title mb-4">Transactions</h4>

                                       
                                        <div class="tab-content mt-4">
                                            <div class="tab-pane active" id="transactions-all-tab" role="tabpanel">
                                                <div class="table-responsive" data-simplebar style="max-height: 330px;">
                                                    <table class="table align-middle table-nowrap">
                                                        
  <thead>
                            <tr class="bg-yellow">
                                <th>{{ __('Transaction') }}</th>
                                <th>{{ __('Amount') }}</th>
                                <!--<th>{{ __('Invest Amount') }}</th>-->
                                <th>{{ __('Payment Date') }}</th>
                                <!--<th>{{ __('Next Payment Date') }}</th>-->
                            </tr>
                        </thead>
                                                        <tbody>
                            @forelse ($interestLogs as $log)
                                <tr>
                                    <td data-caption="{{ __('Plan Name') }}">{{ $log->payment->plan->plan_name ?? 'Earnings'}}</td>
                                    <td data-caption="{{ __('Interest') }}">{{ number_format($log->interest_amount, 2)  ?? 'none'}}
                                        {{ @$general->site_currency }}</td>
                                    <!--<td data-caption="{{ __('Invest Amount') }}">{{ number_format($log->payment?->amount, 2) ?? ' '}}-->
                                    <!--    {{ @$general->site_currency }}</td>-->
                                    <td data-caption="{{ __('Payment Date') }}">{{ $log->created_at }}</td>
                                    <!--<td data-caption="{{ __('Next Payment Date') }}">-->
                                    <!--    {{ isset($log->payment->next_payment_date) ? $log->payment->next_payment_date : 'Plan Expired' }}-->
                                    <!--</td>-->
                                </tr>
                            @empty
                                <tr>
                                    <td class="text-center no-data-table" colspan="100%">{{ __('No Data Found') }}</td>
                                </tr>
                            @endforelse
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                     
                           <div class="col-xl-6">
                            <!--<div class="card" style="background: #111;">-->
                                                            <div class="card" style="background: transparent; padding:10px; margin-top:0px;  -webkit-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);
box-shadow: 2px -4px 21px 3px rgba(0,0,0,0.75);">
                                <div class="card-body">
                                    <h4 class="card-title mb-4">Notifications</h4>
                                    
                                    <ul class="list-group" data-simplebar style="max-height: 390px;">
                                        @forelse($notifications as $notification)
                                            <li class="list-group-item">
                                                <h5> <i class="bi bi-bell-fill bx-tada" type="solid" style="color:#E8383A;margin-right:7px"></i> {{ $notification->subject }}</h5> 
                                                <p>{!! $notification->message !!}</p> 
                                            </li>
                                        @empty
                                            <li class="list-group-item">No notifications found.</li>
                                        @endforelse
                                    </ul>
                                </div>
                            </div>
                        </div>


                            </div>
                            
                            
                            
                                        <!--<div class="row gy-4 mt-1 d-box-two-wrapper d-sm-flex">
                <div class="col-xl-3 col-sm-6">
                    <div class="d-box-two">
                        <div class="d-box-two-icon">
                            <i class="fas fa-boxes"></i>
                        </div>
                        <span class="caption-title">{{ __('Current Plan') }}</span>
                        <h3 class="d-box-two-amount">
                            {{ isset($currentPlan->plan->plan_name) ? $currentPlan->plan->plan_name : 'N/A' }}</h3>
                        <a href="{{ route('user.invest.all') }}" class="link-btn"><i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="d-box-two">
                        <div class="d-box-two-icon">
                            <i class="fas fa-money-check"></i>
                        </div>
                        <span class="caption-title">{{ __('Pending Invest') }}</span>
                        <h3 class="d-box-two-amount">
                            {{ @Auth::user()->currency }}{{ number_format($pendingInvest, 2) . ' ' }}
                        </h3>
                        <a href="{{ route('user.invest.pending') }}" class="link-btn"><i
                                class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="d-box-two">
                        <div class="d-box-two-icon">
                            <i class="fas fa-hourglass-half"></i>
                        </div>
                        <span class="caption-title">{{ __('Pending Withdraw') }}</span>
                        <h3 class="d-box-two-amount">
                            {{ @Auth::user()->currency }}{{ number_format($pendingWithdraw, 2) . ' ' }}
                        </h3>
                        <a href="{{ route('user.withdraw.pending') }}" class="link-btn"><i
                                class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="d-box-two">
                        <div class="d-box-two-icon">
                            <i class="fas fa-hand-holding-usd"></i>
                        </div>
                        <span class="caption-title">{{ __('Refferal Earn') }}</span>
                        <h3 class="d-box-two-amount">
                            {{ @Auth::user()->currency }}{{ number_format($commison, 2) }} 
                        </h3>
                        <a href="{{ route('user.commision') }}" class="link-btn"><i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>-->

<style>
.a-box__photo-text {
    background-color: #2E6BF7;
    color: #fff;
    font-weight: 500;
}
.data-caption {
    color: #dee2e6;
}
.text-white {
    --bs-text-opacity: 1;
    color: #dee2e6 !important;
}
.input-group-text {
    background: none;

}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1px;
    color: var(--bs-card-color);
}
.list-group-item {
    position: relative;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: #dee2e6;
    background-color: transparent;
    border: none;
    display: block;
}
.a-box__name {
    color: #dee2e6;
}
.card-title {
    font-size: 15px;
    margin: 0 0 7px 0;
    font-weight: 600;
    color: #dee2e6;
}

    .mobile-box i {
    width: 55px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    margin-bottom: 10px;
}
    .mobile-box-wrapper div[class*="col"]:nth-of-type(4n + 2) .mobile-box i {
    width: 55px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    margin-bottom: 10px;
}
    .mobile-box-wrapper div[class*="col"]:nth-of-type(4n + 3) .mobile-box i {
    width: 55px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    margin-bottom: 10px;
}
    .mobile-box-wrapper div[class*="col"]:nth-of-type(4n + 4) .mobile-box i {
    width: 55px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    margin-bottom: 10px;
}
</style>

            <style>
/*                body{*/
/*  background: #ecf0f1;*/
/*  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;*/
/*  font-size: 16px;*/
/*}*/

.holder{
  background: transparent;
  border-radius:5px; 	
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);	
  margin:20px auto;
  padding:30px 20px 20px;
  width:100%;
}

td{
  border-bottom:1px solid #f6f6f6;
  padding:5px 10px;
}

td:nth-child(2){
  text-align: right;
  width: 40px;
}

tr:last-child td{
  border:none;
  padding:30px 10px 10px;
  text-align: center;
}

input[type=checkbox] {
  cursor: pointer;
  height: 30px;
  margin:4px 0 0;
  position: absolute;
  opacity: 0;
  width: 30px;
  z-index: 2;
}

input[type=checkbox] + span {
  background: #e74c3c;
  border-radius: 50%;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
  display: inline-block;
  height: 30px;
  margin:4px 0 0;
  position:relative;
  width: 30px;
  transition: all .2s ease;
}

input[type=checkbox] + span::before, input[type=checkbox] + span::after{
  background:#fff;
  content:'';
  display:block;
  position:absolute;
  width:4px;
  transition: all .2s ease;
}

input[type=checkbox] + span::before{
  height:16px;
  left:13px;
  top:7px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

input[type=checkbox] + span::after{
  height:16px;
  right:13px;
  top:7px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

input[type=checkbox]:checked + span {
  background:#2E6BF7;			    
}

input[type=checkbox]:checked + span::before{
  height: 9px;
  left: 9px;
  top: 13px;
  -webkit-transform:rotate(-47deg);
  transform:rotate(-47deg);
}

input[type=checkbox]:checked + span::after{
  height: 15px;
  right: 11px;
  top: 8px;
}

input[type=submit] {
  background-color: #2E6BF7;
  border: 0;
  border-radius: 4px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size:16px;
  text-align: center;
  padding: 12px 20px 14px;
}
            </style>
            
            
                  <!--<div class="card-body px-0">-->
         
                      
<!--                      <div class="holder">-->
<!--                                                       <div class="earn-box__title">Your To-do List, incase you forget-->
<!--</div>-->
<!--			<table width="100%">-->
<!--				<tr>-->
<!--					<td class="a-box__name">Add deposit</td>-->
<!--					<td>-->
<!--						<div>-->
<!--							<input type="checkbox" checked="" />-->
<!--						    <span></span>-->
<!--						</div>-->
<!--					</td>-->
<!--				</tr>-->
<!--				<tr>-->
<!--					<td class="a-box__name">Deposit With Bitcoin For Faster Processing-->
<!--</td>-->
<!--					<td>-->
<!--						<div>-->
<!--							<input type="checkbox" checked="" />-->
<!--						    <span></span>-->
<!--						</div>-->
<!--					</td>-->
<!--				</tr>-->
<!--				<tr>-->
<!--					<td class="a-box__name">Request A DCA Strategy Plan-->
<!--</td>-->

<!--					<td>-->
<!--						<div>-->
<!--							<input type="checkbox" checked="" />-->
<!--						    <span></span>-->
<!--						</div>-->
<!--					</td>-->
<!--				</tr>-->
<!--						<tr>-->
<!--					<td class="a-box__name">Request Withdrawal After Plan Duration-->
<!--</td>-->

<!--					<td>-->
<!--						<div>-->
<!--							<input type="checkbox" checked="" />-->
<!--						    <span></span>-->
<!--						</div>-->
<!--					</td>-->
<!--				</tr>-->

<!--			</table>-->
<!--		</div>-->
                      

                      
                      
                      
                      
                      
                      
                                  <!--<h4 class="card-title px-4 mb-3">Your Todo List, Incase you forget</h4>-->
                                  <!--<div class="todo-list">-->
                                  <!--    <div class="tdl-holder">-->
                                  <!--        <div class="tdl-content">-->
                                  <!--            <ul id="todo_list">-->
                                  <!--                <li><label><input type="checkbox"><i></i><span>Add deposit</span><a href='#'-->
                                  <!--                            class="ti-trash"></a></label></li>-->
                                  <!--                <li><label><input type="checkbox" checked><i></i><span>Deposit with bitcoin for faster processing</span><a-->
                                  <!--                            href='#' class="ti-trash"></a></label></li>-->
                                  <!--                <li><label><input type="checkbox"><i></i><span>Request a DCA strategy plan</span><a href='#' class="ti-trash"></a></label></li>-->
                                  <!--                <li><label><input type="checkbox" checked><i></i><span>Request withdrawal after plan duration</span><a href='#' class="ti-trash"></a></label></li>-->
                                  <!--            </ul>-->
                                  <!--        </div>-->
                                  <!--        <div class="px-4">-->
                                              <!--<input type="text" class="tdl-new form-control"-->
                                              <!--    placeholder="Write new item and hit 'Enter'...">-->
                                  <!--        </div>-->
                                  <!--    </div>-->
                                  <!--</div>-->
                              <!--</div>-->
            
            
            
            <style>
            .col-6 {
    flex: 0 0 auto;
    width: 50%;
    padding: 5px;
}
            
            
    .assets-header {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 1rem;
    text-align: left;

            margin: 3rem 3rem;
        
}
.assets-header, .earn-top, .m-stats .m-stats__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.assets-header {
    -webkit-box-pack: justify;
        display: flex;
        justify-content: space-between;
    margin-bottom: 2rem;
}
.assets-header__left, .assets-header__right {
    width: 100%;
    border: solid 1px;
        border-radius: 6px;
}
.a-box {
    background: hsla(0,0%,100%,.02);
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 12px;
    overflow: hidden;
    padding: 24px;
    position: relative;
}

.a-box:before {
    background: url(https://bitencrypto.com/res/assets/logo-line.33e95a975fef5e2e26ac.svg) no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 298px;
    opacity: .02;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 264px;
}

.a-box__left, .a-box__user {
    -webkit-box-pack: justify;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.a-box__user {
    margin-bottom: 24px;
}
.a-box__cols {
    -webkit-box-pack: justify;
    column-gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.a-box__cols, .a-box__email {
    -webkit-box-align: center;
    align-items: center;
}
.text-starts {
    font-size: 30px;
    height: 20px;
    line-height: 1;
    
    transform: translateY(3px);
}
.a-box__photo-text {
    font-size: 30px;
    line-height: 48px;
}
.a-box__photo {
    height: 48px;
    min-width: 48px;
    width: 48px;
}
.a-box__photo {
    border-radius: 50%;
    cursor: pointer;
    line-height: 48px;
    margin-right: 8px;
    opacity: 1;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
/*.a-box__photo-text {*/
/*    background-color: #000;*/
/*    color: #dee2e6;*/
   
/*    font-weight: 500;*/
    
/*}*/
.a-box__value {
    color: #dee2e6;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-password-hide svg {
    height: 1.5rem;
    width: 1.5rem;
}
.a-box__email {
    -webkit-box-pack: start;
        display: inline-flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 21px;
}
.text-starts {
    font-size: 15px;
    height: 20px;
    line-height: 1;
    color: #dee2e6;
    transform: translateY(3px);
}

.a-box__cols {
    -webkit-box-pack: justify;
        column-gap: 10px;
            display: flex;
    
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.a-box__cols, .a-box__email {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.a-box__col--pointer {
    cursor: pointer;
}

.a-box__col {
    max-width: 210px;
    width: 100%;
}






.box {
    background: hsla(0,0%,100%,.02);
    border: 1px solid hsla(0,0%,100%,.05);
    border-radius: 12px;
    padding: 24px;
}


.earn-box__title {
    color: #dee2e6;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 45px;
}
.earn-box__row {
    -webkit-box-pack: justify;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
}
.earn-box--center .earn-box__name, .earn-box--center .earn-box__title, .earn-box--center .earn-box__val {
    text-align: left!important;
}
.earn-box__val--t2 {
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
}
.earn-box__val {
    color: #dee2e6;
}
.earn-box__name {
    color: hsla(0,0%,100%,.5);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.earn-box__links, .earn-top {
    -webkit-box-align: center;
        align-items: center;
    
    display: flex;
}

.earn-box__links {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    font-weight: 500;
    gap: 1rem;
    justify-content: flex-start;
}

.btn--blue2.btn--active:not(.btn--disabled):not(.btn--loading):not(.btn--outline), .btn--blue2:not(.btn--outline) {
    background-color: #2E6BF7;
}
.btn--blue2 {
    color: #dee2e6;
}
/*.btn--dark-blue {*/
/*    border: 1px solid hsla(0,0%,100%,.1);*/
/*    color: #dee2e6;*/
/*}*/
.btn--dark-blue:not(.btn--outline) {
    background-color: #111;
}

.btn--dark-blue {
    border: 1px solid #282e3b;
    color: #fff;
}

    
    
      /* Responsive styles for mobile */
        @media (max-width: 767px) {
            .assets-header {
                flex-direction: column;
                gap: 1rem;
            }

       .assets-header__left, .assets-header__right {
        width: 100%;
        -webkit-box-shadow: 2px -4px 1px 3px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px -4px 1px 3px rgba(0, 0, 0, 0.75);
        box-shadow: 2px -4px 1px 3px rgba(0, 0, 0, 0.75);
    }
            .earn-box__val--t2 {
    font-size: 34px;
        }
        .assets-header{
            margin: 2px 2px;
        }

</style>


<style>
.curr-table{
    max-height: calc(100vh - 90px - 6rem); overflow-y: scroll
}


    .table table {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
}
/* .curr-table { 
    max-height: 200px !important;
} */
.table td, .table th {
    padding: 0 10px;
    vertical-align: middle;
}
.table thead {
    color: #4b4c4f;
    display: table-header-group;
    position: sticky;
    top: 0;
    z-index: 2;
}

.table thead tr {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: transparent;
    background: hsla(0,0%,100%,.01);
    border-bottom: 1px solid hsla(0,0%,100%,.05);
    border-top: 1px solid hsla(0,0%,100%,.05);
    font-size: .86rem;
    height: 62px;
    letter-spacing: 1px;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.table--pointer tr {
    cursor: pointer;
}
.table thead tr th {
    background: transparent;
    border-color: transparent;
    color: #dee2e6;
    font-weight: 500;
}
.table tbody {
    color: white
    display: table-row-group;
}
.table tbody tr {
    border-bottom: 1px solid hsla(0,0%,100%,.05);
    display: table-row;
    height: 72px;
}
.table td, .table th {
    padding: 0 10px;
    vertical-align: middle;
}
.currency-asset {
    -webkit-box-pack: start;
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
}
.currency-asset__image {
    border-radius: 50%;
    height: 36px;
    margin-right: 12px;
    width: 36px;
}
.currency-asset__name {
    color: #dee2e6;
    font-size: 14px;
    font-weight: 500;
}
.g-f-end {
    justify-content: flex-end;
}
.g-f-end, .g-f-space-between {
    -webkit-box-align: center;

    align-items: center;

    display: flex;
    gap: 0.7rem;
}
.table .btn {
    padding: 0.6rem 0.45rem;
}
.btn--blue.btn--active:not(.btn--disabled):not(.btn--loading):not(.btn--outline), .btn--blue:not(.btn--outline) {
    background-color: #2E6BF7;
    color: #fff;
}
.btn--dark-blue:not(.btn--outline) {
    background-color: hsla(0,0%,100%,.03);
}
.m-5 {
    margin: 0px;
}

@media (max-width: 768px) {
  /* Adjust heights for screens up to 768px wide (typical tablet and mobile sizes) */
 .curr-table{
    max-height: calc(100vh - 60px - 1rem); overflow-y: scroll
}
.curr-table .btn {
    padding: 0.7rem 0.45rem;
    width: 8rem;
}
}

    </style>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
  


<!--- Live coins-->
<div class="m-2 curr-table">
    <div class="table table--pointer">
    <table class="table tab-bordered">
        <thead>
            <tr>
                <th>Asset</th>
                <!--<th>Current Price</th>-->
                <th>Total</th>
                <th>Available</th>
                <th>In Order</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
                
              
                @foreach ($currencies as $currency) 
                
              
                

                
                <tr>
                    <td><div class="currency-asset"><img class="currency-asset__image" alt="{{ $currency->name }}"  src="{{ asset('asset/theme3/images/symbols/' . $currency->symbol) }}">
                        <div class="currency-asset__name">{{ $currency->name }} </div></div></td>
                        
  
                        

                        
                        
                    <td class="text-white">0.00</td>
                    <td class="text-white">0.00</td>
                    <td class="text-white">0.00</td>
                    <td><div class="g-f-end" style="flex-wrap: nowrap;"><a href="{{ route('user.deposit') }}" class="btn btn--blue"><span>
                        <img class="" src="/asset/img/deposit.74270622c36d4bf3dd9f.svg" alt="deposit"> Deposit </span></a>
                        <a href="withdraw" class="btn btn--dark-blue"><span><img class="" src="/asset/img/withdraw.81b52b56e59fe332a9a1.svg" alt="withdraw"> Withdraw </span>
                            </a>
                            <a href="transfer-money" class="btn btn--dark-blue"><span><img class="" src="/asset/img/transfer.2f2260460a2e17ce903c.svg" alt="transfer"> Transfer </span></a>
                            <!--<button type="submit" class="btn btn--dark-blue"><span>-->
                            <a href="{{ route('user.investmentplan') }}" class="btn btn--dark-blue"><span>
                                <img class="" src="/asset/img/transfer.2f2260460a2e17ce903c.svg" alt="Deposit"> Trade </span>                            </a>
                    </div></td>
                </tr>
                @endforeach
                    
            </tbody>
        </table>
    
</div>
    </div>
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            

            <!--<div class="mt-4">-->
            <!--    <label>{{ __('Your referral link') }}</label>-->
            <!--    <div class="input-group mb-3">-->
            <!--        <input type="text" id="refer-link" class="form-control copy-text"-->
            <!--            value="{{ route('user.register', @Auth::user()->username) }}" placeholder="referallink.com/refer"-->
            <!--            aria-label="Recipient's username" style="color:#111;" aria-describedby="basic-addon2" readonly>-->
            <!--        <button type="button" class="input-group-text copy cmn-btn"-->
            <!--            id="basic-addon2" style="color:#fff;">{{ __('Copy') }}</button>-->
            <!--    </div>-->
            <!--</div>-->


            @php
                $reference = auth()->user()->refferals;
            @endphp

            @php
                $reference = auth()->user()->refferals;
            @endphp
        </div>

        <!--<div class="row">-->
        <!--    <div class="col-md-12">-->
        <!--        <div class="site-card">-->
        <!--            <div class="card-header">-->
        <!--                <h5 class="mb-0">{{ __('Reference Tree') }}</h5>-->
        <!--            </div>-->
        <!--            <div class="card-body">-->
        <!--                @if ($reference->count() > 0)-->
        <!--                    <ul class="sp-referral">-->
        <!--                        <li class="single-child root-child">-->
        <!--                            <p>-->
        <!--                                <img src="{{ getFile('user', auth()->user()->image) }}">-->
        <!--                                <span-->
        <!--                                    class="mb-0">{{ auth()->user()->full_name . ' - ' . currentPlan(auth()->user()) }}</span>-->
        <!--                            </p>-->
        <!--                            <ul class="sub-child-list step-2">-->
        <!--                                @foreach ($reference as $user)-->
        <!--                                    <li class="single-child">-->
        <!--                                        <p>-->
        <!--                                            <img src="{{ getFile('user', $user->image) }}">-->
        <!--                                            <span-->
        <!--                                                class="mb-0">{{ $user->full_name . ' - ' . currentPlan($user) }}</span>-->
        <!--                                        </p>-->

        <!--                                        <ul class="sub-child-list step-3">-->
        <!--                                            @foreach ($user->refferals as $ref)-->
        <!--                                                <li class="single-child">-->
        <!--                                                    <p>-->
        <!--                                                        <img src="{{ getFile('user', $ref->image) }}">-->
        <!--                                                        <span-->
        <!--                                                            class="mb-0">{{ $ref->full_name . ' - ' . currentPlan($ref) }}</span>-->
        <!--                                                    </p>-->

        <!--                                                    <ul class="sub-child-list step-4">-->
        <!--                                                        @foreach ($ref->refferals as $ref2)-->
        <!--                                                            <li class="single-child">-->
        <!--                                                                <p>-->
        <!--                                                                    <img-->
        <!--                                                                        src="{{ getFile('user', $ref2->image) }}">-->
        <!--                                                                    <span-->
        <!--                                                                        class="mb-0">{{ $ref2->full_name . ' - ' . currentPlan($ref2) }}</span>-->
        <!--                                                                </p>-->
        <!--                                                            </li>-->
        <!--                                                        @endforeach-->
        <!--                                                    </ul>-->

        <!--                                                </li>-->
        <!--                                            @endforeach-->
        <!--                                        </ul>-->
        <!--                                    </li>-->
        <!--                                @endforeach-->

        <!--                            </ul>-->
        <!--                        </li>-->
        <!--                    </ul>-->
        <!--                @else-->
        <!--                    <div class="col-md-12 text-center mt-5">-->
        <!--                        <i class="far fa-sad-tear display-1"></i>-->
        <!--                        <p class="mt-2">-->
        <!--                            {{ __('No Referred User Yet. Refer and Earn') }}-->
        <!--                        </p>-->

        <!--                    </div>-->
        <!--                @endif-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</div>-->

        <div class="modal fade" id="planDelete" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <form action="" method="post">
                    @csrf
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Delete Plan</h5>
                            <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            @foreach (auth()->user()->payments()->where('payment_status', 1)->get() as $pay)
                                <div class="form-group site-radio">

                                    <input type="radio" name="plan" value="{{ $pay->plan->id }}"
                                        id="planDeletelabel-{{ $loop->iteration }}">

                                    <label for="planDeletelabel-{{ $loop->iteration }}">
                                        {{ $pay->plan->plan_name }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Delete</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    @endsection

    @push('style')
        <style>
            .modal-backdrop.fade.show {
                display: none;
            }

            /*@media (max-width: 991px) {*/
            /*    #header.header-inner-pages {*/
            /*        display: block;*/
            /*        background: #000 !important;*/
            /*        position: absolute;*/
            /*    }*/

                /*.dashboard-body-part {*/
                /*    padding-top: 80px;*/
                /*}*/
            }

            .sp-referral .single-child {
                padding: 6px 10px;
                border-radius: 5px;
            }

            .sp-referral .single-child+.single-child {
                margin-top: 15px;
            }

            .sp-referral .single-child p {
                display: flex;
                align-items: center;
                margin-bottom: 0;
            }

            .sp-referral .single-child p img {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                object-fit: cover;
                -o-object-fit: cover;
            }

            .sp-referral .single-child p span {
                width: calc(100% - 35px);
                font-size: 14px;
                padding-left: 10px;
            }

            .sp-referral>.single-child.root-child>p img {
                border: 2px solid #c3c3c3;
            }

            .sub-child-list {
                position: relative;
                padding-left: 35px;
            }

            .sub-child-list::before {
                position: absolute;
                content: '';
                top: 0;
                left: 17px;
                width: 1px;
                height: 100%;
                background-color: #a1a1a1;
            }

            .sub-child-list>.single-child {
                position: relative;
            }

            .sub-child-list>.single-child::before {
                position: absolute;
                content: '';
                left: -18px;
                top: 21px;
                width: 30px;
                height: 5px;
                border-left: 1px solid #a1a1a1;
                border-bottom: 1px solid #a1a1a1;
                border-radius: 0 0 0 5px;
            }

            .sub-child-list>.single-child>p img {
                border: 2px solid #c3c3c3;
            }
        </style>
    @endpush

    @push('script')
        <script>
            'use strict';

            $('.planDelete').on('click', function() {
                const modal = $('#planDelete');

                modal.find('form').attr('action', $(this).data('href'))

                modal.modal('show')


            })

            var copyButton = document.querySelector('.copy');
            var copyInput = document.querySelector('.copy-text');
            copyButton.addEventListener('click', function(e) {
                e.preventDefault();
                var text = copyInput.select();
                document.execCommand('copy');
            });
            copyInput.addEventListener('click', function() {
                this.select();
            });

            
        $('.mobile-card-slider').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            centerMode: true,
            centerPadding: '60px',
            arrows: false,
            dots: false,
            autoplay: false,
            cssEase: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
            speed: 1500,
            autoplaySpeed: 1000,
            responsive: [
                {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3
                }
                },
                {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2
                }
                },
                {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1
                }
                }
            ]
        });
        </script>
    @endpush
