{% extends 'administration/base.html.twig' %}

{% block title %}{{ file }} — {{ 'admin.modules_information.system_logs'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4">
    <div class="admin-card p-4 mb-4">
        <a href="{{ path('app_admin_module_system_logs') }}" class="btn btn-outline-secondary btn-sm mb-3">
            <i class="bi bi-arrow-left me-1"></i>{{ 'admin.back'|trans }}
        </a>
        <h1 class="h4 gradient-text fw-bold mb-2">
            <code class="user-select-all">{{ file }}</code>
        </h1>
        <p class="small text-muted mb-0">
            {{ 'admin.system_logs.bytes_on_disk'|trans({ '%bytes%': totalBytes|number_format(0, ',', '.') }) }}
            {% if truncated %}
                <span class="badge bg-warning text-dark ms-2">{{ 'admin.system_logs.truncated_hint'|trans }}</span>
            {% endif %}
        </p>
    </div>

    <div class="admin-card p-4 mb-4">
        <form method="get" action="{{ path('app_admin_module_system_logs_view') }}" class="row g-3 align-items-end">
            <input type="hidden" name="file" value="{{ file|e('html_attr') }}">
            <div class="col-md-2">
                <label class="form-label" for="lines">{{ 'admin.system_logs.lines'|trans }}</label>
                <select name="lines" id="lines" class="form-select">
                    {% for n in [200, 400, 800, 1200, 2000] %}
                        <option value="{{ n }}" {{ lines == n ? 'selected' }}>{{ n }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label" for="level">{{ 'admin.system_logs.level'|trans }}</label>
                <select name="level" id="level" class="form-select">
                    <option value="all" {{ level == 'all' ? 'selected' }}>{{ 'admin.system_logs.level_all'|trans }}</option>
                    <option value="DEBUG" {{ level == 'DEBUG' ? 'selected' }}>DEBUG</option>
                    <option value="INFO" {{ level == 'INFO' ? 'selected' }}>INFO</option>
                    <option value="NOTICE" {{ level == 'NOTICE' ? 'selected' }}>NOTICE</option>
                    <option value="WARNING" {{ level == 'WARNING' ? 'selected' }}>WARNING</option>
                    <option value="ERROR" {{ level == 'ERROR' ? 'selected' }}>ERROR</option>
                    <option value="CRITICAL" {{ level == 'CRITICAL' ? 'selected' }}>CRITICAL</option>
                    <option value="ALERT" {{ level == 'ALERT' ? 'selected' }}>ALERT</option>
                    <option value="EMERGENCY" {{ level == 'EMERGENCY' ? 'selected' }}>EMERGENCY</option>
                </select>
            </div>
            <div class="col-md-5">
                <label class="form-label" for="q">{{ 'admin.system_logs.search'|trans }}</label>
                <input type="search" name="q" id="q" class="form-control" value="{{ search|e('html_attr') }}" placeholder="{{ 'admin.system_logs.search_placeholder'|trans }}">
            </div>
            <div class="col-md-3">
                <button type="submit" class="btn btn-primary w-100">
                    <i class="bi bi-funnel me-1"></i>{{ 'admin.system_logs.apply'|trans }}
                </button>
            </div>
        </form>
    </div>

    <div class="admin-card p-0">
        {% if logLines is empty %}
            <div class="p-4 text-muted text-center">{{ 'admin.system_logs.empty_result'|trans }}</div>
        {% else %}
            <div class="log-viewer p-3 font-monospace small" style="max-height: 70vh; overflow: auto; background: var(--bs-tertiary-bg, #f8f9fa); word-break: break-word;">
                {% for line in logLines %}
                    {% set rowClass = 'text-body-secondary' %}
                    {% if '.EMERGENCY:' in line or '.ALERT:' in line or '.CRITICAL:' in line or '.ERROR:' in line %}
                        {% set rowClass = 'text-danger' %}
                    {% elseif '.WARNING:' in line %}
                        {% set rowClass = 'text-warning' %}
                    {% elseif '.INFO:' in line or '.NOTICE:' in line %}
                        {% set rowClass = 'text-body' %}
                    {% elseif '.DEBUG:' in line %}
                        {% set rowClass = 'text-muted' %}
                    {% endif %}
                    <div class="{{ rowClass }}">{{ line|e }}</div>
                {% endfor %}
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}