@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-6 col-md-6 col-lg-6">
       			<h4 class="mainsection-title"><i class="fa fa-user"></i>&nbsp;&nbsp; Deposit 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="box" ng-init="depositdetail();">
					<div class="box-header">
						<h3 class="box-title">Deposit Listing</h3>
					</div>            
					<div class="box-body table-responsive">
						<table id="statelisting1" class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>Id</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>Payment Method</th>
									<th>Deposit Proof</th>
									<th>Date</th>
									<th>Status</th>
									<th>Action</th>
								</tr>
							</thead> 
							<tbody>                 
								<tr data-ng-repeat="user in depositdata" class="[[user.classname]]">
									<td>[[user.email]]</td>
									<td>[[user.mt5id]]</td>
									<td>[[user.accounttype]]</td>
									<td>[[user.amount]]</td>
									<td>[[user.note]]</td>
									<td>[[user.admincomment]]</td>	
									<td>[[user.paymentmethod]]</td>
									<td>
										<a class="lightbox" href="#documenton[[user.id]]"><img width="60" height="60" src="{{ asset('/images/depositproof/[[user.depositproof]]') }}"></a>
										<div class="lightbox-target" id="documenton[[user.id]]">
											<img src="{{ asset('/images/depositproof/[[user.depositproof]]') }}"/>
											<a class="lightbox-close" href="#"></a>
										</div>
									</td>
									<td>[[user.date]]</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="adddepositcomments([[user.id]]);">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">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
						<h3 class="modal-title" id="addcomment">Submit Approval</h3>
					</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" maxlength="30"></textarea><br><br>
							<button type="button" id="submitdepc" class="btn btn-primary" ng-click="submitdepositcomments([[commentde.id]]);">Submit</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>
@endsection