@extends ('backend.layouts.app')

@section('title', 'Logs Manager - Logs file data')

@section('page-header')
    <h1>Logs Manager - Logs file data</h1>
@endsection

@section('content')

<link rel="stylesheet" href="{{ asset('assets/vendor/datatables/css/dataTables.bootstrap5.css') }}" />
<style type="text/css">
    body { font-family: Arial, sans-serif; background: #f4f4f4; padding: 20px; }
    .log-container { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); max-width: 900px; margin: auto; }
    .log-line { padding: 5px; border-bottom: 1px solid #ddd; }
    .log-line:last-child { border-bottom: none; }
    .error { color: red; font-weight: bold; }
    .warning { color: orange; font-weight: bold; }
    .info { color: blue; font-weight: bold; }
</style>


<div class="box box-info">
        <div class="box-header with-border">
            <div class="px-0">
                <a href="{{ route('admin.logsmanager.clearLogs', $front) }}" class="btn btn-info ">
                    <i class="bi bi-recycle me-2"></i> Clean Logs
                </a>
            </div>
        </div>
        <!--box-header with-border-->

        <div class="box-body">
            @forelse ($logs as $line)
                @php
                    $class = '';
                    if (str_contains($line, 'ERROR')) $class = 'error';
                    elseif (str_contains($line, 'WARNING')) $class = 'warning';
                    elseif (str_contains($line, 'INFO')) $class = 'info';
                @endphp
            <div class="log-line {{ $class }}">{{ $line }}</div>
            @empty
                <p>No logs available.</p>
            @endforelse
        </div><!-- /.box-body -->
    </div>
@endsection