@extends('layouts.app')

@section('title', 'Admin - Errores')
@section('content')

<div class="p-4 w-full">
    <div class="w-full mb-6 p-4 rounded-lg shadow-md bg-white dark:bg-gray-800">
        <h1 class="text-3xl font-bold mb-6 dark:text-gray-400">Listado de Errores</h1>
    </div>

    @include('../../validaciones')

    <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-4">
        <div class="overflow-x-auto">
            <table class="w-full border-collapse">
                <thead>
                    <tr class="bg-gradient-to-r from-red-600 to-red-700 text-red-100 text-left">
                        <th class="p-3">ID</th>
                        <th class="p-3">Ruta</th>
                        <th class="p-3">Método</th>
                        <th class="p-3">Mensaje</th>
                        <th class="p-3">Fecha</th>
                        <th class="p-3 text-center">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($logs as $error)
                    <tr
                        class="border-b border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-900 transition">
                        <td class="p-3 dark:text-gray-400">{{ $error->id }}</td>
                        <td class="p-3 dark:text-gray-400">{{ $error->extra['url'] ?? '-' }}</td>
                        <td class="p-3 dark:text-gray-400">{{ $error->extra['metodo'] ?? '-' }}</td>
                        <td class="p-3 dark:text-gray-400 truncate max-w-[300px]">{{ Str::limit($error->mensaje,
                            50) }}
                        </td>
                        <td class="p-3 dark:text-gray-400">{{ $error->created_at->format('d/m/Y H:i') }}</td>
                        <td class="p-3 text-center">
                            <a href="{{ route('admin.logs_errores.show', $error->id) }}"
                                class="text-sky-500 hover:text-sky-700 dark:text-sky-600 mx-2">
                                <i class="fas fa-eye"></i>
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="p-4 text-center text-gray-500 dark:text-gray-300">
                            No hay errores registrados.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

@endsection