@extends('layouts.trading')

@section('content')
<div class="trade-card overflow-x-auto">
    <table class="w-full text-left text-sm">
        <thead class="border-b border-trade-border text-slate-400">
            <tr>
                <th class="pb-3 pr-4">Time</th>
                <th class="pb-3 pr-4">Channel</th>
                <th class="pb-3 pr-4">Level</th>
                <th class="pb-3">Message</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($logs as $log)
                <tr class="border-b border-trade-border/50">
                    <td class="py-3 pr-4 text-slate-400">{{ $log->created_at->format('d M H:i:s') }}</td>
                    <td class="py-3 pr-4">{{ $log->channel }}</td>
                    <td class="py-3 pr-4"><span class="rounded bg-trade-panel px-2 py-1 text-xs">{{ $log->level }}</span></td>
                    <td class="py-3 text-white">{{ $log->message }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $logs->links() }}</div>
</div>
@endsection