@extends('layouts.master')

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


@push('cssCode')
<style>
.clientTable{
	margin:20px auto;
	font-size:15px; 
	font-weight: bold;
}

.clientTable tr td{
	padding: 4px;
	/* text-align: center; */
}
.nav-tabs li.active a{
	background-color: #41B3AB !important;
	color: #ffffff !important;
}
table td .btn{
	margin-right: 0px !important;
}
.text-right-width{
	text-align: right;
	width: 50%;
}
.profile-img{
	width: 150px;
    margin: 20px auto;
    border: 3px solid #000000;
    height: 150px;
}
.dataTables_wrapper .dataTables_length {
	float: right;
	display: none;
}
.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: left;
}
/*.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
}*/
</style>
@endpush

@section('content')
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Manage Users</h3>                
              </div>


            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="">
                  <div class="">
                   <div class="btn btn-primary pull-right" data-toggle = 'modal' data-target = '#addNew' style="border-radius:50px;"> <b>+</b> </div>

 <div class="clearfix"></div>
                      <div class="row">
                        {{ Form::open( array('url' => action('LoginController@getuser'), 'method'=>'post', 'id' => 'searchForm') ) }} 
                      
                        <div class="col-md-4 form-group">
                          <div class="input-group" style="display:block;">
                          <input type="text" name="search_by" value="{{ Request::input('search_by') }}" class="form-control filters" placeholder="Search by name, phone, email, membership number..." title="Search... ">
                          </div>
                        </div>
                         <div class="col-md-6 form-group">
                            {{ Form::submit('Search', ['id' => 'searchBtn', 'class' => 'btn btn-primary']) }}

                            <a   class="btn btn-default"  href="">Reset</a>
                          </div>
                      
                        {{ Form::close() }}
                      </div>

{{-- START ADD MODAL --}}
<div class="modal fade" id="addNew" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" 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>
				<h4 class="modal-title" id="modalLabel">Add New User</h4>
			</div>

			  {{ Form::open(['route' => 'admin-add-user', 'files' => true]) }}


			<div class="modal-body"> 
<center>
				<div style="border: 1px solid #E6E9ED; margin-left: -1px;width: 100px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image').click();" align="left" title=" Browse Image"> 

          <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

       </div>

          <input type="file" name="image" value="" class="browse_image" id="browse_image" onChange="uploadProfileImage1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">
</center>


				<label >  Name :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="name" class="form-control" required="" placeholder="">
				</div>	

				<label >  Email :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="email" class="form-control" required="" placeholder="">
				</div>	
				<label >  Phone :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="phone" class="form-control" required="" placeholder="">
				</div>	



<!-- 

				<label >  Image :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="file" name="image" class="form-control" required="" placeholder="">
				</div>	 -->


				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>
{{-- END ADD MODAL --}}




                    <div class="clearfix"></div>
					{{-- START ALERT BLOCK --}}
					@if(Session::has('successMessage'))
						<div class="alert alert-success" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('successMessage')) !!}
						</div>
					@endif
					@if(Session::has('dangerMessage') || count($errors))
						<div class="alert alert-danger" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('dangerMessage')) !!}
							{{ $errors->first() }}
						</div>
					@endif
					{{-- END ALERT BLOCK --}}
                  </div>
                  </div>








					<div class="table-responsive col-md-12">  
 
						
						  <table class="table table-striped">
						  <thead>
							<tr>
							  <th>#</th>
							  <th>Name</th>
							  <th>Email</th>
							  <th>Phone No</th>
							  <th>Membership Number</th>
							  <th> Signup Date</th>	
							  <th> Last Login Date</th>	
							  <th> Last Data Date</th>					
							  <th>Action</th>
							</tr>
						  </thead>
						  <tbody>
						@php
							$num = 0;
						@endphp						
							@forelse($users as $user)
							<tr>							
							  <td>{{ ++$num }}</td>
							  <td>{{$user->name }}</td>
							  <td>	{{$user->email }}</td>	
							  <td>	{{$user->phone }}</td>	
							  <td>	{{$user->unique_membership_id }}</td>		
							   <td>	{{ date('d M Y H:i:s',strtotime($user->created_at)) }}</td>		
							    <td>	
							    	@if($user->last_login_date != '')
							    	{{ date('d M Y H:i:s',strtotime($user->last_login_date)) }}
							    	@endif
							    </td>		
							     <td>@if($user->last_data_date != '')
							     	{{ date('d M Y H:i:s',strtotime($user->last_data_date)) }}
