@component('telescope-toolbar::item', ['name' => 'logs ', 'link' => true, 'status' => $statusColor])

    @slot('icon')
        @ttIcon('logs')

        <span class="sf-toolbar-value">{{ $total }}</span>

    @endslot

    @slot('text')

        <div class="sf-toolbar-info-piece">
            <table class="sf-toolbar-previews">
                <thead>
                <tr>
                    <th>Details</th>
                    <th>Level</th>
                    <th>Message</th>
                </tr>
                </thead>

                <tbody>
                @foreach ($entries as $entry)
                    <tr >
                        <td>
                            <a href="{{ route('telescope') }}/logs/{{ $entry->id }}" target="_telescope">
                                view
                            </a>
                        </td>

                        <td>
                            {{ $entry->content['level'] }}
                        </td>

                        <td title="{{ $entry->content['message'] }}">
                            {{ \Illuminate\Support\Str::limit($entry->content['message'], 90) }}
                        </td>

                    </tr>
                @endforeach
                </tbody>

            </table>
        </div>
    @endslot


@endcomponent