@extends('layouts.dashboard_admin')
@section('content')

<!-- Start Page Header -->
<div class="page-header">
    <h1 class="title">User Logs</h1>
</div>
<div class="row"> 
</div>
<!-- End Page Header --> 
<!-- Start Container -->
<div class="container-padding animated fadeInRight"> 
    <!-- Start Row -->
    <div class="row"> 
        <!-- Start Panel -->
        <div class="col-12">
            <div class="panel panel-default">
                @if(Session::has('msg'))
                <div class="foxlabel-alert foxlabel-alert-icon alert3"> <i class="fa fa-check"></i> <a href="#" class="closed">&times;</a> {{ \Illuminate\Support\Facades\Session::get('msg') }}</div>
                @endif
                <div class="panel-title"> Data </div>
                <div class="panel-body table-responsive">

                    @if ( ! $data->isEmpty() )
                    <table id="example0" class="table display">
                        <thead>
                            <tr>
                                <th width="20">No</th>
                                <th>Nama User</th>
                                <th>Keterangan</th>
                                <th>Tanggal</th>   
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($data as $logs)
                            <tr>
                                <td>{{$no++}}</td>
                                <td>
                                    {{ $logs->user->name }}
                                </td>
                                <td>
                                    {{ $logs->keterangan }}
                                </td>
                                <td>
                                    {{ $logs->created_at }}
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @else
                    <p class="text-center"><strong>Belum Ada Logs.</strong></p>
                    @endif
                </div>
            </div>
        </div>                  
        <!-- End Panel --> 
    </div>
    <!-- End Row --> 
</div>
@endsection