{% extends "common.html" %}
{% import "macro.html" as macro %}
{% block title %}{{title}}{% endblock %}
{% block head %}
  {{ super() }}
{% endblock %}

{% block page %}{{title}}{% endblock %}
{% block content %}
<script>
    $('.body').removeClass('container').addClass('container-fluid');
</script>
<style>
.CPU {
    color: #7f0000;
    font-weight: bold;
}
</style>
<div>
    <table class="table table-bordered table-hover table-sm">
        <thead>
            <tr>
                <th scope="col">Проект</th>
                <th scope="col">Подпроекты</th>
                <th scope="col">Сервисы SaaS</th>
                <th colspan="3" scope="col">Занимаемые ресурсы</th>
                <th colspan="3" scope="col">Квота</th>
                <th colspan="3" scope="col">Свободные ресурсы</th>
            </tr>
        </thead>
    <tbody>
    {% for quota in service_quotas_data %}
        {{ macro.render_quota_project(quota) }}
        {% for project in quota.projects %}
            {{ macro.render_quota_subproject(project) }}
            {% for service in project.services %}
                {{ macro.render_quota_service(service)}}
            {% endfor %}
        {% endfor %}
    {% endfor %}
    </tbody>
    </table>
</div>
{% endblock %}
