{% extends 'django_spire/card/title_card.html' %}

{% block card_title %}
    {{ domain.sub_domain_name }}
{% endblock %}

{% block card_button %}
    {% if perms.django_spire_metric_domain.add_subdomain %}
        {% url 'django_spire:metric:domain:form:subdomain_form' domain_pk=domain.pk pk=0 as new_subdomain_url %}
        <a class="btn btn-sm btn-primary" href="{{ new_subdomain_url }}">
            <i class="bi bi-plus"></i>
            Add
        </a>
    {% endif %}
{% endblock %}

{% block card_title_content %}
    <div class="card-body">
        {% if subdomains %}
            {% include 'django_spire/metric/domain/scroll/subdomain_scroll.html' %}
        {% else %}
            {% include 'django_spire/item/no_data_item.html' %}
        {% endif %}
    </div>
{% endblock %}