{% 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' %}" >-->

{% load custom_template %}

<div>
<table class="table table-bordered SysConfigTables">
<tr>
    <th>Host name</th>
    <th>Serial Number</th>
    <th>Model</th>
    <th>ONTAP Version</th>
    <th>Total Raw Capacity(GB)</th>
    <th>Total Usable capacity (GB)</th>
    <th>Total Used Capacity (GB)</th>
    <th>Installed Software</th>
</tr>
    {% for i in controller.get_nodes %}
    	{% hw_table_data controller i.2 as data %}
    	{% for hostname,serial,model,ontap_version,raw,usable,used,installed_software in data %}
		<tr>
		  <td>{{hostname}}</td>
		    <td>{{serial}}</td>
		    <td>{{model}}</td>
		    <td>{{ontap_version}}</td>
		    <td>{{raw}}</td>
		    <td>{{usable}}</td>
		    <td>{{used}}</td>
		    <td>{{installed_software}}</td>
		</tr>
	{%endfor%}
	{%endfor%}
</table>