@extends('layouts.client_template')
@section('content')

@include('layouts.client_common')


<main> 
    
    <!-- start boxes -->
    <section class="container boxes">
      <div class="row main_boxes justify-content-center">
        <div class="col-lg-3 col-sm-6">
          <div class="active box"> <a href="{{url('dashboard')}}" class="d-flex">
            <div class="box_icon mx-2 wallet_i">
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 25 22" style="enable-background:new 0 0 25 22;" xml:space="preserve">
                <path class="st0" d="M0,3.1c0-0.8,0.3-1.6,0.9-2.2C1.5,0.3,2.3,0,3.1,0h21.1c0.2,0,0.4,0.1,0.6,0.2C24.9,0.4,25,0.6,25,0.8
                      c0,0.2-0.1,0.4-0.2,0.6s-0.3,0.2-0.6,0.2h-0.8v3.1c0.4,0,0.8,0.2,1.1,0.5C24.8,5.5,25,5.9,25,6.3v13.4c0,0.6-0.2,1.2-0.7,1.7
                      c-0.4,0.4-1,0.7-1.7,0.7H3.9c-1,0-2-0.4-2.8-1.2C0.4,20.1,0,19.1,0,18.1V3.1z M1.6,5.9v12.2c0,0.6,0.2,1.2,0.7,1.7
                      c0.4,0.4,1,0.7,1.7,0.7h18.7c0.2,0,0.4-0.1,0.6-0.2c0.1-0.1,0.2-0.3,0.2-0.6V6.3H3.1C2.6,6.3,2,6.1,1.6,5.9z M1.6,3.1
                      C1.6,3.6,1.7,4,2,4.3c0.3,0.3,0.7,0.5,1.1,0.5h18.8V1.6H3.1C2.7,1.6,2.3,1.7,2,2C1.7,2.3,1.6,2.7,1.6,3.1z"/>
              </svg>
            </div>
            <div class="box_contant ps-3">
              <h3 class="text-white">@if(!empty($checkwalletbal)){{$checkwalletbal->balance}} @else 0 @endif</h3>
              <p>Wallet Balance</p>
            </div>
            </a> </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="box"> <a href="{{url('client/accountlisting')}}" class="d-flex">
            <div class="box_icon mx-2 account_i">
              <svg version="1.1" class="user_pink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                    viewBox="0 0 26 30" style="enable-background:new 0 0 26 30;" xml:space="preserve">
                <path class="st0" d="M1.7,27.8v-1.4c0-4.7,3.8-8.5,8.5-8.5h5.7c4.7,0,8.5,3.8,8.5,8.5v1.4"/>
                <path class="st0" d="M13,13.6c-3.1,0-5.7-2.5-5.7-5.7c0-3.1,2.5-5.7,5.7-5.7c3.1,0,5.7,2.5,5.7,5.7C18.7,11,16.1,13.6,13,13.6z"/>
              </svg>
            </div>
            <div class="box_contant ps-3">
              <h3 class="text-black">{{ $totalvertexaccount }}</h3>
              <p>Total Vertex Account</p>
            </div>
            </a> </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="box"> <a href="{{url('client/depositreport')}}" class="d-flex">
            <div class="box_icon mx-2 deposit_i">
              <svg version="1.1" class="doller_green" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 21 37" style="enable-background:new 0 0 21 37;" xml:space="preserve">
                <path class="st0" d="M9,4.1L8.8,1L12,0l0.2,3.1L9,4.1z M8.8,36.6v-4l3.4,0v3.9H8.8z M10.5,33.2c-0.8,0-1.6,0-2.4-0.1
                      c-0.8,0-1.6-0.1-2.5-0.2c-0.8-0.1-1.6-0.2-2.4-0.3c-0.7-0.1-1.4-0.3-2-0.4v-4.7c0.8,0.1,1.7,0.1,2.7,0.2c1,0.1,2.1,0.1,3.2,0.1
                      c1.1,0,2.1,0,3.1,0c1,0,1.9-0.1,2.6-0.2c0.7-0.2,1.3-0.5,1.7-0.9c0.4-0.5,0.6-1.1,0.6-1.8v-1.1c0-0.9-0.3-1.5-0.8-2
                      c-0.5-0.5-1.2-0.7-2.2-0.7H9.6c-2.8,0-5-0.6-6.5-1.8c-1.5-1.3-2.2-3.4-2.2-6.4v-1.4c0-2.9,0.8-5,2.5-6.3c1.7-1.3,4-2,7.1-2
                      c1.1,0,2.2,0.1,3.2,0.2c1.1,0.1,2.1,0.2,3.1,0.4c1,0.1,1.9,0.3,2.6,0.4v4.7c-1.2-0.1-2.6-0.2-4.1-0.2c-1.5-0.1-2.9-0.1-4.2-0.1
                      c-0.9,0-1.7,0.1-2.4,0.3C7.9,8.9,7.4,9.2,7,9.7c-0.4,0.5-0.6,1.2-0.6,2v0.8c0,1,0.3,1.8,0.9,2.2c0.6,0.5,1.5,0.7,2.6,0.7h2.9
                      c1.8,0,3.3,0.3,4.4,1c1.2,0.6,2,1.5,2.6,2.7c0.6,1.1,0.9,2.5,0.9,3.9v1.7c0,2.3-0.4,4.1-1.3,5.3c-0.9,1.2-2.1,2.1-3.6,2.5
                      C14.3,33,12.5,33.2,10.5,33.2z"/>
              </svg>
            </div>
            <div class="box_contant ps-3">
              <h3 class=" text-black">$ {{$totaldeposit}}</h3>
              <p>Total Deposit</p>
            </div>
            </a> </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="box"> <a href="{{url('client/withdrawreport')}}" class="d-flex">
            <div class="box_icon mx-2 withdrawal_i">
              <svg version="1.1" class="doller_blue" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                  viewBox="0 0 21 37" style="enable-background:new 0 0 21 37;" xml:space="preserve">
                <path class="st0" d="M9,4.1L8.8,1L12,0l0.2,3.1L9,4.1z M8.8,36.6v-4l3.4,0v3.9H8.8z M10.5,33.2c-0.8,0-1.6,0-2.4-0.1
                  c-0.8,0-1.6-0.1-2.5-0.2c-0.8-0.1-1.6-0.2-2.4-0.3c-0.7-0.1-1.4-0.3-2-0.4v-4.7c0.8,0.1,1.7,0.1,2.7,0.2c1,0.1,2.1,0.1,3.2,0.1
                  c1.1,0,2.1,0,3.1,0c1,0,1.9-0.1,2.6-0.2c0.7-0.2,1.3-0.5,1.7-0.9c0.4-0.5,0.6-1.1,0.6-1.8v-1.1c0-0.9-0.3-1.5-0.8-2
                  c-0.5-0.5-1.2-0.7-2.2-0.7H9.6c-2.8,0-5-0.6-6.5-1.8c-1.5-1.3-2.2-3.4-2.2-6.4v-1.4c0-2.9,0.8-5,2.5-6.3c1.7-1.3,4-2,7.1-2
                  c1.1,0,2.2,0.1,3.2,0.2c1.1,0.1,2.1,0.2,3.1,0.4c1,0.1,1.9,0.3,2.6,0.4v4.7c-1.2-0.1-2.6-0.2-4.1-0.2c-1.5-0.1-2.9-0.1-4.2-0.1
                  c-0.9,0-1.7,0.1-2.4,0.3C7.9,8.9,7.4,9.2,7,9.7c-0.4,0.5-0.6,1.2-0.6,2v0.8c0,1,0.3,1.8,0.9,2.2c0.6,0.5,1.5,0.7,2.6,0.7h2.9
                  c1.8,0,3.3,0.3,4.4,1c1.2,0.6,2,1.5,2.6,2.7c0.6,1.1,0.9,2.5,0.9,3.9v1.7c0,2.3-0.4,4.1-1.3,5.3c-0.9,1.2-2.1,2.1-3.6,2.5
                  C14.3,33,12.5,33.2,10.5,33.2z"/>
              </svg>
            </div>
            <div class="box_contant ps-3">
              <h3 class="text-black">$ {{$totalwithdraw}}</h3>
              <p >Total Withdrawal</p>
            </div>
            </a> </div>
        </div>
      </div>
    </section>
    <!-- end boxes --> 
    
    <!-- start Monthly deposit vs  Withdrawal -->
    <section class="container dash_new_withdrawal">
      <div class="spacer main_withdrawal justify-content-center">
        {{-- <div class=" Withdrawal_title">
          <h3 class="mb-0">Monthly deposit vs Withdrawal</h3>
        </div> --}}
        <div class="dash_img row">
            <div class="col-md-6 text-center"> 
                <h3>Monthly Deposit</h3>
                <div class="chart graph-back">
                    <canvas id="MonthlyChart" style="height:280px"></canvas>
                </div>
            </div>
            <div class="col-md-6 text-center"> 
                <h3>Monthly Withdraw</h3>
                <div class="chart2 graph-back">
                    <canvas id="MonthlyChart2" style="height:280px"></canvas>
                </div>
            </div>
        </div>
      </div>
    </section>
    <!-- end Monthly deposit vs  Withdrawal --> 
    

    {{--  --}}

    <section class="container">
        <div class="TableBox">
          <div class="table_title d-flex justify-content-between align-items-center pe-3">
            <div class="position_name d-flex align-items-center">
                <h3>Open Positions</h3>
                <p>{{count($userlist2)}}</p>              
            </div>             
          </div>
          <hr class="m-0">
          <div class="table_filed table-responsive-lg">
            <table class="table table1">
              <thead>
                <tr>
                    <th class="text-center">Login</th>
                    <th class="text-center">Symbol</th>
                    <th class="text-center">TicketID</th>
                    <th class="text-center">DateTime</th>
                    <th class="text-center">Type</th>
                    <th class="text-center">OpenPrice</th>
                    <th class="text-center">CurrentPrice</th>
                    <th class="text-center">ProfitLoss</th>                            
                    <th class="text-center">Volume</th>
                </tr>
              </thead>
              <tbody>
                @if(!empty($userlist2))
                @if (is_array($userlist2) || is_object($userlist2))
                @foreach($userlist2 as $state)
                <tr>                    
                    <td class="text-center">{{ $state->AccountID }}</td>
                    <td class="text-center">{{ $state->SymbolName }}</td>
                    <td class="text-center">{{ $state->TicketID }}</td>
                    <td class="text-center">{{ $state->DateTime }}</td>
                    <td class="s_btn text-center"><span>{{ $state->BuySell }}</span></td>
                    <td class="text-center">{{ $state->OpenPrice }}</td>
                    <td class="text-center">{{ $state->CurrentPrice  }}</td>
                    <td class="text-center">{{ $state->ProfitLoss }} 
                    <i class="fa-solid fa-arrow-trend-down"></i>                    </td>
                    <td class="text-center">{{ $state->Amount }}</td>
                </tr>         
                @endforeach
                @endif
                @endif    
              </tbody>
            </table>
          </div>
        </div>
      </section>
    
    
    <!-- start open new account -->
    <section class="dash_account container spacer">
      <div class="main_dash_account">
        <div class="row">
          <div class="col-lg-6 order-lg-1 order-2 account_title ">
            <h2 class="text-black">Open a New Account!</h2>
            <p>Experience the benefits of opening secure trading accounts with competitive offerings.</p>
            <a href="{{url('client/openaccount')}}" class="text-white"><div class="plans_btn btn btn-danger"> View plans</div></a> 
          </div>
          <div class="col-lg-6 order-lg-2 order-1 account_vector pb-lg-2 text-center"> <img src="{{ asset('images/account_vector.svg')}}" alt=""> </div>
        </div>
      </div>
    </section>
    <!-- end open new account --> 
    
    <!-- start latest news -->
    {{-- <section class="dash_news container">
      <div class="main_dash_news">
        <div class="news_title d-flex align-items-center justify-content-between ">
          <h2 class="text-black m-0">Latest News</h2>
          <div class="view_all"> <a href="#" class="text-orange fw-bold">View All</a> </div>
        </div>
        <div class="row news_contant">
          <div class="col-lg-6 col-md-5 pe-lg-4 left_side">
            <div class="news_img"> <img src="{{ asset('images/news1.png')}}" alt="" class="w-100"> </div>
            <div class="news_info">
              <article>
                <p>2nd Oct, 2022</p>
                <a href="#">
                <h3 class="fw-bold m-0">Stay productive while you work from home</h3>
                </a>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper diam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper diam Lorem ipsum dolor sit ame
                  sjhdbfdbfaiu jshajhui </p>
              </article>
            </div>
          </div>
          <div class="col-lg-6 col-md-7 ps-lg-4 right_side">
            <div class="row news_2 news_to_1 d-flex">
              <div class="col-xl-5 col-lg-6 news_img"> <img src="images/news2.png" alt="" class="w-100"> </div>
              <div class="news_info col-xl-7 col-lg-6 px-xl-4">
                <p>2nd Oct, 2022</p>
                <a href="#">
                <h3 class="fw-bold">6 features that your forex platform's CRM must have</h3>
                </a> </div>
            </div>
            <div class="row news_2 d-flex">
              <div class="col-xl-5 col-lg-6 news_img"> <img src="images/news3.png" alt="" class="w-100"> </div>
              <div class="news_info col-xl-7 col-lg-6 px-lg-4">
                <p>2nd Oct, 2022</p>
                <a href="#">
                <h3 class="fw-bold">8 Technical tips for PHP Web Development</h3>
                </a> </div>
            </div>
            <div class="row news_2 d-flex">
              <div class="col-xl-5 col-lg-6 news_img"> <img src="images/news4.png" alt="" class="w-100"> </div>
              <div class="news_info col-xl-7 col-lg-6 px-lg-4">
                <p>2nd Oct, 2022</p>
                <a href="#">
                <h3 class="fw-bold">6 features that your forex platform's CRM must have</h3>
                </a> </div>
            </div>
          </div>
        </div>
      </div>
    </section> --}}
    <!-- end latest news --> 
  </main>


  @if(count($promotionlists) > 0)
  <div class="modal" tabindex="-1" role="dialog" id="promotion-modal">
    <div class="modal-dialog" role="promotionmodal">
      <div class="modal-content">
        <div class="modal-header bg-orange">
          <h5 class="modal-title">Note</h5>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div id="sliderSection">
            <div class="row">
              <div class="col-lg-12">
                <div class="slider newSlider">
                  @if(count($promotionlists)>0)
                  @foreach($promotionlists as $promotion)
                  <div class="singlepromotion">
                    @if($promotion->type == 'image')
                      <img src="{{url('images/promotion/'.$promotion->image)}}" style="width:100%;">				 
                    @elseif($promotion->type == 'text')
                      {!! $promotion->description !!} 
                    @endif
                  </div>
                  @endforeach
                  @endif
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  @endif
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>
<script>
$('.newSlider').slick({
	   slidesToShow: 1,
	   slidesToScroll: 1,
	   asNavFor: '.slider-for',
	   dots: false,
	   arrows: false,
	   autoplay: true,
	   autoplaySpeed: 3000,
	   focusOnSelect: true
	});
	window.onload = () => {
        $('#promotion-modal').modal('show');
	}
	$('.newSlider').slick('refresh');