@endif
							     </td>							  
							  <td>
								
								 @if($user->isActive == 1)

			                      {!! html_entity_decode(link_to_route('admin-active-user', '<i class="fa fa-check" aria-hidden="true"></i>', [$user->id], ['class' => 'btn btn-success btn-xs', 'onclick' => 'return checkInActive()', 'title' => 'Activate'])) !!}
			                     @elseif($user->isActive == 0)

			                      {!! html_entity_decode(link_to_route('admin-inactive-user', '<i class="fa fa-times" aria-hidden="true"></i>', [$user->id], ['class' => 'btn btn-danger btn-xs', 'onclick' => 'return checkActive()', 'title' => 'Deactivate'])) !!}

			                     @endif		


  {!! html_entity_decode(link_to_route('admin_del_poiowner', '<i  class="fa fa-trash-o btn btn-danger btn-xs" aria-hidden="true"></i>', [$user->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!} 


 <a class="btn btn-primary btn-xs" data-toggle = 'modal' data-target = '#update{{$user->id}}' style="border-radius:50px;"> Update Password</a>



<div class="modal fade" id="update{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" 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>
				<h4 class="modal-title" id="modalLabel">Update Password </h4>
			</div>

			  {{ Form::open(['route' => 'edit_user_pass', 'files' => true]) }}
			<div class="modal-body"> 

				

				<input type="hidden" name="user_id" class="form-control" required="" value="{{$user->id }}" placeholder="">
					

				<label >  Password :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="password" name="password" class="form-control" placeholder="Password" required="" value=""  placeholder="">
				</div>	
				


				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>

 <a class="btn btn-primary btn-xs" href="user_visited/{{$user->id}}" style="border-radius:50px;"> Stamped Passport  </a>

 <a class="btn btn-primary btn-xs" href="user_stamp/{{$user->id}}" style="border-radius:50px;"> Collector Stamps</a>


 <a class="btn btn-primary btn-xs" href="user_gps_coordinates/{{$user->id}}" style="border-radius:50px;"> GPS Coordinates  </a>


 <a class="btn btn-primary btn-xs" data-toggle = 'modal' data-target = '#editNew{{$user->id}}' style="border-radius:50px;"> <i class="fa fa-pencil" aria-hidden="true"></i> </a>




<div class="modal fade" id="editNew{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" 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>
				<h4 class="modal-title" id="modalLabel">Edit User</h4>
			</div>

			  {{ Form::open(['route' => 'admin-edit-user', 'files' => true]) }}
			<div class="modal-body"> 
<center>
				<div style="border: 1px solid #E6E9ED; width: 100px; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image').click();" align="left" title=" Browse Image"> 

          @if(is_null($user->image))

            <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

            @else

            <img src="{{ $user->image }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

            @endif

       </div>

          <input type="file" name="image" value="" class="browse_image" id="browse_image" onChange="uploadProfileImage1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

</center>
				<label >  Name :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="name" class="form-control" required="" value="{{$user->name }}" placeholder="">


				<input type="hidden" name="user_id" class="form-control" required="" value="{{$user->id }}" placeholder="">
				</div>	

				<label >  Email :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="email" class="form-control" required="" value="{{$user->email }}"  placeholder="">
				</div>	
				<label >  Phone :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="phone" class="form-control" required="" value="{{$user->phone }}"  placeholder="">
				</div>	
				<label >  Membership Number :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="unique_membership_id" class="form-control" required="" value="{{$user->unique_membership_id }}"  placeholder="">
				</div>	




			<!-- 	<label >  Image :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="file" name="image" class="form-control" placeholder="">
				</div>	 -->


				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>





 <a class="btn btn-primary btn-xs" data-toggle = 'modal' data-target = '#viewNew{{$user->id}}' style="border-radius:50px;"> <i class="fa fa-eye" aria-hidden="true"></i> </a>


<div class="modal fade" id="viewNew{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" 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>
				<h4 class="modal-title" id="modalLabel">View User</h4>
			</div>

			  
			<div class="modal-body"> 
<center>
				

           @if(is_null($user->image))

          

            @else

            <img src="{{ $user->image }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

          @endif

    


</center>
<table class="" style="width: 100%">
	<tr>
		<td><label >  Name :</label>	</td>
		<td>	{{$user->name }}</td>
	</tr>
	<tr>
		<td><label >  Email :</label>	</td>
		<td>	{{$user->email }}</td>
	</tr>
	<tr>
		<td><label >  Phone :</label>	</td>
		<td>	{{$user->phone }}</td>
	</tr>
	<tr>
		<td><label >  GPS Location :</label>	</td>
		<td>	
@if($user->gps_latitude != ''){{ $user->gps_latitude}} / @endif  @if($user->gps_logitude != ''){{ $user->gps_logitude}}@endif

		</td>
	</tr>

	<tr>
		<td><label >  GPS Date/Time :</label>	</td>
		<td>	
@if($user->gps_date != '')
							     	{{ date('d M Y H:i:s',strtotime($user->gps_date)) }}
@endif

		</td>
	</tr>

	
</table>
					
<hr/>
		<center>	<h4 class="modal-title" id="modalLabel">Send Notification</h4></center>
<hr/>
 {{ Form::open(['route' => 'user_send_notification', 'files' => true]) }}

        <div class="form-group">
          {{ Form::label('name', 'Subject*', ['class' => 'control-label']) }}
          <div class="form-group">
            {{ Form::text('subject', null, ['class' => 'form-control', 'placeholder' => 'Fill Subject']) }}
            <input type="hidden" name="user_id" class="form-control" required="" value="{{$user->id }}" placeholder="">
          </div>
        </div>

        <div class="form-group">
          {{ Form::label('name', 'Message*', ['class' => 'control-label']) }}
          <div class="form-group">
            {{ Form::text('message', null, ['class' => 'form-control', 'placeholder' => 'Fill Message']) }}
          </div>
        </div>
        
        <div class="form-group">
          {{ Form::submit('Send', ['class' => 'btn btn-primary btn-block']) }}
        </div>
        {{ Form::close() }}
				


									
			</div>
			
		</div>
	</div>
</div>

							  </td>
							
		
														
							</tr>
					  </tbody>						 
						@empty							
						<tr> <td colspan="4" class="text-center">No Records Found.</td> </tr>
						@endforelse						
					</table>

					{{ $users->render() }}
				</div>                      
        
      </div>
    </div>
  </div>
</div>  	
	     




@endsection

@push('jsCode')

<script type="text/javascript">

function close_modal() {
    location.reload();
}


	$(document).ready(function(){
	
		$('#btn').click( function(){			
				alert('done');
			var category_name = $('$categoryName').value();
			$.ajax({
				 type: "POST",
				 data: 'category_name=' + 'category_name',
				 url: '{{ url("/") }}/add-category',
				 success: function(data){
				 	console.log(data);
				 }
			});
		});
	}); 
</script>

<script>


$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': '{{ csrf_token() }}'
			}
		});

