@extends('layouts.admin_template')
@section('content')
<!-- <section class="content-header" data-ng-controller="userController">
	<div class="row">
		<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
			<h4 class="mainsection-title"><i class="fa fa-user"></i>&nbsp;&nbsp; Withdraw Management</h4>
		</div>		
	</div>
</section> -->
<section class="content">
	<div class="flash-message mrgn-top15">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><h4>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</h4> {{ Session::get('alert-' . $msg) }}</div>
		@endif
		@endforeach
	</div>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="card  rounded-3 box-shadow">
				<div class="card-header bg-card-dark-blue with-border">
					<h3 class="card-title">Client Withdraw</h3>
				</div>
				<form class="" role="form" method="POST" action="{{ url('/admin/clientwithdrawsave') }}" enctype="multipart/form-data">
					{{ csrf_field() }}
					<div class="card-body">
						<div class="row">
							<div class="col-md-8">								
								<div class="row">								
									<div class="col-md-12">								
										<div class="form-group">
											<label for="userid">Username</label>									
											<select name="userid" class="form-control select2" id="userid2">
												<option value="">Please select user</option>
												@foreach ($userdata as $user)
												<option value="{{ $user->id }}"> {{ $user->name }} ({{$user->email}})</option>
												@endforeach 
											</select>									
										</div>
									</div>						
									<div class="col-md-12">	
										<div class="form-group {{ $errors->has('bankaccount') ? ' has-error' : '' }}">
											<label for="bankaccount">Bank Account</label>									
											<select name="bankaccount" class="form-control select2" id="bankaccount">							
												<option value="Cash">Cash</option>												
											</select>									
											@if($errors->has('bankaccount'))
											<span class="help-block">
												<strong>{{ $errors->first('bankaccount') }}</strong>
											</span>
											@endif
										</div>								
									</div>					
									<div class="col-md-12">	
										<div class="form-group {{ $errors->has('mt5id') ? ' has-error' : '' }}">
											<label for="mt5id">Vertex Account</label>									
											<select name="mt5id" class="form-control select2" id="mt5id2">
												<option value="">Please select Vertex account</option>												
											</select>									
											@if($errors->has('mt5id'))
											<span class="help-block">
												<strong>{{ $errors->first('mt5id') }}</strong>
											</span>
											@endif
										</div>								
									</div>
									<div class="col-md-12">
										<div class="form-group {{ $errors->has('amount') ? ' has-error' : '' }}">
											<label for="amount">Amount</label>
											<input type="number" name="amount" class="form-control" value="">
											@if($errors->has('amount'))
											<span class="help-block">
												<strong>{{ $errors->first('amount') }}</strong>
											</span>
											@endif
										</div>
									</div>	<input type="hidden" name="name" id="name" class="form-control" value="">						
								</div>							
							</div>							
						</div>
					</div>
					<div class="card-footer">
						<button class="btn btn-primary" type="submit">Submit</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type='text/javascript'>
    $(document).ready(function(){
		$('#userid2').change(function(){
			var id = $(this).val();
			$('#mt5id2').find('option').not(':first').remove();
			$('#bankaccount').find('option').not(':first').remove();
			$.ajax({
				url: 'getmt5account/'+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 mt_userid = response[i].mt_userid;
							var balance = response[i].balance;
							var option = "<option value='"+mt_userid+"'>"+mt_userid+"</option>"; 
							$("#mt5id2").append(option); 
						}
					}
				}
			});
			$.ajax({
				url: 'getbankaccount/'+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>"; 
							$("#bankaccount").append(option); 
						}
					}
				}
			});
			$.ajax({
				url: 'getusername/'+id,
				type: 'get',
				dataType: 'json',
				success: function(response){
					if(response['data'] != null){
						var name = response['data']['name']; 
						$("#name").val(name);
					}
				}
			});
		});
	});
</script>
@endsection