@extends('layouts.admin_template')
@section('content')
<div data-ng-controller="userController">
  <!-- <section class="content-header"> 
	  <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="container-fluid">
		  <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-12">
			  	<div class="card  rounded-3 box-shadow" ng-init="depositdetail();">
				  	<div class="card-header black-background">
					  	<h3 class="card-title">Deposit Listing</h3>
					  </div>            
					  <div class="card-body table-responsive">
					  	<table id="userlists" class="table table-hover table-striped">
						  	<thead>
							  	<tr>
								  	<!-- <th>email</th> -->
									<th>Client Name</th>
									<th>Parent Name</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>Requested Date</th>
					<th>Approved Date</th>
                    <th>Status</th>
                    <th>Action</th>
                  </tr>
							  </thead> 
							  <tbody>                 
								  <tr data-ng-repeat="user in depositdata">
                    <!-- <td>[[user.email]]</td> -->
					<td>[[user.name]]</td>
					<td>[[user.parent_name]]</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="{{ asset('/images/depositproof/[[user.depositproof]]') }}" data-toggle="lightbox" data-title="File">
						<img width="60" height="60" src="{{ asset('/images/depositproof/[[user.depositproof]]') }}"></a>                      
                    </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="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  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" 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