@extends('layouts.app1')

@section('content')

<!-- page content -->
<div class="right_col" role="main">
	@include('flashmessage')
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>AEPS Kyc Members</h3>
              </div>

              
            </div>
            
            <div class="clearfix"></div>

            <div class="panel-body">
            
            </div>

            <form action="/members/ekycApproved" method="GET">
                    <table class="table table-bordered" style="background: #fff;">
                        <thead>
                            <tr>
                                <th>Member Id</th>
                                <th>Name</th>
                                <th>Contact Number</th>    
                                <th scope="row">From Date</th>
                                <th scope="row">To Date</th>                                                         
                                <th>Kyc Status</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input value="{{request()->input('loginId')}}" type="text" name="loginId" class="form-control"> </td>
                                <td><input value="{{request()->input('name')}}" name="name" type="text" class="form-control"></td>
                                <td><input value="{{request()->input('contact')}}" name="contact" type="text" class="form-control"></td> 
                                <td><input value="{{request()->input('from_date')}}" class="form-control"
                                        name="from_date" type="date"></td>
                                <td><input value="{{request()->input('to_date')}}" class="form-control" name="to_date"
                                        type="date"></td>                               
                                <td>
                                    <select name="status" id="status" class="form-control">
										<option value="">All</option>
                                        <option {{ (request()->input('status')==0 )? 'selected' : '' }} value="0">Pending</option>
                                        <option {{ (request()->input('status')==1 )? 'selected' : '' }} value="1">Approved</option>
                                    </select>
                                </td>
                                <td><button class="btn btn-success btn-xs"> Search </button></td>
                            </tr>
                        </tbody>
                    </table>

                </form>

            <div class="row">
              <div class="col-md-12 col-sm-12 ">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>All<small>Members</small></h2>
                    
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                      <div class="row">
                          <div class="col-sm-12">
                            <div class="card-box table-responsive">
                    
					
                    <table id="datatable-responsive1" class="table table-bordered" cellspacing="0" width="100%" style="white-space: nowrap">
                      <thead>
                        <tr>
                            <th>SN</th>
                            <th>Member ID</th>
                            <th>Member</th>   
                            <th>Owner</th>
                            <th>Update Date</th>   
                            <th>Profile Pic</th> 
                            <th>Pancard</th> 
                            <th>Aadhar Front</th> 
                            <th>Aadhar Back</th>
                            <th>AEPS-1 eKyc</th>
                            <th>AEPS-2 eKyc</th>
                            <th>Offline KYC</th>                         
                        </tr>
                      </thead>
                      <tbody>  
                        @foreach ($members as $key=> $member)  
                        @if($member->package_type!="")   
                        @php
                            $module=
                            \App\Module::where(["module_slug"=>"account","user_id"=>$member->id])->first();
                        @endphp                
                        <tr>
                          <td>{{$key+1}}</td>
                          <td><a href="javascript:void(0)" onclick="userDetails('{{$member->id}}')" >{{$member->loginId}}</td>
                          <td>
							{{$member->name}} {{$member->middle_name}} {{$member->last_name}} ({{$member->package_type}})
							<br/><strong>{{$member->contact}}</strong>
						  </td>
                          <td>@if(isset($member->parent["loginId"])) {{$member->parent["loginId"]}} {{$member->parent["name"]?"(".$member->parent["name"]." ".$member->parent["last_name"].")":""}} @endif</td>
                          <td> @php

                                if( $module!=null)
                                {
                                echo $module->updated_at->format("d-m-Y H:i");
                                }else{
                                echo "Not updated yet";
                                }
                                @endphp
                          </td>
                          <td>
                            <a href="{{ $member->profilePic?asset('profilePic/'.$member->profilePic):'' }}" target="_blank">
                              {{ $member->profilePic?'View':'No Data' }}
                            </a>
							@if($member->kyc_status != 'Approved' && !empty($member->profilePic))
								<br/><a href="javascript:void(0)" style="color:red" onclick="rejectImage('{{Crypt::encrypt($member->id)}}','{{$member->profilePic}}','profile',this)">Reject Image</a>
							@endif
                          </td> 
                          <td>
                            <a href="{{ $member->panCardImage?asset('uploads/'.$member->panCardImage):'' }}" target="_blank">
                              {{ $member->panCardImage?'View':'No Data' }}
                            </a>
							@if($member->kyc_status != 'Approved' && !empty($member->panCardImage))
								<br/><a href="javascript:void(0)" style="color:red" onclick="rejectImage('{{Crypt::encrypt($member->id)}}','{{$member->panCardImage}}','pan',this)">Reject Image</a>
							@endif
                          </td> 
                          <td>
                            <a href="{{ $member->aadharFront?asset('uploads/'.$member->aadharFront):'' }}" target="_blank">
                              {{ $member->aadharFront?'View':'No Data' }}
                            </a>
							@if($member->kyc_status != 'Approved' && !empty($member->aadharFront))
								<br/><a href="javascript:void(0)" style="color:red" onclick="rejectImage('{{Crypt::encrypt($member->id)}}','{{$member->aadharFront}}','aadhar front',this)">Reject Image</a>
							@endif
                          </td> 
                          <td>
                            <a href="{{ $member->aadharBack?asset('uploads/'.$member->aadharBack):'' }}" target="_blank">
                              {{ $member->aadharBack?'View':'No Data' }}
                            </a>
							@if($member->kyc_status != 'Approved' && !empty($member->aadharBack))
								<br/><a href="javascript:void(0)" style="color:red" onclick="rejectImage('{{Crypt::encrypt($member->id)}}','{{$member->aadharBack}}','aadhar back',this)">Reject Image</a>
							@endif
                          </td> 
						  <td><span>{{ ($member->ekyc==1) ? 'Approved' : 'Pending' }}</span></td>
						  <td><span>{{ ($member->aeps_psp_mid !='' ) ? 'Approved' : 'Pending' }}</span></td>
                          <td>
                            @if($member->kyc_status == 'Pending')
                            <a href="" data-toggle="modal" data-target="#myModal{{$member->id}}" class="btn btn-info btn-sm">
                              Pending
                            </a>
                            @elseif($member->kyc_status == 'Rejected')
							<a href="" data-toggle="modal" data-target="#myModal{{$member->id}}" class="btn btn-danger btn-sm">
                              Rejected							  
                            </a>
                            @else
							<a href="" data-toggle="modal" data-target="#myModal{{$member->id}}" class="btn btn-success btn-sm">
                              Approved						  
                            </a>
                            @endif
                          </td> 
