@extends('layouts.marketing_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1 class="ms-4">@lang('translate.user_details')</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-4 g-xxl-5 d-flex align-items-stretch">
        <div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-4">
			<div class="bg-dark rounded-3 p-2 text-center">
				<div class="image-part p-4">
					<div class="h1 mb-0"><span class="fw-light">$</span>{{ round($totaldeposit,2)}}</div>
					<p class="text-muted">@lang('translate.total_deposit')</p>
				</div>
			</div>
		</div>
        <div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-4">
			<div class="bg-dark rounded-3 p-2 text-center">
				<div class="image-part p-4">
					<div class="h1 mb-0"><span class="fw-light">$</span>{{ round($totalwithdraw,2)}}</div>
					<p class="text-muted">@lang('translate.total_withdraw')</p>
				</div>
			</div>
		</div>
		<div class="col-6 col-md-4 col-lg-3 col-xxl-2 mb-4">
			<div class="bg-dark rounded-3 p-2 text-center">
				<div class="image-part p-4">
					<div class="mb-0 display-3">{{ count($mt5accountlists) }}</div>
					<p class="text-muted">@lang('translate.total_mt5_account')</p>
				</div>
			</div>
		</div>
	</div>
	
	<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="deposit-tab" data-bs-toggle="tab" data-bs-target="#deposit" type="button" role="tab" aria-controls="deposit" aria-selected="true"><span>@lang('translate.deposit') <strong>@lang('translate.list')</strong></span></button>
				<button class="nav-link" id="withdraw-tab" data-bs-toggle="tab" data-bs-target="#withdraw" type="button" role="tab" aria-controls="withdraw" aria-selected="false"><span>@lang('translate.withdraw') <strong>@lang('translate.list')</strong></span></button>
				<button class="nav-link" id="mt5-account-tab" data-bs-toggle="tab" data-bs-target="#mt5-account" type="button" role="tab" aria-controls="mt5-account" aria-selected="false"><span>MT5 <strong>@lang('translate.account')</strong></span></button>
				<button class="nav-link" id="login-activity-tab" data-bs-toggle="tab" data-bs-target="#login-activity" type="button" role="tab" aria-controls="login-activity" aria-selected="false"><span>@lang('translate.login') <strong>@lang('translate.activity')</strong></span></button>
			</div>
		</nav>
        <div class="tab-content" id="nav-tabContent">
			<div class="tab-pane fade show active" id="deposit" role="tabpanel" aria-labelledby="deposit-tab">
				<div class="table-responsive-lg table-p15">
					<table id="level1listing" class="table table-dark table-striped mb-0 text-center table-hover mb-3">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.mt5id')</th>
								<th>@lang('translate.amount')</th>
								<th>@lang('translate.payment_method')</th>
								<th>@lang('translate.note')</th>
								<th>@lang('translate.comment')</th>
								<th>@lang('translate.status')</th>
								<th>@lang('translate.date')</th>
							</tr>
						</thead>
						<tbody>
							@if(!empty($depositlists))
							@foreach($depositlists as $key=>$deposit)
							<tr>
								<td>{{ $key+1 }}</td>
								<td>{{ $deposit->mt5id }}</td>
								<td>{{ $deposit->amount }}</td>
								<td>{{ $deposit->paymentmethod }}</td>
								<td>{{ $deposit->note }}</td>
								<td>{{ $deposit->comment }}</td>
								<td>@if($deposit->status == '0') <span class="text-warning">Pending</span> @elseif($deposit->status == '1') <span class="text-success">Approved</span> @elseif($deposit->status == '2') <span class="text-danger">Rejected</span> @endif</td>
								<td>{{ date('Y-m-d',strtotime($deposit->created_at)) }}</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="tab-pane fade" id="withdraw" role="tabpanel" aria-labelledby="withdraw-tab">
				<div class="table-responsive-lg table-p15">
					<table id="level2listing" class="table table-dark table-striped mb-0 text-center table-hover mb-3">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.mt5id')</th>
								<th>@lang('translate.amount')</th>
								<th>@lang('translate.withdraw_to')</th>
								<th>@lang('translate.payment_method')</th>
								<th>@lang('translate.note')</th>
								<th>@lang('translate.comment')</th>
								<th>@lang('translate.status')</th>
								<th>@lang('translate.date')</th>
							</tr>
						</thead>
						<tbody>
							@if(!empty($withdrawlists))
							@foreach($withdrawlists as $key=>$withdraw)
							<tr>
								<td>{{ $key+1 }}</td>
								<td>{{ $withdraw->mt5id }}</td>
								<td>{{ $withdraw->amount }}</td>
								<td>{{ $withdraw->withdraw_to }}</td>
								<td>{{ $withdraw->paymentmethod }}</td>
								<td>{{ $withdraw->note }}</td>
								<td>{{ $withdraw->comment }}</td>
								<td>@if($withdraw->status == '0') <span class="text-warning">Pending</span> @elseif($withdraw->status == '1') <span class="text-success">Approved</span> @elseif($withdraw->status == '2') <span class="text-danger">Rejected</span> @endif</td>
								<td>{{ date('Y-m-d',strtotime($withdraw->created_at)) }}</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="tab-pane fade" id="mt5-account" role="tabpanel" aria-labelledby="mt5-account-tab">
				<div class="table-responsive-lg table-p15">
					<table id="level3listing" class="table table-dark table-striped mb-0 text-center table-hover mb-3">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.mt5id')</th>
								<th>@lang('translate.group_name')</th>
								<th>@lang('translate.investor_password')</th>
								<th>@lang('translate.main_password')</th>
								<th>@lang('translate.date')</th>
							</tr>
						</thead>
						<tbody>
							@if(!empty($mt5accountlists))
							@foreach($mt5accountlists as $key=>$mt5account)
							<tr>
								<td>{{ $key+1 }}</td>
								<td>{{ $mt5account->mt5id }}</td>
								<td>{{ $mt5account->groupname }}</td>
								<td>{{ $mt5account->investpass }}</td>
								<td>{{ $mt5account->mainpass }}</td>
								<td>{{ date('Y-m-d',strtotime($mt5account->created_at)) }}</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</div>
			
			<div class="tab-pane fade" id="login-activity" role="tabpanel" aria-labelledby="login-activity-tab">
				<div class="table-responsive-lg table-p15">
					<table id="level5listing" class="table table-dark table-striped mb-0 text-center table-hover mb-3">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.name')</th>
								<th>@lang('translate.user_agent')</th>
								<th>@lang('translate.ip_address')</th>
								<th>@lang('translate.date')</th>
							</tr>
						</thead>
						<tbody>
							@if(!empty($loginactivitylists))
							@foreach($loginactivitylists as $key=>$loginactivity)
							<tr>
								<td>{{ $key+1 }}</td>
								<td>{{ $loginactivity->user_name }}</td>
								<td>{{ $loginactivity->user_agent }}</td>
								<td>{{ $loginactivity->ip_address }}</td>
								<td>{{ date('Y-m-d',strtotime($loginactivity->created_at)) }}</td>
							</tr>
							@endforeach
							@endif
						</tbody>
					</table>
				</div>
			</div>
			
		</div>
	</div>
</div>
<!-- container End --> 
@endsection