@php
    $changes = $log->changes ?? [];
@endphp

<div class="space-y-3 py-2">
    @if (empty($changes))
        <p class="text-sm text-gray-400 text-center py-4">No change details recorded.</p>
    @else
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b border-gray-100">
                    <th class="text-left py-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wide w-1/4">Field</th>
                    <th class="text-left py-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wide">Before</th>
                    <th class="text-left py-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wide">After</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @foreach ($changes as $field => $value)
                    <tr>
                        <td class="py-2 px-3 font-medium text-gray-600 capitalize">{{ str_replace('_', ' ', $field) }}</td>
                        @if (is_array($value) && count($value) === 2)
                            <td class="py-2 px-3">
                                <span class="inline-block px-2 py-0.5 rounded bg-red-50 text-red-700 font-mono text-xs">{{ $value[0] ?? '—' }}</span>
                            </td>
                            <td class="py-2 px-3">
                                <span class="inline-block px-2 py-0.5 rounded bg-green-50 text-green-700 font-mono text-xs">{{ $value[1] ?? '—' }}</span>
                            </td>
                        @else
                            <td class="py-2 px-3 text-gray-500" colspan="2">
                                <span class="font-mono text-xs">{{ is_array($value) ? json_encode($value) : $value }}</span>
                            </td>
                        @endif
                    </tr>
                @endforeach
            </tbody>
        </table>

        <div class="pt-2 border-t border-gray-100 text-xs text-gray-400 space-y-0.5">
            <div><span class="font-semibold">Admin:</span> {{ $log->user_name }}</div>
            <div><span class="font-semibold">IP:</span> {{ $log->ip_address ?? '—' }}</div>
            <div><span class="font-semibold">Time:</span> {{ $log->created_at->format('d M Y, H:i:s') }}</div>
        </div>
    @endif
</div>