@extends('layouts.admin_template')
@section('content')
<div data-ng-controller="docverificationController">
	<!-- <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-file"></i>&nbsp;&nbsp; User 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 black-background">
						<h3 class="card-title">Document Listing</h3>
					</div>					
					<div class="card-body">
						<table id="userlists" class="table table-hover table-striped">
							<thead>
								<tr>
									<th>User Name</th>
									<th>Email</th>
									<th>Phone</th>					
									<th>Requested Date</th>
									<th>Approved Date</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								@if(count($userdata) > 0)
								@foreach($userdata as $user)
								<tr>
									<td>{{ $user->name }}</td>
									<td>{{ $user->email }} </td>
									<td>{{ $user->phone }} </td>
									<td>{{ $user->created_at }} </td>
									<td>{{ $user->updated_at }} </td>
									<td>
										<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#favoritesModal1" ng-click="userdetails({{ $user->id }});"><i class="fa fa-eye"></i> &nbsp;Details</button>
									</td>
								</tr>
								@endforeach
								@endif
							</tbody>							
						</table>
						
						<div class="modal fade" id="bankdoc" tabindex="-1" role="dialog" aria-labelledby="bankdoc">
							<div class="modal-dialog bankdoc" role="document">
								<div class="modal-content  rounded-3  box-shadow">
									<div class="modal-header">
									<h3 class="modal-title" id="bankdoc">User Documents</h3>	
									<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span></button>
										
									</div>									
									<div class="modal-body">
										<div ng-if="bankdocdata == '' "><h4 class="center">No Data Found</h4></div>
										<h4> Bank Details</h4>
										<table id="statelisting" class="table table-bordered table-striped">
											<thead>
												<tr>
													<th>Account Name</th>
													<th>Account No.</th>
													<th>SWIFT Code</th>  
													<th>Branch Name</th>
													<th>Branch Address</th>
													<th>Action</th>
												</tr>
											</thead>
											<tbody>
												<tr data-ng-repeat="bank in bankdocdata">
													<td>[[bank.account_name]]</td>  
													<td>[[bank.account_no]]</td>   
													<td>[[bank.ifsc]]</td>   
													<td>[[bank.branch_name]]</td>    
													<td>[[bank.bankaddress]]</td>    
													<td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editbank" ng-click="editbankdataadmin([[bank.id]])"><i class="fa fa-edit"></i> Edit</button> </td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						
						<div class="modal fade" id="favoritesModal1" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
							<div class="modal-dialog docmodaldata" role="document">
								<div class="modal-content  rounded-3  box-shadow">
									<div class="modal-header">
									<h3 class="modal-title" id="favoritesModal1">User Documents</h3>
										<button type="button" class="close" data-dismiss="modal" aria-label="Close">
										<span aria-hidden="true">&times;</span></button>
										
									</div>									
									<div class="modal-body">
										<div class="tabs">

										<ul class="nav nav-tabs mb-3" id="ex1" role="tablist">
											<li class="nav-item" role="presentation">
												<a class="nav-link demo active" id="ex1-tab-1" ng-click="userdetails([[userdata[0].userid]]);" data-mdb-toggle="tab" href="#ex1-tabs-1" role="tab"
													aria-controls="ex1-tabs-1" aria-selected="true">Documents</a>
											</li>
											<li class="nav-item" role="presentation">
												<a class="nav-link demo" id="ex1-tab-2" data-mdb-toggle="tab" ng-click="bankdocdetails([[userdata[0].userid]]);" href="#ex1-tabs-2" role="tab"
													aria-controls="ex1-tabs-2" aria-selected="false">Bank Details</a>
											</li>               
										</ul>

											<!-- <ul class="tab-links">
												<li class="active"><a href="#documen" ng-click="userdetails([[userdata[0].userid]]);">Documents</a></li>
												<li><a href="#tab2" ng-click="bankdocdetails([[userdata[0].userid]]);">Bank Details</a></li>
											</ul>  -->
											<div class="tab-content" id="ex1-content">
                    							<div class="tab-pane fade show active" id="ex1-tabs-1" role="tabpanel" aria-labelledby="ex1-tab-1">
													<div ng-if="userdata == '' "><h4 class="center">No Documents upoloaded</h4></div>
													<div class="row" ng-if="userdata != '' ">
														<div class="col-md-6">
															<h4>POA Documents</h4>
															<table id="statelisting" class="table table-bordered table-striped">
																<thead>
																	<tr>
																		<th>File</th>
																		<th>Status</th>
																	</tr>
																</thead>
																<tbody>
																	<tr data-ng-repeat="user in userdata | filter: { doctype: 'poa' }">
																		<td ng-if="user.extension == 'docx' || user.extension == 'pdf'">
																			<a href="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}" target="_blank" class="btn btn-info">View Document</a>
																		</td>
																		<td ng-if="user.extension == 'png' || user.extension == 'jpg' || user.extension == 'jpeg'">
																			<a class="lightbox" data-toggle="lightbox" data-title="File" href="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}"><img width="60" height="60" src="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}"></a>																		
																		</td>
																		<input type="hidden" name="docid" id="docid" value="[[user.id]]">
																		<td>
																			<button type="button" class="btn btn-primary" >Approved</button>
																		</td>
																	</tr>
																</tbody>
															</table>
														</div>
														<div class="col-md-6">
															<h4>POI Documents</h4>															
															<table id="statelisting" class="table table-bordered table-striped">
																<thead>
																	<tr>
																		<th>File</th>
																		<th>Status</th>
																	</tr>
																</thead>
																<tbody>																	
																	<tr data-ng-repeat="user in userdata | filter: { doctype: 'poi' }">
																		<td ng-if="user.extension == 'docx' || user.extension == 'pdf'">
																			<a href="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}" target="_blank" class="btn btn-info">View Document</a>
																		</td>
																		<td ng-if="user.extension == 'png' || user.extension == 'jpg' || user.extension == 'jpeg'">
																			<a data-toggle="lightbox" data-title="File" class="lightbox" href="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}"><img width="60" height="60" src="{{ asset('/images/[[user.doctype]]/[[user.userid]]/[[user.filename]]') }}"></a>																			
																		</td>																		
																		<td>
																			<button type="button" class="btn btn-primary" >Approved</button>
																		</td>
																	</tr>
																</tbody>
															</table>
														</div>
													</div>													
												</div>
												<div class="tab-pane fade" id="ex1-tabs-2" role="tabpanel" aria-labelledby="ex1-tab-2">											
													<div ng-if="bankdocdata == '' "><h4 class="center">No Data Found</h4></div>
													<h4> Bank Details</h4>
													<table id="statelisting" class="table table-bordered table-striped">
														<thead>
															<tr>
																<th>Account Name</th>
																<th>Account No.</th>
																<th>SWIFT Code</th>  
																<th>IBAN No</th>  
																<th>Branch Name</th>
																<th>Branch Address</th>
																<th>Action</th>
															</tr>
														</thead>
														<tbody>
															<tr data-ng-repeat="bank in bankdocdata">
																<td>[[bank.account_name]]</td>  
																<td>[[bank.account_no]]</td>   
																<td>[[bank.ifsc]]</td>   
																<td>[[bank.iban]]</td>   
																<td>[[bank.branch_name]]</td>    
																<td>[[bank.bankaddress]]</td>    
																<td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#editbank" ng-click="editbankdataadmin([[bank.id]])"><i class="fa fa-edit"></i> Edit</button> </td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="modal fade" id="addcomment" tabindex="-1" role="dialog" aria-labelledby="favoritesModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content  rounded-3  box-shadow">
					<div class="modal-header">
					<h3 class="modal-title" id="addcomment">Add Comments</h3>	
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
						
					</div>
					<div class="modal-body">							
						<div>
							<label>Add your comments</label><br>
							<textarea name="commentdata" id="commentdata"></textarea><br><br>
							<button type="button" data-dismiss="modal" class="btn btn-primary" ng-click="submitcomments([[comment.docid]]);">Submit</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="modal fade" id="editbank" tabindex="-1" role="dialog" aria-labelledby="editbank">
			<div class="modal-dialog" role="editbank">
				<div class="modal-content  rounded-3  box-shadow">
					<div class="modal-header">
					<h3 class="modal-title" id="editbank">Edit Bank Details</h3>	
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
						
					</div>
					<div class="modal-body">							
						<div>
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">Account Name<span class="required-mark">*</span> : </label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="accname2" name="accname" placeholder="Enter Account Name" value="[[editbankdata.account_name]]">
								</div>
							</div> 
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">Account No.<span class="required-mark">*</span> : </label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="accno2" name="accno" placeholder="Enter Account No" value="[[editbankdata.account_no]]">
								</div>
							</div>
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">SWIFT Code<span class="required-mark">*</span> : </label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="ifsc2" name="ifsc" placeholder="Enter SWIFT Code" value="[[editbankdata.ifsc]]">
								</div>
							</div>								
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">IBAN No.<span class="required-mark">*</span> : </label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="iban2" name="iban" placeholder="Enter IBAN No" value="[[editbankdata.iban]]">
								</div>
							</div>								
							<div class="form-group">
								<label for="name" class="col-sm-2 control-label">Branch Name<span class="required-mark">*</span> : </label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="branchname2" name="branchname" placeholder="Enter Branch Name" value="[[editbankdata.branch_name]]">
								</div>
							</div>								
							<button type="button" data-dismiss="modal" class="btn btn-primary" ng-click="submiteditbankdetailsadmin([[editbankdata.id]]);">Submit</button>
						</div>
					</div>
				</div>
			</div>
		</div>			
	</section>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/6.0.1/mdb.min.js"></script>
@endsection