{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
<H2>{{ CMT_APPNAME|default:"CMT" }}</H2>
<hr>{% endblock %}

{% block content %}

<!-- <H6>filter ...</H6>
<hr> -->



{% for checkgroup in checkgroups %}
<h4>{{ checkgroup.displayname }}</h4>


<div class="container text-center">{% for check in checkgroup.checks %}
    <div class="row">

        <div class="col-4 text-start fw-bold">
            <a href="{% url 'app_cmt:detail' check.keyname %}" data-bs-toggle="tooltip" data-bs-title="5 min." data-bs-placement="left">
                {% if check.live_status == 'OK' %} <div class="text-start fw-bold cv-cmt-item up">
                  {% elif check.live_status == 'KO' %} <div class="text-start fw-bold cv-cmt-item down">
                  {% else %} <div class="text-start fw-bold cv-cmt-item na">{% endif %}

                {{ check.displayname }}
              </div>
            </a>

        </div>



      <div class="col">
        <div class="text-start fw-bold">{{ check.hourly_ratio_pretty }}</div>
        <div class="text-start fw-lighter ">{% translate 'Last hour' %}</div>

      </div>
      <div class="col">
        <div class="text-start fw-bold">{{ check.daily_ratio_pretty }}</div>
        <div class="text-start fw-lighter ">{% translate 'Last 24 hours' %}</div>
      </div>
      <div class="col">
        <div class="text-start fw-bold">{{ check.monthly_ratio_pretty }}</div>
        <div class="text-start fw-lighter ">{% translate 'Last 30 days' %}</div>
      </div>
      <div class="col">
        <div class="text-start fw-bold">{{ check.quaterly_ratio_pretty }}</div>
        <div class="text-start fw-lighter ">{% translate 'Last 90 days' %}</div>
      </div>
      <div class="col">
        <div class="text-start fw-bold">{{ check.yearly_ratio_pretty }}</div>
        <div class="text-start fw-lighter ">{% translate 'Last year' %}</div>
      </div>

    </div>
  <p></p>
  {% endfor %}
</div>
  {% endfor %}



{% endblock %}