{% load django_spire_metric_statistic %}

<div class="card">
    <div class="card-body">
        <div class="row g-3">
            <div class="col">
                <div class="row">
                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">Name</div>
                        <div>{{ statistic.name }}</div>
                    </div>

                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">Group</div>
                        <a class='text-decoration-none'
                           href="{% url 'django_spire:metric:domain:statistic:page:group_detail' pk=statistic.group.pk %}">
                            {{ statistic.group }}
                        </a>
                    </div>

                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">Interval</div>
                        <div>{{ statistic.get_interval_display }}</div>
                    </div>

                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">Value Type</div>
                        <div>{{ statistic.get_value_type_display }}</div>
                    </div>

                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">Domain</div>
                        <div>{{ statistic.group.domain }}</div>
                    </div>

                    <div class="col-6 col-lg-3">
                        <div class="attribute-label">{{ statistic.get_interval_display }} Total</div>
                        <div class="{{ today_total|statistic_value_class:statistic.value_type }}">
                            {{ today_total|statistic_value:statistic.value_type }}</div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <div class="attribute-label">Key</div>
                        <code>{{ statistic.key }}</code>
                        {% include 'django_spire/element/copy_to_clipboard_element.html' with value=statistic.key %}
                    </div>
                </div>
            </div>
            <div class="col-auto">
                {% if perms.django_spire_metric_domain.change_statistic %}
                    {% url 'django_spire:metric:domain:statistic:form:update' pk=statistic.pk as statistic_edit_url %}
                    <a class="btn btn-sm btn-primary text-white" href="{{ statistic_edit_url }}">
                        <i class="bi bi-pencil"></i>
                        <span class="d-none d-md-inline">Edit</span>
                    </a>
                {% endif %}

                {% if perms.django_spire_metric_domain.delete_statistic %}
                    {% url 'django_spire:metric:domain:statistic:form:delete' pk=statistic.pk as statistic_delete_url %}
                    <a class="btn btn-sm btn-outline-danger"
                       href="{{ statistic_delete_url }}?return_url={% url 'django_spire:metric:domain:statistic:page:group_detail' pk=statistic.group.pk %}">
                        <i class="bi bi-eraser"></i>
                        <span class="d-none d-md-inline">Delete</span>
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
</div>