$(document).on('click', '.pagination li a', function(e){
	e.preventDefault();
	var url = $(this).attr('href');
	$('#searchForm').attr('action', url);
	console.log($('#searchForm').attr('action'));
	$('#searchForm').submit();
});

function checkInActive(){
	return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
	return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
	return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
	disabledSearchBtn();
	
	$(document).on('change', '#searchForm select', function(){
		disabledSearchBtn();
	});
	
	$(document).on('keyup', '#searchForm input', function(){
		disabledSearchBtn();
	});
	
	function disabledSearchBtn(){
		var searchBtn = false;
		$('.filters').each(function(){
			if($(this).val() != ''){
				searchBtn = true;
				return true;
			}
		});
		
		if(searchBtn){
			$('#searchBtn').removeAttr('disabled');
		}
		else{
			$('#searchBtn').attr('disabled', true);
		}
	}
});


    
</script>


<script type="text/javascript">



 function uploadProfileImage1(fileInput) {

    if (fileInput.files && fileInput.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar1').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput.files[0]);

    }

  }   





 function uploadProfileImage2(fileInput2) {

    if (fileInput2.files && fileInput2.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar2').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput2.files[0]);

    }

  }   





 function uploadProfileImage3(fileInput3) {

    if (fileInput3.files && fileInput3.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput3.files[0]);

    }

  }   





function uploadProfileImage4(fileInput4) {

    if (fileInput4.files && fileInput4.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar4').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput4.files[0]);

    }

  }   





  function uploadProfileImage5(fileInput5) {

    if (fileInput5.files && fileInput5.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar5').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput5.files[0]);

    }

  }   



  function uploadProfileImage6(fileInput6) {

    if (fileInput6.files && fileInput6.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar6').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput6.files[0]);

    }

  }   





  function uploadProfileImage7(fileInput7) {

    if (fileInput7.files && fileInput7.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar7').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput7.files[0]);

    }

  }   





 function uploadProfileImageH1(fileInputH1) {

    if (fileInputH1.files && fileInputH1.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH1').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH1.files[0]);

    }

  }   





 function uploadProfileImageH2(fileInputH2) {

    if (fileInputH2.files && fileInputH2.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH2').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH2.files[0]);

    }

  }   





 function uploadProfileImageH3(fileInputH3) {

    if (fileInputH3.files && fileInputH3.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH3.files[0]);

    }

  }   
</script>


@endpush