{% extends "base.html" %}
{% block content %}
<h1 class="page-title">Logs</h1>

<form class="filters" method="get" action="{{ url_for('logs_page') }}">
    <div class="filter">
        <label for="execution_id">Execution id</label>
        <input id="execution_id" name="execution_id" type="number" min="1" value="{{ filters.execution_id }}">
    </div>
    <div class="filter">
        <label for="log_level">Level</label>
        <select id="log_level" name="log_level">
            <option value="">Any</option>
            {% for opt in ["debug","info","warning","error","critical","success"] %}
            <option value="{{ opt }}" {% if filters.log_level == opt %}selected{% endif %}>{{ opt }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="filter grow">
        <label for="search">Search message</label>
        <input id="search" name="search" type="text" value="{{ filters.search }}" placeholder="contains…">
    </div>
    <div class="filter">
        <label for="page_size">Page size</label>
        <select id="page_size" name="page_size">
            {% for opt in [25,50,100,200] %}
            <option value="{{ opt }}" {% if filters.page_size == opt %}selected{% endif %}>{{ opt }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="filter buttons">
        <button class="btn primary" type="submit">Apply</button>
        <a class="btn" href="{{ url_for('logs_page') }}">Reset</a>
    </div>
</form>

<div class="table-wrap">
<table class="table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Execution</th>
            <th>Level</th>
            <th>Step</th>
            <th>Message</th>
            <th>Timestamp</th>
        </tr>
    </thead>
    <tbody>
        {% for row in data.rows %}
        <tr>
            <td class="mono">{{ row.id }}</td>
            <td class="mono">
                <a href="{{ url_for('logs_page') }}?execution_id={{ row.execution_id }}">{{ row.execution_id }}</a>
            </td>
            <td><span class="badge log-{{ row.log_level }}">{{ row.log_level }}</span></td>
            <td>{{ row.step_name or "" }}</td>
            <td class="wrap">{{ row.message }}</td>
            <td class="mono">{{ row.timestamp or "" }}</td>
        </tr>
        {% else %}
        <tr><td colspan="6" class="muted center">No log entries matched the current filters.</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>

{% include "_pagination.html" %}
{% endblock %}