@extends('layouts.admin_template')
@section('content')
<div data-ng-controller="userController">
    <!-- <section class="content-header" data-ng-controller="userController">
		<div class="row">
       		<div class="col-xs-12 col-sm-12 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" ng-init="withdrawdetail();">
					<div class="card-header black-background">
						<h3 class="card-title">Withdraw Listing</h3>
					</div>            
					<div class="card-body table-responsive">
						<table id="userlists" class="table table-hover table-striped">
							<thead>
								<tr>
									<!--<th>Id</th>-->
									<th>Name</th>
									<th>Parent Name</th>
									<th>Bank Account</th>
									<th>Vertex Id</th>
									<th style="min-width:120px;">Account Type</th>
									<th>Amount</th>
									<th>Client Note</th>
									<th>Admin Comment</th>
									<th>Requested Date</th>
									<th>Approved Date</th>
									<th>Status</th>
									<th>Action</th>
								</tr>
							</thead> 
							<tbody>
								<tr data-ng-repeat="user in withdrawdata" class="[[user.classname]]">
									<!--<td>[[user.id]]</td>-->
									<td>[[user.name]]</td>
									<td>[[user.parent_name]]</td>
									<td>[[user.bankaccount]]</td>
									<td>[[user.mt5id]]</td>
									<td>[[user.accounttype]]</td>
									<td>[[user.amount]]</td>
									<td>[[user.note]]</td>
									<td>[[user.admincomment]]</td>
									<td>[[user.date]]</td>
									<td>[[user.approvedate]]</td>
									<td ng-if="user.status == '0'"><button type="button" class="btn btn-warning btn-sm">Pending</button></td> 
									<td ng-if="user.status == '1'"><button type="button" class="btn btn-success btn-sm">Approved</button></td> 
									<td ng-if="user.status == '2'"><button type="button" class="btn btn-danger btn-sm">Rejected</button></td> 
									<td ng-if="user.status == '1'">
										<button type="button" class="btn btn-primary disabled">Approved</button>
									</td>
									<td ng-if="user.status == '0'">
										<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addcomment" ng-click="addwithdrawcomments([[user.id]],'client');">Submit</button>
									</td>
									<td ng-if="user.status == '2'">
										<button type="button" class="btn btn-primary disabled">Rejected</button>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		
		<div class="modal fade" id="addcomment" tabindex="-1" role="dialog" aria-labelledby="addcomment">
			<div class="modal-dialog" role="document">
                <div class="modal-content  rounded-3  box-shadow">
					<div class="modal-header">
						<h3 class="modal-title" id="addcomment">Submit Approval</h3> 
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
						
					</div>
                    <div class="modal-body">
						<b style="color:red;" ng-if="commentde.totalcount > 1">NOTE:- This user have total [[commentde.totalcount]] pending requests.</b>            
						<div class="form-group">
							<label>Amount(In USD)</label><br>
							<input type="text" name="amount" id="amount" class="form-control" value="[[commentde.amount]]"><br> 
							<label>Amount(In INR)</label><br>
							<input type="text" name="inramount" id="inramount" class="form-control" value=""><br> 
							<label> Add Status </label>
							<select name="status" id="status" class="form-control">
								<option value='1'>Approve</option>
								<option value='2'>Reject</option>
							</select>
						</div>
						<div class="form-group">
							<label> Select Exchanger </label>
							<select name="exchanger" id="exchanger" class="form-control">
								@foreach($exchangers as $exchanger)
								<option value='{{$exchanger->id}}'>{{$exchanger->name}}</option>
								@endforeach    
							</select>
						</div>
						<div>
							<label>Add your comments</label><br>
							<textarea name="commentdata" id="commentdata"></textarea><br><br>
							<label>Description</label><br>
							<textarea class="form-control" name="description" id="description"></textarea><br><br>
							<input type="hidden" id="usertype" value="client">
							<button type="button" class="btn btn-primary" ng-click="submitwithdrawcomments([[commentde.id]],'client');">Submit</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
@endsection