@extends('layouts.admin')

@section('style')
    @parent
    @include('admin.system._style')
    <style>
        /* A feed, not a table: entries are a sequence in time with one long field. */
        .sys-log-row { display:grid; grid-template-columns:96px 78px minmax(0,1fr); gap:16px; align-items:start;
            padding:14px 22px; border-bottom:1px solid var(--line); }
        .sys-log-row:last-child { border-bottom:none; }
        .sys-log-when { font-variant-numeric:tabular-nums; font-size:13px; font-weight:600; color:var(--ink); line-height:1.3; }
        .sys-log-when small { display:block; font-size:11.5px; font-weight:500; color:var(--faint); }
        .sys-log-row .sys-pill { margin-top:1px; }
        .sys-log-row.is-error { box-shadow:inset 3px 0 0 var(--bad-ink); }
        .sys-file { max-width:300px; }
        @media (max-width:820px) {
            .sys-log-row { grid-template-columns:auto 1fr; }
            .sys-log-row > .sys-log-body { grid-column:1 / -1; }
            .sys-file { max-width:none; }
        }
    </style>
@endsection

@section('content')
@php
    $levelLook = [];
    foreach (['errors' => 'is-bad', 'warnings' => 'is-warn', 'info' => 'is-live', 'debug' => 'is-quiet'] as $group => $class) {
        foreach (\App\Http\Controllers\Admin\SystemController::LEVEL_TABS[$group] as $lvl) {
            $levelLook[$lvl] = $class;
        }
    }
    $tabLabels = ['errors' => 'Errors', 'warnings' => 'Warnings', 'info' => 'Info', 'debug' => 'Debug'];
    $active = $filters['level'] ?? null;
    $search = $filters['q'] ?? null;

    $base = ['channel' => $channel, 'file' => $file];
    $tabUrl = fn ($key) => route('admin.system.logs', array_merge($base, array_filter(['q' => $search, 'level' => $key])), false);

    $fileLabel = function ($name) {
        if (! preg_match('/(\d{4}-\d{2}-\d{2})/', $name, $m)) return $name;
        $day = \Carbon\Carbon::parse($m[1]);
        return $day->isToday() ? 'Today' : ($day->isYesterday() ? 'Yesterday' : $day->format('D, j M Y'));
    };
    $size = function ($bytes) {
        $units = ['B', 'KB', 'MB', 'GB'];
        $i = $bytes > 0 ? min((int) floor(log($bytes, 1024)), 3) : 0;
        return round($bytes / (1024 ** $i), $i ? 1 : 0) . ' ' . $units[$i];
    };
@endphp

<div class="sys">
    <div class="sys-hero">
        <div class="sys-hero-titles">
            <span class="sys-logo"><i class="fas fa-file-alt" aria-hidden="true"></i></span>
            <div>
                <h1 class="sys-h1">Logs</h1>
                <div class="sys-sub">Read-only view of <code>storage/logs</code> on {{ gethostname() }}. Other servers keep their own.</div>
            </div>
        </div>
        @if($file)
            <a class="sys-btn" href="{{ route('admin.system.logs.download', $base, false) }}">
                <i class="fas fa-download" aria-hidden="true"></i> Download file
            </a>
        @endif
    </div>

    @if($tooBig)
        <div class="sys-flash warn" role="alert">
            This file is {{ $size($files[$file]) }}, too large to read here. Download it to search it locally.
        </div>
    @endif

    <div class="sys-bar">
        <nav class="sys-tabs" aria-label="Filter by level">
            <a class="sys-tab {{ $active ? '' : 'is-on' }}" href="{{ $tabUrl(null) }}" @unless($active) aria-current="page" @endunless>
                All <span class="sys-tab-n">{{ number_format($total) }}</span>
            </a>
            @foreach($tabLabels as $key => $label)
                <a class="sys-tab {{ $active === $key ? 'is-on' : '' }}" href="{{ $tabUrl($key) }}" @if($active === $key) aria-current="page" @endif>
                    {{ $label }} <span class="sys-tab-n {{ $key === 'errors' && $counts[$key] ? 'is-bad' : '' }}">{{ number_format($counts[$key]) }}</span>
                </a>
            @endforeach
        </nav>

        <form class="sys-filters" method="get" action="{{ route('admin.system.logs', ['channel' => $channel], false) }}" role="search">
            @if($active)<input type="hidden" name="level" value="{{ $active }}">@endif
            <label class="sr-only" for="sys-file">Log file</label>
            <select class="sys-select sys-file" id="sys-file" name="file" onchange="this.form.submit()" @if($files->isEmpty()) disabled @endif>
                @foreach($files as $name => $bytes)
                    <option value="{{ $name }}" @if($name === $file) selected @endif>{{ $fileLabel($name) }} ({{ $size($bytes) }})</option>
                @endforeach
            </select>
            <label class="sr-only" for="sys-q">Search messages</label>
            <input class="sys-input" id="sys-q" type="search" name="q" value="{{ $search }}" placeholder="Search messages">
        </form>
    </div>

    <div class="sys-card">
        @if($files->isEmpty())
            <div class="sys-empty">
                <div class="sys-empty-icon"><i class="fas fa-file-alt" aria-hidden="true"></i></div>
                <div class="sys-empty-title">No log files yet</div>
                <div class="sys-empty-sub">The app writes one file per day to <code>storage/logs</code> once something is logged.</div>
            </div>
        @elseif($entries->isEmpty() && ! $tooBig)
            <div class="sys-empty">
                <div class="sys-empty-icon"><i class="fas fa-search" aria-hidden="true"></i></div>
                @if($active || $search)
                    <div class="sys-empty-title">No entries match</div>
                    <div class="sys-empty-sub"><a href="{{ route('admin.system.logs', $base, false) }}">Show every entry in this file</a></div>
                @else
                    <div class="sys-empty-title">This file is empty</div>
                    <div class="sys-empty-sub">Pick another day from the list above.</div>
                @endif
            </div>
        @else
            @foreach($entries as $e)
                @php
                    $parsed = $e['level'] !== '';
                    $isError = ($levelLook[$e['level']] ?? null) === 'is-bad';
                    $long = trim($e['stack']) !== '' || mb_strlen($e['text']) > 300;
                    $at = $parsed ? rescue(fn () => \Carbon\Carbon::parse($e['date']), null, false) : null;
                @endphp
                <div class="sys-log-row {{ $isError ? 'is-error' : '' }}">
                    <span>
                        @if($parsed)
                            <span class="sys-pill {{ $levelLook[$e['level']] ?? 'is-quiet' }}">{{ ucfirst($e['level']) }}</span>
                        @else
                            <span class="sys-pill is-quiet">Line {{ $e['date'] }}</span>
                        @endif
                    </span>
                    <span class="sys-log-when">
                        @if($at){{ $at->format('H:i:s') }}<small>{{ $at->format('j M') }}</small>@endif
                    </span>
                    <div class="sys-log-body">
                        <p class="sys-code {{ $long ? 'sys-clamp' : '' }}">{{ $e['text'] }}</p>
                        @if($long)
                            <details class="sys-more">
                                <summary>Full entry</summary>
                                <pre class="sys-code sys-pre">{{ $e['text'] }}@if(trim($e['stack']) !== '')

{{ $e['stack'] }}@endif</pre>
                            </details>
                        @endif
                    </div>
                </div>
            @endforeach
        @endif
    </div>

    @include('admin.system._pager', ['p' => $entries])
</div>
@endsection