{% from "partials/components.html" import stat_card %}
{% from "partials/icons.html" import server, layers, circle_check, circle_x %}
<div id="stats-cards" class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
    {{ stat_card("Hosts", hosts | length, icon=server()) }}
    {{ stat_card("Services", services | length, icon=layers()) }}
    {{ stat_card("Running", running_count, "success", circle_check()) }}
    {{ stat_card("Stopped", stopped_count, icon=circle_x()) }}
</div>