@php
    $logs = $logs ?? $model->auditHistory()->with('user')->limit(50)->get();
@endphp

@if($logs->count() > 0)
    <div class="timeline">
        @foreach($logs as $log)
            <div class="timeline-item mb-3 pb-3 border-bottom">
                <div class="d-flex justify-content-between align-items-start">
                    <div>
                        <span class="badge badge-{{ $log->action_badge }}">
                            {{ $log->action_label }}
                        </span>
                        <strong class="ml-2">{{ $log->user?->name ?? 'System' }}</strong>
                        <small class="text-muted ml-2">
                            {{ $log->created_at->format('M d, Y g:i A') }}
                        </small>
                        <small class="text-muted ml-2">
                            ({{ $log->created_at->diffForHumans() }})
                        </small>
                    </div>
                    @if($log->ip_address)
                        <small class="text-muted">
                            <i class="fas fa-globe"></i> {{ $log->ip_address }}
                        </small>
                    @endif
                </div>
                
                @if($log->action === 'UPDATE' && !empty($log->new_values_array))
                    <div class="mt-2 ml-4">
                        <small class="text-muted">Changed fields:</small>
                        <ul class="list-unstyled mb-0 ml-2">
                            @foreach($log->new_values_array as $field => $newValue)
                                @if(isset($log->old_values_array[$field]))
                                    <li>
                                        <code>{{ $field }}</code>:
                                        <span class="text-danger">{{ Str::limit($log->old_values_array[$field] ?? 'null', 50) }}</span>
                                        <i class="fas fa-arrow-right mx-1"></i>
                                        <span class="text-success">{{ Str::limit($newValue ?? 'null', 50) }}</span>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        @endforeach
    </div>
@else
    <p class="text-muted text-center py-3">
        <i class="fas fa-info-circle mr-1"></i>No audit history available
    </p>
@endif