{% load custom_template %}


<div class="col-md-5 sub-quad" ng-controller="pluginFlexpodHCController">
    <a href ng-click="displayPluginPage('FlexPod Details')" style="text-decoration:none">
                    <div style="padding:10px;text-align:center">
                        <div class="syssummary">
                            <p class="quadrant_title">FlexPod Summary</p>
                        </div>
<table class="table table-bordered SysConfigTables" style="margin-top:20px">
	<tr>
    <th>Infrastructure</th>
	<th>Inventory</th>
	<th>Hardware Validated</th>
	<th>Cabling Validated</th>
	</tr>

    {% if controller %}
    	{% for key, value in controller.populate_assessment_table.items %}
    		<tr>
			  <td>{{key}}</td>
			  <td>
			  	{% for each in value.0 %}
			  		{{each}}
			  		<br/>
			  	{% endfor %}
			  </td>
			  <td>
			  	{% for each in value.1 %}
			  		{% if each == 'Pass' %}
			  			<span class="glyphicon glyphicon-ok tick"></span>
			  		{% elif each == 'Fail' %}
			  			<span class="glyphicon glyphicon-remove cross"></span>
			  		{% endif %}
			  		<br/>
			  	{% endfor %}
			  </td>
			  <td>
			  	{% for each in value.2 %}
			  		{% if each == 'Pass' %}
			  			<span class="glyphicon glyphicon-ok tick"></span>
			  		{% elif each == 'Fail' %}
			  			<span class="glyphicon glyphicon-remove cross"></span>
			  		{% endif %}
			  		<br/>
			  	{% endfor %}
			  </td>
			</tr>
    	{% endfor %}
	{% endif %}
</table></div></a></div>