{% extends "views/platform-admin/_base_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/big-number.html" import big_number_simple %}
{% from "components/message-count-label.html" import message_count_label %}
{% from "components/status-box.html" import status_box %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
  Platform admin
{% endblock %}

{% block platform_admin_content %}

  <h1 class="heading-large">
    Summary
  </h1>
  <details {% if form.errors %}open{% endif %}>
    <summary>Apply filters</summary>
    {% call form_wrapper(method="get") %}
      {{ textbox(form.start_date, hint="Enter start date in format YYYY-MM-DD") }}
      {{ textbox(form.end_date, hint="Enter end date in format YYYY-MM-DD") }}
      </br>
      <button type="submit" class="button">Filter</button>
    {% endcall %}
  </details>

  <div class="grid-row bottom-gutter">
    {% for noti_type in global_stats %}
      <div class="column-third">
        {{ big_number_simple(
            noti_type.black_box.number,
            message_count_label(noti_type.black_box.number, noti_type.black_box.notification_type)
          ) }}

        {% for item in noti_type.other_data %}
          {{ status_box(
              number=item.number,
              label=item.label,
              failing=item.failing,
              percentage=item.percentage,
              url=item.url)
          }}
        {% endfor %}
      </div>
    {% endfor %}
  </div>

  <div class="grid-row bottom-gutter">
    {% for noti_type in global_stats %}
      <div class="column-third">
        <div class="bordered-text-box">
          <span class="big-number-number">{{ "{:,}".format(noti_type.test_data.number) }}</span>
          {{ noti_type.test_data.label }}
        </div>
      </div>
    {% endfor %}
  </div>

{% endblock %}