@extends('layouts.client_template')
@section('content')
<aside class="page_content_wrapper">
	<div class="page_content_inner">
        @include('layouts.client_assign_manager')
        <h2 class="page_title">My Fund</h2>
		<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="regulation_wrapper">
			<div class="regulation_title">
				<h4>Deposit &amp; Withdrawal</h4>
				<a href="{{ url()->previous() }}" class="back_button"><img src="{{ asset('/newdesign/images/back.svg') }}" alt=""></a> 
			</div>
			<div class="tab_design_one">
				<ul class="nav nav-tabs" id="myTab" role="tablist">
					<li class="nav-item" role="presentation">
						<a href="{{ url('/client/fund/depositmethod') }}" class="nav-link active" id="Deposit-tab">Deposit</a>
					</li>
					<li class="nav-item" role="presentation">
						<a href="{{ url('/client/fund/withdrawmethod') }}" class="nav-link" id="Withdrawal-tab">Withdrawal</a>
					</li>
				</ul>
				<div class="tab-content" id="myTabContent">
					<div class="tab-pane fade show active" id="Deposit" role="tabpanel" aria-labelledby="Deposit-tab">
						<div class="tab_design_two">
							<ul class="nav nav-tabs" id="deposit_mode" role="tablist2">
								@include('client.transaction.depositmethoddynamic')
							</ul>
							<div class="tab-content" id="deposit_modeContent">
								<div class="tab-pane fade show active" id="BankTransfer" role="tabpanel" aria-labelledby="BankTransfer-tab">
									<h5 class="text-center"><strong>Cash</strong></h5>
									<form role="form" method="post" action="{{ url('/client/fund/depositstore') }}" enctype="multipart/form-data">
									@csrf
										<div class="row">
											<div class="col-md-7">
												<div class="form_group mb-3">
													<label for="mt5id" class="form-label">@lang('translate.select_account') <sup>*</sup></label>
													<select name="mt5id" class="form-select @error('mt5id') is-invalid @enderror" id="mt5id">
														<option value="">Select Account</option>
														@foreach($mt5accountlists as $mt5account)
															<option value="{{ $mt5account->mt5id }}">{{ $mt5account->mt5id }}</option>
														@endforeach
													</select>
													@error('mt5id')
													<div class="invalid-feedback">
														<small>{{ $message }}</small>
													</div>
													@enderror
												</div>
											</div>
											<div class="col-md-5">
												<div class="form_group mb-3">
													<label for="amount" class="form-label">@lang('translate.amount') <sup>*</sup></label>
													<input type="text" name="amount" class="form-control @error('amount') is-invalid @enderror" id="amount" value="{{ old('amount') }}" placeholder="@lang('translate.amount')">
													@error('amount')
													<div class="invalid-feedback">
														<small>{{ $message }}</small>
													</div>
													@enderror
												</div>
											</div>
											<div class="col-md-7">
												<div class="form_group mb-3">
													<label for="note" class="form-label">@lang('translate.note') <sup>*</sup></label>
													<input type="text" name="note" class="form-control @error('note') is-invalid @enderror" id="note" value="{{ old('note') }}" placeholder="@lang('translate.note')">
													@error('note')
													<div class="invalid-feedback">
														<small>{{ $message }}</small>
													</div>
													@enderror
												</div>
											</div>
										</div>
										<input type="hidden" name="paymentmethod" class="form-control" value="cash">
										<div class="text-center mt-4">
											<button class="btn_icon_black" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">Submit <img src="{{ asset('/newdesign/images/right.svg') }}" class="ml10 mr0" alt=""></button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</aside>
<aside class="right_content_wrapper">
	@include('layouts.client_assign_manager_right')
	<div class="bank_account_wrap bg_white_box mb-2">
        <h3 class="mb15">Helpline</h3>
		<div class="trasaction_type_wrap">
			<div class="row g-3">
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-messages.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Chat with us</h5>
						<a href="#" class="badge btn_secondary">Click here</a>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="bg_grey_box text-center grey_box_badge">
						<div class="img_wrap"> <img src="{{ url('/newdesign/images/icon-sms.svg') }}" alt=""> </div>
						<h5 class="text_extra_light m-0">Mail us</h5>
						<a href="mailto:{{env('SHOW_MAIL')}}" class="badge btn_primary">Click here</a>
					</div>
				</div>
			</div>
		</div>
	</div>	
	<div class="right_sidebar transaction_wrap bg_white_box">
		<h3>Transactions</h3>
		<div class="simple_table_wrap mb-3">
			@if(count($transactionslists) > 0)
			<div class="table-responsive">
				<table>
					<tbody>
						@foreach($transactionslists as $transactions)
						<tr>
							<td>
								<div class="img" style="width: 30px; height: 30px">
									@if($transactions->type == "deposit")
									<img src="{{ asset('/newdesign/images/deposite-icon.svg') }}" alt="" />
									@else
									<img src="{{ asset('/newdesign/images/withdraw-icon.svg') }}" alt="" />
									@endif
								</div>
							</td>
							<td>
								<div class="t_title">
									<h5 class="m-0">@if($transactions->type == "deposit") Deposit @else Withdraw @endif</h5>
									<span class="d-block text_extra_light line_height_20 text_12">#{{$transactions->id}}</span>
									<span class="d-block text_extra_light line_height_20 text_12">{{ date('M d, y',strtotime($transactions->created_at)) }}</span>
								</div>
							</td>
							<td>
								<div class="payment_method text-center">
									<span class="text_extra_light text_10">Payment method</span>
									<span class="d-block text_14 fw_500">{{ucfirst($transactions->paymentmethod)}}</span>
								</div>
							</td>
							<td>
								<div class="payment_id text-center">
									<span class="text_extra_light text_10">MT5 ID</span>
									<span class="d-block text_14 fw_500">{{$transactions->mt5id}}</span>
								</div>
							</td>
							<td>
								<div class="payment_id text-center">
									<p class="text_extra_light text_10 mb-0">Status</p>
									@if($transactions->status == "0")
									<span class="d-block text_8 badge badge_light">Pending</span>
									@elseif($transactions->status == "1")
									<span class="d-block text_8 badge badge_primary">Approved</span>
									@elseif($transactions->status == "2")
									<span class="d-block text_8 badge badge_secondary">Rejected</span>
									@endif
								</div>
							</td>
							<td>
								<span class="text_18 fw-bold">${{round($transactions->amount,2)}}</span>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
			@else
			<div class="nodata_found">
				<div class="nodata_found-start">
					<div class="nodata_found_icon">
						<img src="{{ asset('/newdesign/images/transaction-empty.svg') }}" alt="" />
					</div>
					<div class="nodata_found_text">
						<h5>No transactions yet!</h5>
					</div>
				</div>
			</div>
			@endif
		</div>
	</div>
</aside>
<script>
$('#depositproofdocname').change(function() {
  var depositproofdocname = $('#depositproofdocname')[0].files[0].name;
  $('.depositproofdocname').text(depositproofdocname);
});
</script>
@endsection