<td style=" overflow: hidden; width: 0px; height: 0px; display: block; " id="UserDetail{{$member->id}}">
<table class="table table-border">
	<tr>
		<th> Apply Date (आवेदन की तिथि) </th>
		<td> {{$member->created_at->format("d/m/Y")}}</td>
		<th>Customer Id</th>
		<td> {{$member->loginId}}</td>
		<th> Package Type</th>
		<td>{{$member->package_type}}</td>
	</tr>
	<tr>
		<th>Username</th>
		<td>{{$member->name}} {{$member->last_name}}</td>
		<th>Contact Number</th>
		<td>{{$member->contact}}</td>
		<th></th>
		<td></td>
	</tr>
	<tr>
		<th> Email</th>
		<td> {{$member->email}}</td>
		<th>Password</th>
		<td>{{$member->password_new}}</td>
		<th>TPIN</th>
		<td>{{$member->tpin}}</td>
	</tr>
	<tr>
		<th>Aadhar Number</th>
		<td>{{$member->aadhar}}</td>
		<th>Pan Number</th>
		<td>{{$member->pancard}}</td>
		<th></th>
		<td></td>
	</tr>
	<tr>
		<th>Shop name</th>
		<td colspan="1">{{$member->shop_name}}</td>
		<th>Shop Address</th>
		<td colspan="3">{{$member->shop_address}}</td>

	</tr>
	<tr>
		<th>Account Number</th>
		<td>{{$member->account_no}}</td>
		<th>IFSC</th>
		<td>{{$member->ifsc_code}}</td>
		<th></th>
		<td></td>

	</tr>
	<tr>
		<th>Account Number2</th>
		<td>{{$member->account_no2}}</td>
		<th>IFSC2</th>
		<td>{{$member->ifsc_code2}}</td>
		<th></th>
		<td></td>

	</tr>
	<tr>
		<th>Account Number3</th>
		<td>{{$member->account_no3}}</td>
		<th>IFSC3</th>
		<td>{{$member->ifsc_code3}}</td>
		<th></th>
		<td></td>

	</tr>
	<tr>
		<th>Address</th>
		<td colspan="4">
			{{  ucfirst(strtolower( $member->address . " ".$member->city.", ". $member->state." " . strtoupper($member->country).", ". $member->post_code))}}
		</td>
	   
	</tr>

