<div class="p-4">
    <pre class="text-xs bg-gray-50 dark:bg-gray-900 rounded-lg p-4 overflow-x-auto border border-gray-200 dark:border-gray-700"><code class="text-gray-700 dark:text-gray-300 font-mono">{
  "id": {{ $record->id }},
  "admin_id": {{ $record->admin_id }},
  "target_user_id": {{ $record->target_user_id }},
  "admin_name": "{{ $record->admin?->name ?? 'Unknown' }}",
  "admin_email": "{{ $record->admin?->email ?? 'Unknown email' }}",
  "target_user_name": "{{ $record->targetUser?->name ?? 'Unknown' }}",
  "target_user_email": "{{ $record->targetUser?->email ?? 'Unknown email' }}",
  "ip_address": "{{ $record->ip_address }}",
  "status": "{{ $record->status }}",
  "start_time": "{{ $record->start_time->toIso8601String() }}",
  @if($record->end_time)"end_time": "{{ $record->end_time->toIso8601String() }}",
  @endif"duration_in_minutes": @if($record->duration_in_minutes){{ $record->duration_in_minutes }}@else null @endif,
  "pages_visited": {!! json_encode($record->pages_visited, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) !!},
  "actions_taken": {!! json_encode($record->actions_taken, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) !!},
  "user_agent": "{{ $record->user_agent ?? 'Not recorded' }}"
}</code></pre>
</div>
