{% extends 'base.html' %}
{% block content %}
<section id="resultsContainer" class="container-fluid d-flex justify-content-center">
    <div class="container-md my-5 mx-2 shadow-lg p-4" style="height: 500px;">
        <div class="row">
            <div class="col-8">
                <h2>Logs</h2>
                <pre id="logs" class="pre-scrollable" style="height: 350px; overflow:scroll;"><code></code></pre>
                <div class="btn-group btn-group-sm">
                    <button class="btn btn-primary" id="prevPage">Previous</button>
                    <button class="btn btn-primary" id="pageInfo" disabled>Page 1 of 1</button>
                    <button class="btn btn-primary" id="nextPage">Next</button>
                </div>
            </div>
            <div class="col">
                <h2>Stats</h2>
            </div>
        </div>
    </div>
</section>
<script src="{{url_for('static', filename='log_viewer.js')}}"></script>
{% endblock content %}