{% extends "layout.html" %}
{% block content %}
    <div style="float:left;" class="col-sm-1">
        <p>
            <strong>{{ _('info')|uc_first }}</strong>
        </p>
        {{ info|display_info }}
    </div>
    {% if tables.super.rows %}
        <div style="float:left;" class="col-sm-2">
            <p><strong>{{ _('super')|uc_first }}</strong></p>
            {{ tables.super.display('super')|safe }}
        </div>
    {% endif %}
    {% if tables.sub.rows %}
        <div style="float:left;" class="col-sm-2">
            <p><strong>{{ _('subs')|uc_first }}</strong></p>
            {{ tables.sub.display('sub')|safe }}
        </div>
    {% endif %}
    {% if tables.domains.rows %}
        <div style="float:left;" class="col-sm-2">
            <p><strong>{{ _('domain for')|uc_first }}</strong></p>
            {{ tables.domains.display('domains')|safe }}
        </div>
    {% endif %}
    {% if tables.ranges.rows %}
        <div style="float:left;" class="col-sm-2">
            <p><strong>{{ _('range for')|uc_first }}</strong></p>
            {{ tables.ranges.display('ranges')|safe }}
        </div>
    {% endif %}
    <div style="clear:both"></div>
    <div class="description">
        <strong>{{ _('description')|uc_first|safe }}</strong>
        <p>{{ class_.comment }}</p>
    </div>
{% endblock %}