@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.history_report')</h1>
	</div>
	<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-3">
			<form class="select2black" method="GET" action="{{ url('/admin/report/historyreport') }}">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
						<div class="form-group mb-3">
							<label><strong>@lang('translate.mt5id') :</strong></label>
							<select name="mtaccount" class="select2 form-control form-control-lg bg-black">
								@foreach($mtusers as $userlogin)
									<option value="{{$userlogin}}" @if($userlogin == $mtfirst) selected @endif>{{$userlogin}}</option>
								@endforeach
							</select>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
						<div class="form-group mb-3">
							<label><strong>@lang('translate.from') :</strong></label>
							<input name="from" type="text" class="form-control form-control-lg bg-dark" id="fromdate" value="{{$from}}">
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
						<div class="form-group mb-3">
							<label><strong>@lang('translate.to') :</strong></label>
							<input name="to" type="text" class="form-control form-control-lg bg-dark" id="todate" value="{{$to}}">
						</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" class="btn btn-sm btn-primary">@lang('translate.submit')</button>
						</div>
					</div>
				</div>
			</form>
			<div class="bg-dark pb-4 rounded-3 box-shadow">
				<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')</th>
								<th>@lang('translate.date')</th>
								<th>@lang('translate.ticket')</th>
								<th>@lang('translate.symbol')</th>
								<th>@lang('translate.price')</th>
								<th>@lang('translate.profit')</th>
								<th>@lang('translate.volume')</th>
								<th>@lang('translate.commission')</th>
								<th>@lang('translate.expertposition_id')</th>
								<th>@lang('translate.entry')</th>
								<th>@lang('translate.action')</th>
								<th>@lang('translate.comment')</th>
							</tr>
						</thead>
						<tbody>
														@if(count($deals) > 0)
							@foreach($deals as $depositdata2)
							@foreach($depositdata2 as $depositdata)							
							<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->Volume/10000 }}</td>
								<td>{{ $depositdata->Commission }}</td>
								<td>{{ $depositdata->ExpertPositionID }}</td>
								<td> @if($depositdata->Entry == '0') IN @elseif($depositdata->Entry == '1') OUT @elseif($depositdata->Entry == '2') INOUT @elseif($depositdata->Entry == '3') OUT BY @else ''@endif</td>
								<td class="depostst">@if($depositdata->Action == '0') Buy @elseif($depositdata->Action == '1') Sell @elseif($depositdata->Action == '2') Balance @elseif($depositdata->Action == '3') Credit @endif</td> 
								<td>{{ $depositdata->Comment }}</td>
														
							</tr>							
							@endforeach
							@endforeach
							@endif
						</tbody>
					</table>
					<div class="row">
						<div class="col-md-3 col-sm-3 col-xs-6"><b>@lang('translate.deposit') = {{$tdeposit}}</b></div>
						<div class="col-md-3 col-sm-3 col-xs-6"><b>@lang('translate.withdrawal') = {{$twithdrawal}}</b></div>
						<div class="col-md-3 col-sm-3 col-xs-6"><b>@lang('translate.swap') = {{$tswap}}</b></div>
						<div class="col-md-3 col-sm-3 col-xs-6"><b>@lang('translate.commission') = {{$tcommission}}</b></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({ 
		minDate: $("#fromdate").value,
		dateFormat: 'yy-mm-dd',
		changeYear:true,
		onSelect: function (date) {
			$("#todate").datepicker('option', 'minDate', date);
		}
	});
	$("#todate").datepicker({
		maxDate: $("#todate").value,
		dateFormat: 'yy-mm-dd',
		changeYear:true,
		onSelect: function (date) {
			$("#fromdate").datepicker('option', 'maxDate', date);
		}
	});
});
</script>
@endsection