{% 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' %}" >-->
{% if controller %}
{% with controller.get_nodes.0 as node %}
{% lun_table_data controller node.0 vserver_name as data %}
{% if data %}
<legend class="legendStyle">
<div class="" ng-init="lData=true">
  <label class="control-label ">
    <a href="" ng-show="!lData" ng-click="lData=!lData"><i class="glyphicon glyphicon-plus iconsize"></i></a>
    <a href="" ng-show="lData" ng-click="lData=!lData"><i class="glyphicon glyphicon-minus iconsize"></i></a>
    <a href="" ng-click="lData=!lData">LUN Information</a>
  </label>
</div>
</legend>

<div ng-show="lData" class="">
  <table class="table table-bordered SysConfigTables">
<tr>
	<th>LUN Name</th>
	<th>LUN Path</th>
	<th>LUN Size</th>
	<th>Space Reservation</th>
</tr>
</tr>
{% for svm_name,lun_name,lun_path,lun_size,reservation in data %}
<tr>
  <td>{{lun_name}}</td>
  <td>{{lun_path}}</td>
  <td>{{lun_size}}</td>
  <td>{{reservation}}</td>
</tr>
{%endfor%}
</table>
</div>
{% endif %}
{% endwith %}
{% endif %}

<legend class="legendStyle">
<div class="" ng-init="vData=true">
  <label class="control-label ">
    <a href="" ng-show="!vData" ng-click="vData=!vData"><i class="glyphicon glyphicon-plus iconsize"></i></a>
    <a href="" ng-show="vData" ng-click="vData=!vData"><i class="glyphicon glyphicon-minus iconsize"></i></a>
    <a href="" ng-click="vData=!vData">Volume Information</a>
  </label>
</div>
</legend>
<div ng-show="vData" class="">
  <table class="table table-bordered SysConfigTables">
    <tr>
	  <th>Volume Name</th>
	  <th>Allocated</th>
	  <th>Used - Data</th>
	  <th>Used by Snapshots</th>
	  <th>Avail</th>
	  <th>Avail(%)</th>
	  <th>Number of Snapshots</th>
	  <th>Vol Thin Provisioned?</th>
	  <th>Volume Type</th>
	  <th>Containing Aggregate</th>
	</tr>
</tr>
{% if controller %}
{% with controller.get_nodes.0 as node %}
{% volume_table_data controller node.0 as data %}
{% for svm_name,volume_name,allocated,used_data,used_snapshots,avail,avail_per,no_snapshots,thin_provision,volume_type,aggr in data %}
{% if svm_name == vserver_name %}
<tr>
  <td>{{volume_name}}</td>
  <td>{{allocated}}</td>
  <td>{{used_data}}</td>
  <td>{{used_snapshots}}</td>
  <td>{{avail}}</td>
  <td>{{avail_per}}</td>
  <td>{{no_snapshots}}</td>
  <td>{{thin_provision}}</td>
  <td>{{volume_type}}</td>
  <td>{{aggr}}</td>
</tr>
{% endif %}
{%endfor%}
{%endwith%}
{% endif %}
</table>
</div>