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

{% block card_title %}
    Statistic
{% endblock %}

{% block card_button %}
    {% 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" href="{{ statistic_edit_url }}">
            <i class="bi bi-pencil"></i>
            Edit
        </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-primary"
           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>
            Delete
        </a>
    {% endif %}
{% endblock %}

{% block card_title_content %}
    <div class="card-body">
        <div class="row g-3">
            <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>
{% endblock %}