{% extends "base.html" %}
{% block content %}
<title>PoE Manager - Dashboard</title>
<h2>Dashboard</h2>
<div class="row row-cols-1 row-cols-md-6 g-3">
    {% for d in devices %}
    <div class="col">
        <div class="card text-center p-2">
            <div class="card-header">{{ d[1] }}</div>
            <div class="card-body">
                <span class="fw-bold" style="color: 
                    {% if d[2] == 0 %}gray
                    {% elif status[d[0]]=='online' %}green
                    {% else %}red
                    {% endif %};">
                    {% if d[2] == 0 %}
                        Deaktiviert
                    {% else %}
                        {% if status[d[0]] %}{{ status[d[0]]|capitalize }}{% else %}Unbekannt{% endif %}
                    {% endif %}
                </span>
            </div>
        </div>
    </div>
    {% endfor %}
</div>

{% endblock %}