{% extends "admin/cards/base.html" %}

{% block content %}

{# Metric: oversize tabular-num typography. Linked when a link is provided. #}
{% set metric_classes = "block text-3xl font-semibold leading-tight tracking-tight tabular-nums text-foreground" %}
{% if metric is not none and link %}
<a href="{{ link }}" class="{{ metric_classes }} hover:underline">{{ metric }}</a>
{% elif metric is not none %}
<div class="{{ metric_classes }}">{{ metric }}</div>
{% endif %}

{# Text: small caption, linked only when there's no metric to carry the link. #}
{% if text and link and metric is none %}
<a href="{{ link }}" class="text-sm text-admin-link hover:text-admin-link-hover hover:underline">{{ text }}</a>
{% elif text and not link %}
<div class="mt-1 text-xs text-admin-muted-foreground">{{ text }}</div>
{% endif %}

{% endblock %}