{% macro stat_card(title, id, value=0, subtitle='') %}
<div class="col-md-4 col-lg-3 mb-4">
    <div class="card h-100 shadow-sm">
        <div class="card-body">
            <h6 class="card-subtitle mb-2 text-muted">{{ title }}</h6>
            <p id="{{ id }}" class="h2 mb-2">{{ value }}</p>
            {% if subtitle %}
            <small class="text-muted d-block">{{ subtitle }}</small>
            {% endif %}
        </div>
        <div class="card-footer bg-transparent">
            <small class="text-muted">
                <i class="bi bi-clock"></i> Updated: <span id="{{ id }}-updated">Just now</span>
            </small>
        </div>
    </div>
</div>
{% endmacro %}