{% 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>Infrastructure</th>
	<th>Components</th>
	<th>Running Firmware</th>
	<th>Recommended Firmware</th>
	</tr>
</tr>
    {% if controller %}
        {% for i in controller.all_servers_list %}
        {% if i.0 == server_name %}
    	{% firmware_recommendation_table controller i.0 i.1 as data %}
    	{% for key, value in data.items %}
    	{% if key == server_name %}
    	{% for sub_key, sub_value in value.items %}
    	{% if sub_key == 'Msg' %}
    	{% if 'not supported' in sub_value.0 %}
    	<div style="color:red;">{{sub_value.0}}</div>
    	{% else %}
    	<div>{{sub_value.0}}</div>
    	{% endif %}
    	<br/>
    	{% else %}
    	<tr>
    		<td>{{sub_key}}</td>
    		<td>
    		{% for each_component, running, supported_msg, recommended in sub_value %}
    			{{each_component}}
    			<br/>
    		{% endfor %}
    		</td>
    		<td>
    		{% for each_component, running, supported_msg, recommended in sub_value %}
    			{{running}}
    			{% if supported_msg == 'supported' %}
    				<span class="glyphicon glyphicon-ok tick"></span>
    			{% elif supported_msg == 'not supported' %}
    				<span class="glyphicon glyphicon-remove cross"></span>
    			{% endif %}
    			<br/>
    		{% endfor %}
    		</td>
    		<td>
    		{% for each_component, running, supported_msg, recommended in sub_value %}
    			{{recommended}}
    			<br/>
    		{% endfor %}
    		</td>
    	</tr>
    	{% endif %}
		{% endfor %}
		{% endif %}
		{% endfor %}
		{% endif %}
		{%endfor%}
	{% endif %}
</table>
</div>