{% extends "hq/base.html" %}
{% load i18n hq %}

{% block title %}{% translate "Console" %}{% endblock %}
{% block heading %}{% translate "Console" %}{% endblock %}

{% block content %}
    {% for card in cards %}
        <a class="card hq-module-card" href="{{ card.url }}">
            <h2 class="card-title">{% hq_icon card.icon %} {{ card.label }}</h2>
            {% if card.tiles %}
                <div class="tiles">
                    {% for tile in card.tiles %}
                        <div class="tile {{ tile.modifier }}">
                            <div class="label">{{ tile.label }}</div>
                            <div class="value">{{ tile.value }}</div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </a>
    {% empty %}
        <div class="card">
            <p class="note">
                {% hq_icon "info" %}
                <span>{% translate "No console modules are configured." %}</span>
            </p>
        </div>
    {% endfor %}
{% endblock %}