{% load custom_template %}
{% load static%}


<!--<img src="{%static 'images/command_prompt.png'%}">
<img src="{%static 'images/ajax.gif'%}">
<img src="{%static 'images/ajax_loader.gif'%}">
<img src="{%static 'images/ontap_icon.png'%}">
<script src='{% static "scripts/demo.js"%}'></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/test.css' %}" >
<link rel="stylesheet" type="text/css" href="{% static 'css/font-awesome.min.css' %}" >-->

<div>
<table class="table table-bordered SysConfigTables">
<tr>
    <th>Volume Name</th>
	<th>Containing Aggragate</th>
	<th>Volume Type</th>
	<th>Volume State</th>
	<th>Total(GB)</th>
	<th>Used(GB)</th>
	<th>Free(GB)</th>
	<th>Used(%)</th>
	</tr>
</tr>
    {% if controller %}
        {% for i in controller.get_nodes %}
        {% if i.2 == node_name %}
    	{% ha_vol_table_data controller i.1 as data %}
    	{% for volume_name,aggr_name,volume_type,volume_state,total,used,free,used_per in data %}
			<tr>
			  <td>{{volume_name}}</td>
			    <td>{{aggr_name}}</td>
			    <td>{{volume_type}}</td>
			    <td>{{volume_state}}</td>
			    <td>{{total}}</td>
			    <td>{{used}}</td>
			    <td>{{free}}</td>
			    <td>{{used_per}}</td>
			</tr>
			{%endfor%}
			{% endif %}
		{%endfor%}
	{% endif %}
</table>
</div>