@extends('admin.layouts.app')

@section('title', 'Users')

@section('content')
    <div class="container-fluid">
        <h1 class="mb-4">Error Logs</h1>
        <table class="table table-bordered table-striped">
            <thead class="table-dark">
                <tr>
                    <th>User ID</th>
                    <th>User Email</th>
                    <th>Error Message</th>
                    <th>Context</th>
                    <th>Error Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($errorLogs as $log)
                    <tr>
                        <td>{{ $log->user_id }}</td>
                        <td>{{ $log->user_email }}</td>
                        <td>{{ $log->error_message }}</td>
                        <td>{{ $log->context }}</td>
                        <td>{{ $log->error_date }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="text-center">No error logs found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        <div class="d-flex justify-content-center">
            {{ $errorLogs->links() }}
        </div>
    </div>
    @endsection
    @section('scripts')

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    @endsection