@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.client_withdraw')</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="bg-dark rounded-3 px-4 py-4 px-xl-6 py-xl-5 mb-4">
        <form role="form" method="post" action="{{ url('/admin/transaction/clientwithdrawstore') }}">
			@csrf
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="userid" class="form-label">@lang('translate.select_client') <span class="required-mark">*</span></label>
						<select name="userid" class="useridajax form-control form-control-lg bg-dark @error('userid') is-invalid @enderror" id="useridajax">
						</select>
						@error('userid')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="mt5id" class="form-label">@lang('translate.withdraw_from') <span class="required-mark">*</span></label>
						<select name="mt5id" class="select2 form-control form-control-lg bg-dark @error('mt5id') is-invalid @enderror" id="mt5id">
							<option value="">@lang('translate.please_choose')</option>
						</select>
						@error('mt5id')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="withdraw_to" class="form-label">@lang('translate.withdraw_to') <span class="required-mark">*</span></label>
						<select name="withdraw_to" class="select2 form-control form-control-lg bg-dark @error('withdraw_to') is-invalid @enderror" id="withdraw_to">
							<option value="cash">Cash</option>
						</select>
						@error('withdraw_to')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			@if(env('exchanger') == 'yes')
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="exchangerid" class="form-label">@lang('translate.select_exchanger') <span class="required-mark">*</span></label>
						<select name="exchangerid" class="select2 form-control form-control-lg bg-dark @error('exchangerid') is-invalid @enderror" id="exchangerid">
							<option value="">@lang('translate.please_choose')</option>
							@foreach($exchangerlists as $exchanger)
							<option value="{{ $exchanger->id }}">{{$exchanger->name }}</option>
							@endforeach
						</select>
						@error('exchangerid')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			@endif
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="amount" class="form-label">@lang('translate.amount') <span class="required-mark">*</span></label>
						<input type="text" name="amount" class="form-control form-control-lg @error('amount') is-invalid @enderror" id="amount" value="{{ old('amount') }}" placeholder="@lang('translate.enter_amount')">
						@error('amount')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="comment" class="form-label">@lang('translate.comment') <span class="required-mark">*</span></label>
						<input type="text" name="comment" class="form-control form-control-lg @error('comment') is-invalid @enderror" id="comment" value="{{ old('comment') }}" placeholder="@lang('translate.enter_comment')">
						@error('comment')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-md-12 pt-2">
					<button class="btn btn-primary btn-xs font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">@lang('translate.submit')</button>
				</div>
			</div>
		</form>
	</div>
</div>
<script type='text/javascript'>
    $(document).ready(function(){
		$('#useridajax').change(function(){
			var id = $(this).val();
			$('#mt5id').find('option').not(':first').remove();
			$('#withdraw_to').find('option').not(':first').remove();
			$.ajax({
				url: '/admin/transaction/getmt5accountbyuser/'+id,
				type: 'get',
				dataType: 'json',
				success: function(response){
					var len = 0;
					if(response != null){
						len = response.length;
					}
					if(len > 0){               
						for(var i=0; i<len; i++){
							var mt5id = response[i].mt5id;
							var balance = response[i].balance;
							var option = "<option value='"+mt5id+"'>"+mt5id+" ("+balance+")</option>"; 
							$("#mt5id").append(option); 
						}
					}
				}
			});
			$.ajax({
				url: '/admin/transaction/getbankdetailbyuser/'+id,
				type: 'get',
				dataType: 'json',
				success: function(response){
					var len = 0;
					if(response['data'] != null){
						len = response['data'].length;
					}
					if(len > 0){               
						for(var i=0; i<len; i++){
							var account_no = response['data'][i].account_no;
							var ifsc = response['data'][i].ifsc;
							var option = "<option value='"+account_no+"'>"+account_no+"("+ifsc+")</option>"; 
							$("#withdraw_to").append(option); 
						}
					}
				}
			});
		});
	});
</script> 
@endsection