@extends('layouts.adminmonevpkam')

@section('content')
<!-- Content Wrapper. Contains page content -->
  
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h3 style="padding-left:30px;color:#872522">
       Login Activity<br>
        <small style="color:#E74A38;">data history login activity</small>
      </h3>
     
    </section>

    <!-- Main content -->
    <section class="content">
      
      <!-- /.row (main row) -->
      <div class='content'>
        @include('layouts._flash')
        <div class='container-fluid'>
            <!-- Box -->
            <div class="card" >
                <div class="card-header card-header-primary">
                    <h3 class="box-title">Log User</h3>
                </div>
                <div class="box-body" style="padding-left:20px;padding-top:20px;">
                @if(count($loginActivities) > 0)
			<table class="table table-responsive table-bordered" style="width:51%;">
			  <thead>
			  <tr>
				<th>User Name</th>
                <th>Group User</th>
                <th>Last Seen</th>
                <th>Status</th>

			  </tr>
			  </thead>
			  <tbody>
              @foreach($loginActivities as $loginActivity)
			  <tr>
				<td>{!! $loginActivity->username !!}</td>
                <td>{!! $loginActivity->role_user !!}</td>
				<td>{!! $loginActivity->created_at->diffForHumans() !!}</td>
                <td>{!! $loginActivity->type !!}</td>
				
			  </tr>
			  @endforeach
			  </tbody>
			  </table>
			  <div class="paginate">
				{!! $loginActivities->render() !!}
			  </div>
			  @endif
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </div>
      </div><!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
@endsection