{% load i18n %}
{% load url from future %}

<h4>{% trans "Deployment Roles" %}</h4>
{% for role in roles %}
    <div class="alert well-sm clearfix
      {% if role.error_node_count %}
        alert-danger
      {% elif role.deployed_node_count == role.planned_node_count %}
        alert-success
      {% else %}
        alert-info
      {% endif %}
      ">
      <div class="col-sm-2">
        {% if role.deployed_node_count < role.planned_node_count %}
          <strong>{{ role.deployed_node_count }}</strong><small class="text-muted">/{{ role.planned_node_count }}</small>
        {% else %}
          <strong>{{ role.planned_node_count }}</strong>
        {% endif %}
      </div>
      <div class="col-sm-10">
        <a
          href="{% url "horizon:infrastructure:roles:detail" role_id=role.id %}"
        >{{ role.name }}</a>
      </div>
    </div>
{% endfor %}