{% extends "layouts/dashboard.twig" %}

{% block title %}{{ __('logs.view_log', {'filename': filename}) }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">{{ __('logs.viewer_title') }}</h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ url('admin/logs') }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-arrow-left"></i> {{ __('logs.back') }}
            </a>
            <a href="{{ url('admin/logs/view') }}?file={{ filename }}" class="btn btn-sm btn-outline-primary">
                <i class="bi bi-arrow-clockwise"></i> {{ __('logs.refresh') }}
            </a>
        </div>
    </div>
</div>

<div class="card shadow mb-4">
    <div class="card-header py-3 d-flex justify-content-between align-items-center">
        <h6 class="m-0 font-weight-bold text-primary">{{ filename }}</h6>
    </div>
    <div class="card-body">
        <pre class="bg-dark text-white p-3 rounded" style="max-height: 600px; overflow-y: auto; white-space: pre-wrap;"><code>{{ content }}</code></pre>
    </div>
</div>
{% endblock %}