@extends('user.layouts.master')


@section('user_content')
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link rel="stylesheet" href="{{asset('pop-up/style.css')}}">
<style>
       .text-right{
           text-align: right;
       }
       .image-area img{
           width:170px;
           height:94px;
       }
   </style>
    <!--<script defer src="https://www.livecoinwatch.com/static/lcw-widget.js"></script> -->
    <!--<div class="livecoinwatch-widget-5" lcw-base="USD" lcw-color-tx="#0693e3" lcw-marquee-1="coins" lcw-marquee-2="movers" lcw-marquee-items="30" >-->
        
    <!--</div>-->
<div class="row">
   <div class="col-lg-12">
         <div class="row align-items-center mb-4">
            <div class="col-xl-9 d-none d-md-block">
               <div class="card mb-xl-0">

                 @if(Session::has('token_sell'))
                 <div class="alert alert-success d-flex align-items-center" role="alert">
                 <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                 <use xlink:href="#check-circle-fill" />
                 </svg>
                 <div>
                 {{Session::get('token_sell')}}
                 </div>
                 </div>
                 @elseif(Session::has('Money_added'))
                 <div class="alert alert-success d-flex align-items-center" role="alert">
                 <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                 <use xlink:href="#check-circle-fill" />
                 </svg>
                 <div>
                 {{Session::get('Money_added')}}
                 </div>
                 </div>
                 @elseif(Session::has('token_buy'))
                 <div class="alert alert-success d-flex align-items-center" role="alert">
                 <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                 <use xlink:href="#check-circle-fill" />
                 </svg>
                 <div>
                 {{Session::get('token_buy')}}
                 </div>
                 </div>
                 @elseif(Session::has('token_sell_error'))
                 <div class="alert alert-danger d-flex align-items-center" role="alert">
                 <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                 <use xlink:href="#check-circle-fill" />
                 </svg>
                 <div>
                 {{Session::get('token_sell_error')}}
                 </div>
                 </div>
                 @elseif(Session::has('balance_error'))
                 <div class="alert alert-danger d-flex align-items-center" role="alert">
                 <svg class="bi flex-shrink-0 me-2" width="24" height="24">
                 <use xlink:href="#check-circle-fill" />
                 </svg>
                 <div>
                 {{Session::get('balance_error')}}
                 </div>
                 </div>
                  @elseif(Session::has('withdraw_added'))
                    <div class="alert alert-success d-flex align-items-center" role="alert">
         <svg class="bi flex-shrink-0 me-2" width="24" height="24">
             <use xlink:href="#check-circle-fill" />
         </svg>
         <div>
             {{Session::get('withdraw_added')}}
         </div>
     </div>
              @elseif(Session::has('withdraw_error'))
                 <div class="alert alert-danger d-flex align-items-center" role="alert">
              <svg class="bi flex-shrink-0 me-2" width="24" height="24">
              <use xlink:href="#check-circle-fill" />
              </svg>
              <div>
              {{Session::get('withdraw_error')}}
              </div>
              </div>
                 @endif

                 
               </div>
            </div>
         
         </div>
   </div>
</div>
@if(Auth::user()->status == 0)
<h5 style="color:red;">Your account has been restricted. You can't make any transaction. Please Contact with admin to remove the restriction.</h5>
<hr>
@endif
@php 
$token_rate= App\Models\TokenRate::first();

