@extends('layouts.client_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head">
		<h1>Performance</h1>
	</div>
	<div class="user-details referral-tab mt-4 mb-5">
		<nav class="d-flex d-flex justify-content-between align-items-center pb-4">
			<div class="nav nav-tabs" >
				<a class="nav-link " href="{{url('client/performance/summary')}}">Summary</a>
				<a class="nav-link active" href="{{url('client/performance/historyoftrades')}}">History Of Trades</a>			
			</div>
		</nav>		
		<div class="flash-message">
			@foreach (['danger', 'warning', 'success', 'info'] as $msg)
			@if(Session::has('alert-' . $msg))
			<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
				<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
			@endif
			@endforeach
		</div>
		<div class="row g-3">
			<div class="col-lg-12 mt-3 mt-lg-5">
				<form class="select2black" role="form" method="GET" action="{{ url('/client/performance/historyoftrades') }}">
					<div class="row">
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
							<div class="form-group mb-3">
								<label><strong>@lang('translate.select_account') :</strong></label>
								<select name="mt5id" class="select2 form-control form-control-lg bg-dark">
									@if(count($allids) > 0)
									@foreach($allids as $userlogin)
									<option value="{{$userlogin->mt5id}}" @if($userlogin->mt5id == $mtfirst) selected @endif>{{$userlogin->mt5id}}</option>
									@endforeach
									@endif
								</select>
							</div>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
							<div class="form-group mb-3">
								<label><strong>@lang('translate.from') :</strong></label>
								<input type="text" name="from" class="form-control form-control-lg bg-dark" id="fromdate" value="{{$from}}" readonly />
							</div>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
							<div class="form-group mb-3">
								<label><strong>@lang('translate.to') :</strong></label>
								<input type="text" name="to" class="form-control form-control-lg bg-dark" id="todate" value="{{$to}}" readonly />
							</div>
						</div>
						<div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
							<div class="form-group mb-3" style="padding-top:20px;">
								<button type="submit" id="dateSearch" class="btn btn-sm btn-primary">@lang('translate.search')</button>
							</div>
						</div>
					</div>
				</form>


				<div class="user-details referral-tab mt-4 mb-5">
					<nav class="d-flex d-flex justify-content-between align-items-center">
						<div class="nav nav-tabs" id="nav-tab" role="tablist">
							<button class="nav-link active" id="level1-clients-tab" data-bs-toggle="tab" data-bs-target="#level1-clients" type="button" role="tab" aria-controls="level1-clients" aria-selected="true"><span>Open Position</span></button>
							<button class="nav-link" id="level2-clients-tab" data-bs-toggle="tab" data-bs-target="#level2-clients" type="button" role="tab" aria-controls="level2-clients" aria-selected="false"><span>Closed Positions</span></button>							
						</div>
					</nav>
					<div class="tab-content" id="nav-tabContent"> 			
						<div class="tab-pane fade show active" id="level1-clients" role="tabpanel" aria-labelledby="level1-clients-tab">
							<div class="row MyInvestment mb-4 mb-lg-4">
								<div class="col-lg-12">
									<div class="pb-4">
										<div class="table-responsive-lg table-p15">
											<table id="level1listing" class="table table-dark table-striped mb-0 text-center table-hover">
												<thead>
													<tr>
														<th>@lang('translate.login_id')</th>
														<th>@lang('translate.symbol')</th>
														<th>@lang('translate.ticket')</th>
														<th>@lang('translate.date')</th>
														<th>@lang('translate.type')</th>
														<th>@lang('translate.open_price')</th>
														<th>@lang('translate.volume')</th>
														<th>S/L</th>
														<th>T/P</th>
														<th>@lang('translate.current_price')</th>
														<th>@lang('translate.profit')</th>
													</tr>
												</thead>
												<tbody>
													@foreach($positionslists as $positionslist)
													@foreach($positionslist as $position)
													<tr>
														<td>{{ $position->Login }}</td>
														<td>{{ $position->Symbol }}</td>
														<td>{{ $position->Position }}</td>
														<td>{{ date("F j, Y, g:i a",$position->TimeCreate) }}</td>
														<td>@if($position->Action == 0) <span class="text-success">BUY</span>
															@elseif($position->Action == 1) <span class="text-primary">SELL</span> @endif</td>
														<td>{{ $position->PriceOpen }}</td>
														<td>{{ $position->Volume/10000 }}</td>
														<td>{{ $position->PriceSL }}</td>
														<td>{{ $position->PriceTP }}</td>
														<td>{{ $position->PriceCurrent }}</td>
														<td>@if(strpos($position->Profit, '-') !== false) <span
																class="text-primary">{{ $position->Profit }}</span>@else<span
																class="text-success">{{ $position->Profit }}</span>@endif</td>
													</tr>
													@endforeach
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="tab-pane fade" id="level2-clients" role="tabpanel" aria-labelledby="level2-clients-tab">
							<div class="row MyInvestment mb-4 mb-lg-4">
								<div class="col-lg-12">
									<div class="pb-4">
										<div class="table-responsive-lg table-p15">
											<table id="level2listing" class="table table-dark table-striped mb-0 text-center table-hover">
												<thead>
													<tr>
														<th>@lang('translate.login')</th>
														<th>@lang('translate.date')</th>
														<th>@lang('translate.order')</th>
														<th>@lang('translate.symbol')</th>
														<th>@lang('translate.price')</th>
														<th>@lang('translate.profit')</th>
														<th>@lang('translate.expertposition_id')</th>
														<th>@lang('translate.comment')</th>
														<th>@lang('translate.action')</th>
													</tr>
												</thead>
												<tbody>
													@if(count($deals) > 0)
													@foreach($deals as $depositdata2)
													@foreach($depositdata2 as $depositdata)
													@if($depositdata->Action == '1' || $depositdata->Action == '0')
													<tr>
														<td>{{ $depositdata->Login }}</td>
														<td>{{ date('d M Y',$depositdata->Time) }}</td>
														<td>{{ $depositdata->Order }}</td>
														<td>{{ $depositdata->Symbol }}</td>
														<td>{{ $depositdata->Price }}</td>
														<td>{{ $depositdata->Profit }}</td>
														<td>{{ $depositdata->ExpertPositionID }}</td>
														<td>{{ $depositdata->Comment }}</td>
														<td>@if($depositdata->Action == '0') BUY @elseif($depositdata->Action == '1') SELL @elseif($depositdata->Action == '2') Deposit @elseif($depositdata->Action == '3') Credit  @elseif($depositdata->Action == '3') Withdraw @endif</td> 
													</tr>
													@endif
													@endforeach
													@endforeach
													@endif
												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>						
					</div>
				</div>


				
			</div>
		</div>
	</div>
</div>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script type="text/javascript">
  $(function () { 
	$("#fromdate").datepicker({
		dateFormat: 'yy-mm-dd',
		changeYear:true,
	});
	$("#todate").datepicker({
		dateFormat: 'yy-mm-dd',
		changeYear:true,
	});
  });
</script>
@endsection