{% extends "base_juice.html" %}

{% block content %}
<div class="block">
    <h1> Service Logs </h1>
    <form class="row gx-1">
        <div class="col-md-auto">
            <label>Display {{ max_num_records }} messages until</label>
            <div style="display: flex;">
                <div>{{ embed(roots.datetime_picker) }}</div>
                <div>{{ embed(roots.datetime_picker_reset_button) }}</div>
            </div>
        </div>
        <div class="col-md-auto">
            <label>Level</label>
            <div>{{ embed(roots.multichoice_level) }}</div>
        </div>
        <div class="col-md-auto">
            <label>Services</label>
            <div>{{ embed(roots.multichoice_service) }}</div>
        </div>
        <div class="col-md-auto">
            {{ embed(roots.warning) }}
        </div>
    </form>
    {{ embed(roots.logs_table) }}
</div>

<style>
    form label {
        margin-left: 5px;
    }
</style>
{% endblock %}