</script>



<script>
$(function() {
    var ctx = document.getElementById("MonthlyChart").getContext('2d');
    var transaction = {
        type: 'line',
        data: {
            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            datasets: [{
                    label: @json(__('Deposit')),
                    data: null,
                    fill: false,
                    borderColor: '#f37b4c',
                    backgroundColor: '#f37b4c',
                    borderWidth: 2,
                    pointRadius: 5,
                    pointHoverRadius: 8
                },
                
            ]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
        }
    };
    var myChart = new Chart(ctx, transaction);
});
</script>

<script>
    $(function() {
        var ctx = document.getElementById("MonthlyChart2").getContext('2d');
        var transaction = {
            type: 'line',
            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                datasets: [
                    {
                        label: @json(__('Withdraw')),
                        data: null,
                        fill: false,
                        borderColor: '#7ca40a',
                        backgroundColor: '#7ca40a',
                        borderWidth: 1,
                        borderWidth: 2,
                        pointRadius: 5,
                        pointHoverRadius: 8
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
            }
        };
        var myChart = new Chart(ctx, transaction);
    });
    </script>

{{-- <style>
    .Referral-Link i {
    color: #ffffff;
    top: -18px;
    font-size: 18px;
    left: 0;
    right: 0;
    position: absolute;
    width: 40px;
    text-align:center;
    height: 40px;
    background: #f37b4c;
    border-radius: 50px;
    line-height: 40px;
    margin: 0 auto;
}
</style>

<div class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12 text-right">
                @if(Auth::user()->verified_status == 1)
                <a href="{{url('client/openaccount')}}" class="btn bg-card-dark-blue">Open New Account</a>
                <a href="{{url('client/dodeposit')}}" class="btn btn-success">Deposit</a>
                @else
                <a href="{{url('client/documentupload')}}" class="btn bg-card-dark-blue">Open New Account</a>
                <a href="{{url('client/documentupload')}}" class="btn btn-success">Deposit</a>
                @endif
            </div>
        </div>
    </div>
</div>

<section class="content">
    <div class="container-fluid">
        <div class="row mb-4 mt-3">
            <div class="col-lg-3 col-6">
                <div class="small-box bg-dark  rounded-3 p-3  mb-3 box-shadow">
                    <div class="inner">
                        <h3>{{ count($userlist) }}</h3>
                        <p class="text-muted">Total Vertex Account</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                    </div>
                    <!-- <a href="{{url('client/accountlisting')}}" class="small-box bg-dark-footer">More info <i
                            class="fas fa-arrow-circle-right"></i></a> -->
                </div>
            </div>
            <div class="col-lg-3 col-6">
                <div class="small-box bg-dark  rounded-3 p-3  mb-3 box-shadow">
                    <div class="inner">
                        <h3>$ {{$totaldeposit}}</h3>
                        <p class="text-muted">Total Deposit</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-person-add"></i>
                    </div>
                    <!-- <a href="{{url('client/depositreport')}}" class="small-box bg-dark-footer">More info <i
                            class="fas fa-arrow-circle-right"></i></a> -->
                </div>
            </div>
            <div class="col-lg-3 col-12">
                <div class="small-box bg-dark  rounded-3 p-3  mb-3 box-shadow">
                    <div class="inner">
                        <h3>$ {{$totalwithdraw}}</h3>
                        <p class="text-muted">Total Withdraw</p>
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <!-- <a href="{{url('client/withdrawreport')}}" class="small-box bg-dark-footer">More info <i
                            class="fas fa-arrow-circle-right"></i></a> -->
                </div>
            </div>
            @if(Auth::user()->securityshare == 2)
            <div class="col-lg-3 col-12">
                <div class="Referral-Link small-box bg-dark  rounded-3 p-3  mb-3 box-shadow">
                <i class="fa-solid fa-link"></i>
                    <div class="inner text-center">                        
                        <p style="display:none;" id="iblink">{{ url('/client/register') }}/{{ Auth::user()->ib_key }}</p>
                        <p class="mb-3 mt-3">Copy your Referral Link!</p>
                        <button class="btn btn-primary" onclick="copyToClipboard('#iblink')"><span
                                class="blinking">Copy Link</span></button>
                    </div>
                    <!-- <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div> -->
                    <!-- <a href="{{url('client/withdrawreport')}}" class="small-box bg-dark-footer">More info <i
                            class="fas fa-arrow-circle-right"></i></a> -->
                </div>
            </div>
            @endif

        </div>
    </div>
    <!-- @if(Auth::user()->securityshare == 2)
    <div class="container-fluid">
        <div class="card">
            <div class="card-header bg-card-dark-blue">
                Your Refferal Link
            </div>
            <div style="text-align:left;" class="card-body iblink">
                <div class="row">
                    <div class="col-md-9"> <span style="font-size:22px;"
                            id="iblink">{{ url('/client/register') }}/{{ Auth::user()->ib_key }}</span></div>
                    <div class="col-md-3"><button class="btn btn-primary" onclick="copyToClipboard('#iblink')"><span
                                class="blinking">Copy Link</span></button></div>
                </div>
            </div>
        </div>




    </div>    
    @endif -->




    <div class="container-fluid">
        <div class="card  rounded-3">
            <div class="card-header black-background">
                <h3 class="card-title">Account Listing</h3>
            </div>
            <div class="card-body">
                <table class="table table-hover table-striped"> 
                    <thead>
                        <tr>
                            <th>Account Id</th>
                            <th>Balance</th>
                            <th>Credit</th>
                            <th>Equity</th>
                            <th>Margin Level</th>
                            <th>Free Margin</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($userlist as $state)
                        <tr>
                            <td>{{ $state->AccountID }}</td>
                            <td>{{ $state->Balance }} </td>
                            <td>{{ $state->Credit }} </td>
                            <td>{{ $state->Equity }} </td>
                            <td>{{ $state->MarginLevel }} </td>
                            <td>{{ $state->FreeMargin }} </td>
                            <td>
									<a class="btn btn-success depositbtnn" href="{{ url('/client/dodeposit') }}">Deposit</a>
									<div class="btn-group" id="dashAccount">
										<button type="button" class="btn btn-success dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">
											<i class="fa fa-angle-down"></i>
										</button>
										<div class="dropdown-menu" role="menu">
											<a class="dropdown-item" href="{{ url('/client/withdraw') }}">Withdraw</a>
											<a class="dropdown-item" href="{{ url('/client/internaltransfer') }}">Internaltransfer</a>
											
											</div>
									</div>
								</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>



    <div class="container-fluid">
        <div class="card ">
            <div class="card-header black-background">
                <h3 class="card-title">Open Position Listing</h3>
            </div>
            <div class="card-body">
                <table id="" class="table table-hover">
                    <thead>
                        <tr>
                            
                            <th>Login</th>
                            <th>Symbol</th>
                            <th>TicketID</th>
                            <th>DateTime</th>
                            <th>Type</th>
                            <th>OpenPrice</th>
                            <th>CurrentPrice</th>
                            <th>ProfitLoss</th>
                            <!-- <th>Commission</th>                             -->
                            <th>Volume</th>                                                        
                            <!-- <th>Interest</th> -->
                            
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($userlist2))
                        @foreach($userlist2 as $state)
                        <tr>
                            
                            <td>{{ $state->AccountID }} </td>
                            <td>{{ $state->SymbolName }} </td>
                            <td>{{ $state->TicketID }} </td>
                            <td>{{ $state->DateTime }} </td>
                            <td>{{ $state->BuySell }} </td>
                            <td>{{ $state->OpenPrice }} </td>
                            <td>{{ $state->CurrentPrice  }} </td>
                            <td>{{ $state->ProfitLoss }} </td>
                            <!-- <td>{{ $state->Commission }} </td>                             -->
                            <td>{{ $state->Amount }} </td>                                                        
                            <!-- <td>{{ $state->Interest }} </td> -->
                            
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    </div>
</section>


@if(count($promotionlists) > 0)
<div class="modal" tabindex="-1" role="dialog" id="promotion-modal">
	<div class="modal-dialog" role="promotionmodal">
		<div class="modal-content bg-black">
			<div class="modal-header bg-card-dark-blue">
				<h5 class="modal-title">Note</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span style="color:#000000;" aria-hidden="true">×</span>
</button>
			</div>
			<div class="modal-body">
				<div id="sliderSection">
					<div class="row">
						<div class="col-lg-12">
							<div class="slider newSlider">
								@if(count($promotionlists)>0)
								@foreach($promotionlists as $promotion)
								<div class="singlepromotion">
									@if($promotion->type == 'image')
										<img src="{{url('images/promotion/'.$promotion->image)}}" style="width:100%;">				 
									@elseif($promotion->type == 'text')
										{!! $promotion->description !!} 
									@endif
								</div>
								@endforeach
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endif
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script>
$('.newSlider').slick({
	   slidesToShow: 1,
	   slidesToScroll: 1,
	   asNavFor: '.slider-for',
	   dots: false,
	   arrows: false,
	   autoplay: true,
	   autoplaySpeed: 3000,
	   focusOnSelect: true
	});
	window.onload = () => {
        $('#promotion-modal').modal('show');
	}
	$('.newSlider').slick('refresh');
</script>
 --}}

@endsection