@extends('backend.layouts.app')
@section('content')
<div class="row">
    <div class="col-xl-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title text-black">Activity Logs</h4>
                <div class="list-wrapper">
                    <ul class="d-flex flex-column-reverse todo-list todo-list-custom">
                        @forelse ($logs as $log)
                            <li class="{{ $log->method === 'PUT' ? 'completed' : '' }}">
                                <div class="form-check">
                                    <label class="form-check-label">
                                        <input class="checkbox" type="checkbox"
                                            {{ $log->method === 'PUT' ? 'checked' : '' }} disabled />
                                        <strong>{{ $log->user->name ?? 'System' }}</strong> —
                                        {{ $log->description ?? 'Performed an action' }}
                                    </label>
                                    <span class="list-time">{{ $log->created_at->diffForHumans() }}</span>
                                </div>
                            </li>
                        @empty
                            <li>
                                <div class="form-check">
                                    <label class="form-check-label text-muted">No activity found.</label>
                                </div>
                            </li>
                        @endforelse
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-12">
        @if ($logs instanceof \Illuminate\Pagination\LengthAwarePaginator)
            <div class="mt-3">
                {{ $logs->links('backend.layouts.paginate') }}
            </div>
        @endif
    </div>
</div>
@endsection