{% extends "base.html" %}

{% block content %}
<div class="dashboard-container">
    <h1>{{ title }}</h1>

    {% if results | length > 0 %}
    <table class="data-table">
        <thead>
            <tr>
                {% for key in results[0].keys() %}
                <th>{{ key }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {% for row in results %}
            <tr>
                {% for key, value in row.items() %}
                <td>
                    {% if key == 'Status' %}
                        <span class="badge badge-{{ value | lower }}">{{ value }}</span>
                    {% elif key == 'Flag' %}
                        <span class="badge badge-{{ 'none' if value == 'None' else 'flag' }}">{{ value }}</span>
                    {% else %}
                        {{ value }}
                    {% endif %}
                </td>
                {% endfor %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>
{% endblock %}