@extends('layouts.master')

 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  

  <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 type="text/css">


body
{
	background-color:white !important;
}


.uploadProfileImage{

/*background: rgba(170, 201, 177, .7);*/

    height: 100px;

    width: 100px;

    margin: 0px auto;

    background-size: cover;

   /* border-radius: 50%;*/

    z-index: 2;

    overflow: hidden;

    border: 2px solid #fff;

    cursor: pointer;

}



#top{

  margin-top: 10px;

}



.col-sm-2{

  margin-top:15px;

}





 .switch {

  position: relative;

  display: inline-block;

   width: 52px;
    height: 27px;


}



.switch input {display:none;}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider:before {

  position: absolute;

  content: "";

height: 20px;
    width: 20px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #2196F3;

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}





  </style>


<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 Waypoint Nav Images</h3>                
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
             


					<div class="table-responsive col-md-12">  
 
						
						  <table class="table table-striped">
						  <thead>
							<tr>
							  <th>#</th>
							 
							  <th>UserId</th>
							  <th>Last accessed Date</th>
							  <th>last accessed Time</th>
							</tr>
						  </thead>
						  <tbody>
						@php
							$num = 0;
						@endphp						
							@forelse($users as $user)
							<tr>							
							  <td>{{ ++$num }}</td>
							 
							  <td>	{{$user->userId}}</td>		
                              <td>	{{$user->date}}</td>
                              <td>	{{$user->time}}</td>		
							
									
							</tr>
					  </tbody>	


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




@endsection