@extends('admin.layouts.app')

@section('title', 'Activity Log')

@section('content')
    <div class="card mb-2">
        <div class="card-body py-2">
            <div class="row d-flex justify-content-between align-items-center">
                <div class="col-lg-6 d-flex" style="gap:6px;">
                    <h4>Activity Log</h4>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            @include('admin.activity_log.filters')

            <div class="border table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Action</th>
                            <th>User</th>
                            <th>Model</th>
                            <th>Properties</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($activities as $activity)
                            <tr>
                                <td>{{ $loop->iteration + ($activities->firstItem() - 1) }}</td>
                                <td class="text-dark text-capitalize">
                                    {{ $activity->event }}
                                    <br>
                                    Description: <small class="text-info">{{ $activity->description }}</small>
                                </td>
                                <td>
                                    {{ optional($activity->causer)->name ?? 'System' }}
                                    <br>
                                    <small class="text-muted">{{ optional($activity->causer)->email }}</small>
                                </td>
                                <td>
                                    {{ class_basename($activity->subject_type) }}
                                    {{-- #{{ $activity->subject_id }} --}}
                                </td>
                                <td style="max-width: 270px;">
                                    @if($activity->properties->isNotEmpty())
                                        <pre class="bg-light rounded p-1 m-0 small">{{ json_encode($activity->properties, JSON_PRETTY_PRINT) }}</pre>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td>
                                    {{ $activity->created_at->diffForHumans() }}
                                    <br>
                                    <small class="text-muted">{{ $activity->created_at->format('Y-m-d H:i A') }}</small>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">No records found!</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <x-pagination-summary :items="$activities" />
        </div>
    </div>
@endsection