@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>New Member Request</h3>
              </div>

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

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

            <form action="/members/newUserRequest" method="GET">
                    <table class="table table-bordered" style="background: #fff;">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Number</th>
                                <th>Email</th>
                                <th>#</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <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('email')}}" name="email" type="text" class="form-control"></td> 
      
                                <td><button class="btn btn-success btn-xs"> Search </button>
								<a href="{{ route('newUserRequest') }}" class="btn btn-dark btn-xs"> Reset </a></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>Name</th>                       
                            <th>Email</th>                       
                            <th>Contact</th>                       
                            <th>Pan</th>                       
                            <th>Aadhar</th>                      
                            <th>PIN</th>                       
                            <th>State</th>                       
                            <th>City</th>                        
                            <th>User Type</th>                        
                            <th>Status</th>                        
                        </tr>
                      </thead>
                      <tbody>  
						 @foreach ($members as $key=> $member)
                        <tr>
                          <td>{{ $key+1 }}</td> 			                          
                          <td>{{ $member->name }}</td> 			                          
                          <td>{{ $member->email }}</td> 			                          
                          <td>{{ $member->mobile }}</td> 			                          
                          <td>{{ $member->pan }}</td> 			                          
                          <td>{{ $member->aadhar }}</td> 			                          
                          <td>{{ $member->pin_code }}</td> 			                          
                          <td>{{ $member->state }}</td> 			                          
                          <td>{{ $member->city }}</td> 			                          
                          <td>{{ $member->user_code }}</td> 			                          
                          <td>
							@if($member->regis_status == 'PENDING')
							<a href="javascript:void(0)" data-toggle="modal" data-target="#myModal{{$member->id}}" class="btn btn-info btn-sm">
                              {{ $member->regis_status }}
                            </a>
							<!--<a href="{{ url('/') }}/members/create?createid={{$member->id}}" class="btn btn-danger btn-sm" target="_blank">Create Now</a>-->
							@else
								{{ $member->regis_status }}
							@endif
						  </td> 			                          
                        </tr>  
  <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="{{ route('newUserRequest_updateStatus') }}">
		  @csrf
		  <input type="hidden" name="id" value="{{Crypt::encrypt($member->id)}}">
		  <div class="modal-body">
			<select class="form-control" name="status" >
			  <option value="">Select Option</option>
			  <option value="APPROVED">Approved</option>
			  <option value="REJECTED">Rejected</option>
			</select>
		  </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>						
                        @endforeach                  
                      </tbody>
                      <tfoot>
                            <tr>
                                {{ $members->appends($_GET)->links() }}
                            </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');
		}
	}
</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