{% extends "layout.html" %}
{% block content %}
<div class="container-fluid">
  <div class="row">
    <div class="col">
      <p><strong>{{ _('info')|uc_first }}</strong></p>
      {{ info|display_info|safe }}
      <p><strong>{{ _('description')|uc_first|safe }}</strong></p>
      <p>{{ class_.comment|safe }}</p>
    </div>
    {% if tables.super.rows %}
      <div class="col">
        <p><strong>{{ _('super')|uc_first }}</strong></p>
        {{ tables.super.display('super')|safe }}
      </div>
    {% endif %}
    {% if tables.sub.rows %}
      <div class="col">
        <p><strong>{{ _('subs')|uc_first }}</strong></p>
        {{ tables.sub.display('sub')|safe }}
      </div>
    {% endif %}
    {% if tables.domains.rows %}
      <div class="col">
        <p><strong>{{ _('domain for')|uc_first }}</strong></p>
        {{ tables.domains.display('domains')|safe }}
      </div>
    {% endif %}
    {% if tables.ranges.rows %}
      <div class="col">
        <p><strong>{{ _('range for')|uc_first }}</strong></p>
        {{ tables.ranges.display('ranges')|safe }}
      </div>
    {% endif %}
  </div>
</div>
{% endblock %}