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

<style>
	 .custom-box {
            background-color: var(--color-white);
            padding: 25px;
            border-radius: 8px;
            box-shadow: 3px 3px 15px 2px rgb(0 0 0 / 27%);
        }
</style>

<div class="container spacer">
	<div class="row">
		<div class="col-md-3 ">
			<div class="custom-box ">
				<div class="row">
					<div class="col-md-4 d-flex align-items-center justify-content-center">
						<img src="{{ asset('images/active-trader.png') }}" alt="">
					</div>
					<div class="col-md-8">
						<h2 style="margin-bottom:0px;" class="text-black">@if(!empty($totalcommission)) {{$totalcommission}} @else 0 @endif</h2>
						<p class="text-muted">Total Commission</p>
					</div>
				</div>

			</div>
		</div>
		<div class="col-md-3 ">
			<div  class="custom-box ">
				<div class="row">
					<div class="col-md-4 d-flex align-items-center justify-content-center">
						<img src="{{ asset('images/active-subib.png') }}" alt="">
					</div>
					<div class="col-md-8">
						<h2 style="margin-bottom:0px;" class="text-black">@if(!empty($totallot)) {{$totallot}} @else 0 @endif</h2>
						<p class="text-muted">Total Lots</p>
					</div>
				</div>

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

<div class="container ">
	<div class="TableBox">
		<div class="table_title d-flex justify-content-between align-items-center pe-3">
			<div class="inlinettlbtn">
				<div class="inlinettl">
					<h4>Commission Listing</h4>
				</div>
			</div>
		</div>
		<hr class="m-0">
		<div class="table_filed table-responsive">
			<table id="topsubibearn" class="table table1 text-center">
				<thead>
					<tr>
						<th>Login</th>
						<th>Date</th>
						<th>Order</th>
						<th>Symbol</th>
						<th>Price</th>
						<th>Profit</th>									 
						<th>Volume</th>							 	  
						<th>My Commission</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>					
					
					@if(count($mycommission) > 0)
					@foreach($mycommission as $mycommissionData)
						<tr>
							<td>{{ $mycommissionData->Login }}</td>
							<td>{{ $mycommissionData->Date }}</td>
							<td>{{ $mycommissionData->Order }}</td>
							<td>{{ $mycommissionData->Symbol }}</td>
							<td>{{ $mycommissionData->Price }}</td>
							<td>{{ $mycommissionData->Profit }}</td>
							<td>{{round($mycommissionData->Volume,2)}}</td>				 
							<td>{{round($mycommissionData->Commission,2)}}</td>						
							<td class="depostst">@if($mycommissionData->Action == '0') Buy @elseif($mycommissionData->Action == '1') Sell @endif</td>  
						</tr>
					@endforeach						
					@endif
				</tbody>
			</table>
		</div>
	</div>
</div>

<!-- /.content -->
@endsection