@endphp
<div class="row">
   <div class="col-lg-8">
        <div class="row">
           <div class="col-12">
               <!--<div class="row">-->
               <!--    <div class="col-12 col-sm-12">-->
               <!--        <div class="form-group">-->
               <!--             <input type="text" class="form-control" id="sourceInput" value="{{Auth::user()->referral_link}}" readonly><i style="position:relative; top:-30px; left:95%; cursor:pointer;" id="copyButton" class="far fa-copy text-white" onclick="copy"></i>-->
               <!--         </div>-->
               <!--    </div>-->
                    <!--<div class="col-12 col-sm-4">-->
                    <!--    <button type="button" class="btn btn-primary" id="copyButton">Copy Referral Link</button>-->
                    <!--</div>-->
               <!-- </div>-->
           </div>
        </div>
      <div class="row">
         <div class="col-lg-12">
            <div class="row">
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">


                        <div class="pt-3">
                          <span class="fs-5 me-2">MUSD WALLET</span>
                           <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit'] ? '$'.number_format((float)$data['sum_deposit'], 2, '.', '') : '$00.00'}}</h4>
                             <span style="color:orange; font-size:13px;">TOTAL PORTFOLIO: <span style="color:#53948C;">${{ round((($data['sum_deposit_staking'])*$token_rate->token_convert_rate)+(($data['sum_deposit_token'])*$token_rate->token_convert_rate)+(($data['sum_deposit_bonus'])*$token_rate->token_convert_rate)+($data['sum_deposit']), 2) }}</span></span>
                        </div>
                     </div>
                  </div>
               </div>
               <!--<div class="col-lg-4">-->
               <!--   <div class="card shining-card">-->
               <!--      <div class="card-body">-->
               <!--         <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">-->


               <!--         <div class="progress-detail pt-3">-->
               <!--           <span class="fs-5 me-2">FARMING WALLET</span>-->
               <!--            <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit_token'] ? number_format((float)$data['sum_deposit_token'], 2, '.', '') : '00.00'}}</h4>-->
               <!--         <span style="color:orange; font-size:13px;">COIN VALUE: <span style="color:#53948C;">${{round(($data['sum_deposit_token'])*$token_rate->token_convert_rate,2)}}</span></span>-->
               <!--         </div>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">



                        <div class="progress-detail pt-3">
                          <span class="fs-5 me-2">Total Earn</span>
                           <h4 class="counter" style="visibility: visible;">{{$data['total_earning'] ? number_format((float)$data['total_earning'], 2, '.', '') : '00.00'}}</h4>
                               
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">



                        <div class="progress-detail pt-3">
                          <span class="fs-5 me-2">Today's Earn</span>
                           <h4 class="counter" style="visibility: visible;">{{$data['todays_earning'] ? number_format((float)$data['todays_earning'], 2, '.', '') : '00.00'}}</h4>
                               
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">



                        <div class="progress-detail pt-3">
                          <span class="fs-5 me-2">Available</span>
                           <h4 class="counter" style="visibility: visible;">{{$data['available_task']}}</h4>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">



                        <div class="progress-detail pt-3">
                          <span class="fs-5 me-2">Pending</span>
                           <h4 class="counter" style="visibility: visible;">{{ $data['pending_tasks'] }}</h4>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4">
                  <div class="card shining-card">
                     <div class="card-body">
                        <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">


                        <div class="progress-detail pt-3">
                          <span class="fs-5 me-2" style="font-size:20px;">Completed</span>
                           <h4 class="counter" style="visibility: visible;">{{$data['completed_tasks']}}</h4>
                        </div>
                     </div>
                  </div>
               </div>
               <!--<div class="col-lg-4">-->
               <!--   <div class="card shining-card">-->
               <!--      <div class="card-body">-->
               <!--         <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">-->



               <!--         <div class="progress-detail pt-3">-->
               <!--           <span class="fs-5 me-2">STAKING WALLET</span>-->
               <!--            <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit_staking'] ? number_format((float)$data['sum_deposit_staking'], 2, '.', '') : '00.00'}}</h4>-->
               <!--              <span style="color:orange; font-size:13px;">COIN VALUE: <span style="color:#53948C;">${{round(($data['sum_deposit_staking'])*$token_rate->token_convert_rate,2)}}</span></span>-->
                        

               <!--         </div>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->
               <!--<div class="col-lg-4">-->
               <!--   <div class="card shining-card">-->
               <!--      <div class="card-body">-->
               <!--         <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">-->


               <!--         <div class="pt-3">-->
               <!--           <span class="fs-5 me-2">MUSD Staking WALLET</span>-->
               <!--            <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit_mstaking'] ? '$'.number_format((float)$data['sum_deposit_mstaking'], 2, '.', '') : '$00.00'}}</h4>-->
               <!--              <span style="color:orange; font-size:13px;">TOTAL PORTFOLIO: <span style="color:#53948C;">{{$data['sum_deposit_mstaking'] ? '$'.number_format((float)$data['sum_deposit_mstaking'], 2, '.', '') : '$00.00'}}</span></span>-->
               <!--         </div>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->
               @if(Auth::user()->ambassador== 1)
               <!--<div class="col-lg-4">-->
               <!--   <div class="card shining-card">-->
               <!--      <div class="card-body">-->
               <!--         <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">-->



               <!--         <div class="progress-detail pt-3">-->
                           
               <!--           <span class="fs-5 me-2">AMBASSADOR WALLET</span>-->
               <!--            <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit_ambassador'] ? number_format((float)$data['sum_deposit_ambassador'], 2, '.', '') : '00.00'}}</h4>-->
               <!--                <span style="color:orange; font-size:13px;">COIN VALUE: <span style="color:#53948C;">$${{round(($data['sum_deposit_ambassador'])*$token_rate->token_convert_rate,2)}}</span></span>-->
               <!--         </div>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->
               @endif
                @if(Auth::user()->merchant_status== 1)
               <!--<div class="col-lg-4">-->
               <!--   <div class="card shining-card">-->
               <!--      <div class="card-body">-->
               <!--         <img src="{{asset('assets/images/coins/mindchain-coin.png')}}" class="img-fluid avatar avatar-50 avatar-rounded" alt="img60">-->



               <!--         <div class="progress-detail pt-3">-->
                           
               <!--           <span class="fs-5 me-2">MERCHANT WALLET</span>-->
               <!--            <h4 class="counter" style="visibility: visible;">{{$data['sum_deposit_coupon'] ? number_format((float)$data['sum_deposit_coupon'], 2, '.', '') : '00.00'}}</h4>-->
               <!--                <span style="color:orange; font-size:13px;">COIN VALUE: <span style="color:#53948C;">{{$data['sum_deposit_coupon'] ? number_format((float)$data['sum_deposit_coupon'], 2, '.', '') : '00.00'}}</span></span>-->
               <!--         </div>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->
               @endif
               <!--<div class="col-lg-12">-->

               <!--   <div class="card">-->
               <!--      <div class="card-header d-flex justify-content-between flex-wrap">-->
               <!--         <div class="header-title">-->
               <!--            <h4 class="card-title mb-2">Market Overview</h4>-->
               <!--             <p class="mb-0">Pictorial monthly analytics of market.</p> -->
               <!--         </div>-->

               <!--      </div>-->

               <!--      <div class="card-body">-->
               <!--         <script src="https://widgets.coingecko.com/coingecko-coin-list-widget.js"></script>-->
               <!--         <coingecko-coin-list-widget  coin-ids="bitcoin,ethereum,litecoin,ripple,binancecoin,dogecoin" currency="usd" locale="en"></coingecko-coin-list-widget>-->
               <!--      </div>-->
               <!--   </div>-->
               <!--</div>-->

              <!-- <div class="col-lg-6">-->
              <!--    <div class="card">-->
              <!--       <div class="card-header d-flex justify-content-between flex-wrap">-->
              <!--          <div class="header-title ">-->
              <!--             <h4 class="card-title">Buy MIND</h4>-->
              <!--          </div>-->

              <!--       </div>-->
              <!--       <div class="card-body">-->
              <!--          <form class="col-lg-12" method="post" action="{{route('buy-token')}}">-->
              <!--            @csrf-->
              <!--            <input type="hidden" name="user_id" value="{{Auth::user()->id}}">-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text" >Avl. Balance ($)</span>-->
              <!--                  <input type="text" disabled class="form-control col-lg-8" value="{{$data['sum_deposit'] ? '$'.number_format((float)$data['sum_deposit'], 2, '.', '') : '$00.00'}}" >-->
              <!--               </div>-->
              <!--            </div>-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text" >MIND Price($)</span>-->
              <!--                  <input type="text" disabled class="form-control col-lg-8" value="{{$data['settings']->token_convert_rate}}" >-->
              <!--               </div>-->

              <!--            </div>-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text" >Quantity (MIND)</span>-->
              <!--                  <input type="number" onchange="calculate()" class="form-control col-lg-8" id="amount" name="quantity"  required pattern="[0-9]*" min="1" max="5000">-->
              <!--               </div>-->
              <!--            </div>-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text" >Total Values ($)</span>-->
              <!--                  <input type="text" id="total_value" readonly class="form-control col-lg-8" name="total_value"  required>-->
              <!--               </div>-->

              <!--            </div>-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text" >Buying Fees (%)</span>-->
              <!--                  <input type="text" readonly class="form-control col-lg-8" value="{{$data['settings']->buying_commission}}">-->
              <!--               </div>-->
              <!--            </div>-->
              <!--            <div class="form-group mb-3">-->
              <!--               <div class="input-group pt-1">-->
              <!--                  <span style="width: 60%;" class="input-group-text">Payable ($)</span>-->
              <!--                  <input type="text" readonly id="payable" name="payable" class="form-control col-lg-8"  required>-->
              <!--               </div>-->
              <!--            </div>-->



              <!--             <div class="d-flex justify-content-center">-->
              <!--                 <div class="text-center">-->
              <!--                    <div class="d-grid gap-card grid-cols-2">-->
              <!--                        <span class="bg-success" style="border:1px solid white; padding:6px; width:150px;">BUY</span>-->
                                      
                                     <!-- @if(Auth::user()->status == 0)-->
                                     <!-- <button class="btn btn-success" disabled type="submit">-->
                                     <!--   <span>BUY</span>-->
                                     <!--   <svg class="rotate-45" width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 11.7256L4.75 11.7256" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.7002 5.70124L19.7502 11.7252L13.7002 17.7502" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>-->
                                     <!--</button>-->
                                     <!--@else-->
                                     <!--<button class="btn btn-success" type="submit">-->
                                     <!--   <span>BUY</span>-->
                                     <!--   <svg class="rotate-45" width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 11.7256L4.75 11.7256" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.7002 5.70124L19.7502 11.7252L13.7002 17.7502" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>-->
                                     <!--</button>-->
                                     <!--@endif-->
    
    
              <!--                     </div>-->
              <!--                  </div>-->
              <!--             </div>-->
              <!--          </form>-->
              <!--       </div>-->
              <!--    </div>-->
              <!-- </div>-->
              <!--Sell token started -->
              <!-- <div class="col-lg-6">-->
              <!--    <div class="card">-->
              <!--       <div class="card-header d-flex justify-content-between flex-wrap">-->
              <!--          <div class="header-title ">-->
              <!--             <h4 class="card-title">Sell MIND</h4>-->
              <!--          </div>-->

              <!--       </div>-->
              <!--       <div class="card-body">-->
              <!--          <form class="col-lg-12" method="post" action="{{route('sell-token')}}">-->
              <!--            @csrf-->
              <!--              <input type="hidden" name="user_id" value="{{Auth::user()->id}}">-->

              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text" >Avl. MIND</span>-->
              <!--                    <input type="text" disabled class="form-control col-lg-8 text-right" value="{{$data['sum_deposit_bonus'] ? number_format((float)$data['sum_deposit_bonus'], 2, '.', '') : '00.00'}}" >-->
              <!--                 </div>-->
              <!--              </div>-->
              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text" >MIND Price ($)</span>-->
              <!--                    <input type="text" disabled class="form-control col-lg-8 text-right" value="{{$data['settings']->token_convert_rate}}" >-->
              <!--                 </div>-->

              <!--              </div>-->
              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text" >Quantity (MIND)</span>-->
              <!--                    <input type="number" onchange="calculate2()" class="form-control col-lg-8 text-right" id="amount2" name="quantity"  required pattern="[0-9]*" min="1" max="5000">-->
              <!--                 </div>-->
              <!--              </div>-->

              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text" >Total Values ($)</span>-->
              <!--                    <input type="text" readonly id="total_value2"  class="form-control col-lg-8 text-right" name="total_value"  required>-->
              <!--                 </div>-->

              <!--              </div>-->
              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text" >Selling Fees (%)</span>-->
              <!--                    <input type="text" disabled class="form-control col-lg-8 text-right" value="{{$data['settings']->selling_commission}}">-->
              <!--                 </div>-->
              <!--              </div>-->
              <!--              <div class="form-group mb-3">-->
              <!--                 <div class="input-group pt-1">-->
              <!--                    <span style="width: 60%;" class="input-group-text">Get Cash ($)</span>-->
              <!--                    <input type="text" readonly id="payable2" name="payable" class="form-control col-lg-8 text-right"  required>-->
              <!--                 </div>-->
              <!--              </div>-->
              <!--             <div class="text-center">-->
              <!--                <div class="d-grid gap-card grid-cols-2">-->
              <!--                  <span class="bg-danger" style="border:1px solid white; padding:6px;">SELL</span>-->
                                 <!--<button class="btn btn-danger" type="submit">-->
                                 <!--   <span>SELL</span>-->
                                 <!--   <svg class="rotate-45" width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.25 12.2744L19.25 12.2744" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.2998 18.2988L4.2498 12.2748L10.2998 6.24976" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>-->
                                 <!--</button>-->

              <!--                </div>-->
              <!--             </div>-->
              <!--          </form>-->
              <!--       </div>-->
              <!--    </div>-->
              <!-- </div>-->
               <!--Sell token ended -->
               
            </div>
         </div>


      </div>
   </div>
   
   <div class="col-lg-4">
          <div class="row">
              <!--account summery started -->
              
              <div class="col-lg-12">
                <div class="card">
             <div class="card-header d-flex justify-content-between flex-wrap">
                 <div class="header-title ">
                     <h5 class="card-title">Account Summary</h5>
                 </div>
             </div>
             <div class="card-body">