@can('viewLogs', \App\Models\Preprocessor::class)
<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 text-gray-900 dark:text-gray-100">

                <table class="min-w-full bg-white dark:bg-gray-800">
                    <thead>
                        <tr>
                            <th class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">Niveau</th>
                            <th class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">Utilisateur</th>
                            <th class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center"><strong>Action</strong> - Détail</th>
                            <th class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">Temps</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($logs as $log)
                            @php
                                switch ($log->level) {
                                    case 'info':
                                        $icon = 'fas fa-info-circle';
                                        $color = 'text-blue-500';
                                        break;
                                    case 'warning':
                                        $icon = 'fas fa-exclamation-triangle';
                                        $color = 'text-yellow-500';
                                        break;
                                    case 'error':
                                        $icon = 'fas fa-times-circle';
                                        $color = 'text-red-500';
                                        break;
                                    case 'debug':
                                        $icon = 'fas fa-bug';
                                        $color = 'text-gray-500';
                                        break;
                                    default:
                                        $icon = 'fas fa-circle';
                                        $color = 'text-gray-400';
                                }
                            @endphp
                            <tr>
                                <td class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">
                                    <i class="{{ $icon }} {{ $color }}"></i>
                                </td>
                                <td class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">
                                    <strong>{{ $log->user->name ?? 'Unknown User' }}</strong>
                                </td>
                                <td class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-left">
                                    <strong>{{ $log->action }}</strong> - {{ $log->details }}
                                </td>
                                <td class="py-2 px-4 border-b border-gray-200 dark:border-gray-700 text-center">
                                    <span class="text-sm text-gray-500">{{ $log->created_at->diffForHumans() }}</span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>
@endcan