@extends('layouts.admin')

@section('content')
<div class="card shadow-sm">

    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Log Viewer</h5>
        <span class="badge bg-warning">Read-only</span>
    </div>

    <div class="card-body border-bottom">
        <form method="GET" class="row g-3 align-items-end">

            <div class="col-md-6">
                <label class="form-label text-muted">Log File</label>
                <select name="file" class="form-select" onchange="this.form.submit()">
                    @foreach($logFiles as $file)
                        <option value="{{ $file->getFilename() }}"
                            {{ $selectedFile === $file->getFilename() ? 'selected' : '' }}>
                            {{ $file->getFilename() }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-3">
                <label class="form-label text-muted">Lines</label>
                <select name="lines" class="form-select" onchange="this.form.submit()">
                    @foreach([100, 300, 500, 1000, 2000, 5000] as $count)
                        <option value="{{ $count }}" {{ $lines == $count ? 'selected' : '' }}>
                            Last {{ $count }}
                        </option>
                    @endforeach
                </select>
            </div>

        </form>
    </div>

    <div class="card-body p-0">
        <pre style="
            overflow-y: auto;
            max-height: 70vh;
            background: #000;
            color: #e5e7eb;
            padding: 15px;
            font-size: 13px;
            line-height: 1.5;
            margin: 0;
        ">{{ $logs }}</pre>
    </div>

</div>
@endsection