@props(['changes'])

@if ($changes->isNotEmpty())
    <div class="card p-4 mt-6">
        <h3 class="label mb-2">Recent changes</h3>
        <table class="dashboard-table w-full text-sm">
            <thead>
                <tr>
                    <th>When</th>
                    <th>Who</th>
                    <th>Field</th>
                    <th>From</th>
                    <th>To</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($changes as $change)
                    <tr>
                        <td>{{ $change->created_at->format('Y-m-d H:i') }}</td>
                        <td>{{ $change->user?->name ?? 'Unknown' }}</td>
                        <td>{{ $change->field }}</td>
                        <td class="text-muted">{{ \Illuminate\Support\Str::limit($change->old_value ?? '—', 30) }}</td>
                        <td>{{ \Illuminate\Support\Str::limit($change->new_value ?? '—', 30) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif