{% extends "dashboard/operate.html" %}
{% load i18n %}
{% load sizefieldtags %}

{% block question %}
<p>
{% blocktrans with obj=object op=op.name %}
Choose a compute node to migrate {{obj}} to.
{% endblocktrans %}
</p>
<p class="text-info">{{op.name}}: {{op.description}}</p>
{% endblock %}

{% block formfields %}
  <ul id="vm-migrate-node-list" class="list-unstyled">
  {% with current=object.node.pk selected=object.select_node.pk %}
    {% for n in nodes %}
      <li class="panel panel-default"><div class="panel-body">
        <label for="migrate-to-{{n.pk}}">
          <strong>{{ n }}</strong>
          {% if current == n.pk %}<div class="label label-info">{% trans "current" %}</div>{% endif %}
          {% if selected == n.pk %}<div class="label label-success">{% trans "recommended" %}</div>{% endif %}
        </label>
        <input id="migrate-to-{{n.pk}}" type="radio" name="node" value="{{ n.pk }}" style="float: right;"
        {% if current == n.pk %}disabled="disabled"{% endif %}
        {% if selected == n.pk %}checked="checked"{% endif %} />
        <span class="vm-migrate-node-property">{% trans "CPU load" %}: {{ n.cpu_usage }}</span>
        <span class="vm-migrate-node-property">{% trans "RAM usage" %}: {{ n.byte_ram_usage|filesize }}/{{ n.ram_size|filesize }}</span>
        <div style="clear: both;"></div>
      </div></li>
    {% endfor %}
  {% endwith %}
  </ul>
{% endblock %}