{% load custom_template %}
{% load staticfiles %}


<div ng-controller="pluginFlexpodHCController">
<table class="table table-bordered SysConfigTables" style="margin-left:29px;width:96%">
	<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>
			  			<br/><a href ng-click="filtered_rules({{value.1|slice:"1:"}})">View Details</a>
			  		{% 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>
			  			<br/><a href ng-click="filtered_rules({{value.2|slice:"1:"}})">View Details</a>
			  		{% endif %}
			  		<br/>{% endfor %}
			  </td>
			</tr>
    	{% endfor %}
	{% endif %}
</table>
{%verbatim%}
        <div ng-if='c == "true"' class="container-fluid " style="overflow:hidden">
           <div class="row" style="margin:0px auto;">
               <div class="col-md-12" fullscreen-block>
                    <div ui-grid="gridOptionsRules" class="grid commongrid gridR"></div>
                </div>
          </div>
        </div>
        
    <br/><br/><br/>

</div>
{%endverbatim%}