@if($logs->count() > 0)
<div class="table-responsive">
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th>Date & Time</th>
                <th>User</th>
                <th>Action</th>
                <th>Target</th>
                <th>Description</th>
                <th>IP Address</th>
                <th>Details</th>
            </tr>
        </thead>
        <tbody>
            @foreach($logs as $log)
            <tr>
                <td style="white-space: nowrap;">{{ $log->created_at->format('d M Y H:i:s') }}</td>
                <td>
                    @if($log->headOfficeUser)
                        {{ $log->headOfficeUser->user->name ?? 'Unknown' }}
                    @else
                        <span class="text-muted">System</span>
                    @endif
                </td>
                <td>
                    @php
                        $badgeClass = match($log->action_type) {
                            'profile_created' => 'badge-success',
                            'profile_updated' => 'badge-info',
                            'user_updated' => 'badge-primary',
                            'user_access_rights_updated' => 'badge-warning',
                            default => 'badge-secondary'
                        };
                    @endphp
                    <span class="badge {{ $badgeClass }}">
                        {{ ucwords(str_replace('_', ' ', $log->action_type)) }}
                    </span>
                </td>
                <td>
                    @if($log->target_type && $log->target_id)
                        {{ ucfirst($log->target_type) }} #{{ $log->target_id }}
                    @else
                        <span class="text-muted">-</span>
                    @endif
                </td>
                <td>{{ $log->description ?? '-' }}</td>
                <td>{{ $log->ip_address ?? '-' }}</td>
                <td>
                    @if($log->old_values || $log->new_values)
                        <button type="button" 
                                class="btn btn-sm btn-outline-primary view-details-btn" 
                                data-old-values='@json($log->old_values)'
                                data-new-values='@json($log->new_values)'
                                onclick="showLogDetails({{ $log->id }}, this.getAttribute('data-old-values'), this.getAttribute('data-new-values'))">
                            <i class="fa fa-eye"></i> View
                        </button>
                    @else
                        <span class="text-muted">-</span>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<div class="mt-3">
    {{ $logs->links() }}
</div>

@else
<div class="alert alert-info">
    <i class="fa fa-info-circle"></i> No activity logs found for the selected filters.
</div>
@endif