{% extends 'base.html' %}
{% load i18n %}
{% block title %}{% trans "Usage Overview" %}{% endblock %}

{% block content_class %}dm-plain{% endblock %}

{% block page_header %}
  {% include "horizon/common/_overview_header.html" %}
{% endblock %}

{% block main %}
  {% if monitoring %}
    <section id="monitoring" class="dm-card">
      <header class="dm-card-header">
        <h2 class="dm-card-heading">{% trans "Monitoring:" as label %}{{ label|cut:":" }}</h2>
      </header>
      <ul class="dm-card-body list-inline" id="external_links">
        {% for link in monitoring %}
          <li><a target="_blank" href="{{ link.1 }}">{{ link.0 }}</a></li>
        {% endfor %}
      </ul>
    </section>
  {% endif %}
  {% if simple_tenant_usage_enabled %}
    {% include "horizon/common/_usage_summary.html" with sb_period_in_header=1 %}
    {{ table.render }}
  {% endif %}
{% endblock %}