</table>
</td>
                        <!-- Modal -->
  <div class="modal fade" id="myModal{{$member->id}}" role="dialog">
	<div class="modal-dialog">                            
	  <!-- Modal content-->
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title"></h4>
		</div>
		<form method="POST" id="form{{$member->id}}" action="/apes/pendingUser">
		  @csrf
		  <input type="hidden" name="id" value="{{Crypt::encrypt($member->id)}}">
		  <div class="modal-body">
			<select class="form-control" name="ekyc" onchange="selectStatus(this.value,{{$member->id}})">
			  <option value="">Select Option</option>
			  <option value="0">Pending</option>
			  <option value="1">Approved</option>
			  <option value="2">Rejected</option>
			</select>
			<br>
			<input type="text" name="reject_reason" class="form-control" placeholder="Enter a message/reason">
		  </div>
		  <div class="modal-footer">
			<button type="submit" class="btn btn-success">Update</button>
			<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
		  </div>
		</form>
	  </div>
	  
	</div>
  </div>
							                          
                        </tr> 
						@endif
                        @endforeach                       
                      </tbody>
                      <tfoot>
                            <tr>
                                <td colspan="16">
                                    {{ $members->appends($_GET)->links() }}
                                </td>
                            </tr>
                        </tfoot>

                    </table>
					
					
                  </div>
                </div>
              </div>
            </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /page content -->
<div class="modal fade" id="myModalUserDetail" role="dialog">
    <div class="modal-dialog"> 
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="mySmallModalLabel">Client Details (
                    उपभोक्ता का विवरण)</h4>

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body" id="modalBody">
				
            
			</div>

        </div>
    </div>
</div>
<script>
	function userDetails(userId){ 
		$('#modalBody').html('');
		$('#myModalUserDetail').modal('show');
		$('#modalBody').html($('#UserDetail'+userId).html());
	}
	function selectStatus(value,id){
		if(value=='2'){
			$('#form'+id).attr('action', '/members/rejectUser');
		} else if(value=='1'){
			$('#form'+id).attr('action', '/members/approveUser');
		} else {
			$('#form'+id).attr('action', '/members/pendingUser');
		}
	}
	function rejectImage(id,image,type,btn){
		if(confirm('Are you sure delete ' + type + ' image?')){
			$.ajax({
			  type: "post",
			  url: "/members/imageReject",
			  data: {id:id,image:image,type:type},	
			  headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},			  
			  success: function (response) {
					if(response.status=='success'){
						$(btn).css('display','none');
						$(btn).parent('td').html('');
					}
				alert(response.message);			 
			  }
			});
		}
	}
</script>
<style>
	.text-white a{
		color: #fff !important;
	}
  .fade:not(.show){
    opacity: 1;
  }
  .dt-buttons .btn-default {
    padding: 5px 15px;
    border-radius: 0.25rem;
    background: #169F85;;
    color: #fff;
    margin-right: 5px;
	
	}
	ul.pagination {
		margin:0px !important;
	}
</style>
@endsection