{% load i18n %}

<div class="row detail overview">
    <div class="col-sm-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">{% trans "Overview" %}</h4>
            </div>
            <div class="panel-body" style="padding-bottom: 0px;">
                <dl class="dl-horizontal" style="word-break: break-word;">
                    <dt>{% trans "Project Name" %}</dt>
                    <dd data-display="{{ project.name|default:project.id }}"><span
                            class="raw-spaces">{{ project.name }}</span></dd>
                    <dt>{% trans "Project ID" %}</dt>
                    <dd>{{ project.id }}</dd>
                    <dt>{% trans "Type" %}</dt>
                    <dd>{{ project.project_type_name }}</dd>
                    {% if domain_enabled %}
                        <dt>{% trans "Domain Name" %}</dt>
                        <dd><span class="raw-spaces">{{ project.domain_name }}</span></dd>
                    {% endif %}
                    <dt>{% trans "Instances" %}</dt>
                    <dd>{{ instances_count }}</dd>
                    <dt>{% trans "Enabled" context "Male form translation" %}</dt>
                    <dd>{{ project.enabled|yesno|capfirst }}</dd>
                    <dt>{% trans "Description" %}</dt>
                    <dd>{{ project.description|default:_("None") }}</dd>
                    <dt>{% trans "Root volume location" %}</dt>
                    {% if project.use_cinder_root %}
                        <dd>{% trans "Block storage" %}</dd>
                        <dt>{% trans "Volumes name pattern" %}</dt>
                        <dd>{{ project.volume_name_pattern }}</dd>
                        <dt>{% trans "Volume size(Gb)" %}</dt>
                        <dd>{{ project.volume_size }}</dd>
                        <dt>{% trans "Volume type" %}</dt>
                        <dd>{{ project_volume_type_name }}</dd>
                        <dt>{% trans "Delete on terminate" %}</dt>
                        <dd>{{ project.delete_on_termination|yesno|capfirst }}</dd>
                    {% else %}
                        <dd>{% trans "Compute node" %}</dd>
                    {% endif %}
                </dl>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">{% trans "Default" %}</h4>
            </div>
            <div class="panel-body" style="padding-bottom: 0px;">
                <dl class="dl-horizontal" style="word-break: break-word;">
                    <dt>{% trans "Availability zone" %}</dt>
                    <dd><span>{{ project.availability_zone }}</span></dd>
                    <dt>{% trans "Operation mode" %}</dt>
                    <dd>{{ project.operation_mode_name|default_if_none:"-" }}</dd>
                    <dt>{% trans "Instance names pattern" %}</dt>
                    <dd>{{ project.instance_name_pattern|default_if_none:"-" }}</dd>
                    <dt>{% trans "Reserve instances count" %}</dt>
                    <dd>{{ project.min_reserve_vm|default_if_none:"-" }}</dd>
                    <dt>{% trans "Default image" %}</dt>
                    <dd>{% if image_url %}
                        <a href="{{ image_url }}">{{ project.image_name }}</a>
                    {% else %}{{ project.image_name|default_if_none:"-" }}{% endif %}
                    </dd>
                    <dt>{% trans "Default flavor" %}</dt>
                    <dd>{{ project.flavor|default_if_none:"-" }}</dd>
                    <dt>{% trans "Default network" %}</dt>
                    <dd>{% if network_url %}
                        <a href="{{ network_url }}">{{ project.network_name }}</a>
                    {% else %}
                        {{ project.network_name|default_if_none:"-" }}
                    {% endif %}
                    </dd>
                </dl>
            </div>
        </div>
        {% if can_view_quotas %}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">{% trans "Quotas" %}</h4>
                </div>
                <div class="panel-body" style="padding-bottom: 0px;">
                    <dl class="dl-horizontal" style="word-break: break-word;">
                        {% for label, quota in quotas.items %}
                            <dt>{{ label }}</dt>
                            <dd><span class="raw-spaces">{{ quota|default_if_none:'-' }}</span></dd>
                        {% empty %}
                            {% trans "No quotas." %}
                        {% endfor %}
                    </dl>
                </div>
            </div>
        {% endif %}
    </div>
    <div class="col-sm-6">
        {% if protocol_data %}
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">{% trans "Terminal protocol" %}</h4>
                </div>
                <div class="panel-body" style="padding-bottom: 0px;">
                    {% for section_name, section_data in protocol_data %}
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h5 class="panel-title">{{ section_name }}</h5>
                            </div>
                            <div class="panel-body" style="padding-bottom: 0px;">
                                <dl class="dl-horizontal" style="word-break: break-word;">
                                    {% for option, option_data in section_data %}
                                        <dt>{{ option }}</dt>
                                        <dd>{{ option_data|default_if_none:""|safe|escape }}</dd>
                                    {% endfor %}
                                </dl>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">{% trans "SLA" %}</h4>
            </div>
            <div class="panel-body" style="padding-bottom: 0px;">
                <dl class="dl-horizontal" style="word-break: break-word;">
                    <dt>{% trans "Up time" %}</dt>
                    <dd>{{ up_time }}%</dd>
                    <dt>{% trans "Recovery time" %}</dt>
                    <dd>{{ recovery_time }} {% trans "h" %}</dd>
                    <dt>{% trans "Movable" %}</dt>
                    <dd>{{ movable|yesno|capfirst }}</dd>
                </dl>
            </div>
        </div>
    </div>
</div>