{% extends "dashboard.html" %}

{% block content %}

<nav aria-label="breadcrumb">
  <ol class="breadcrumb mg-b-0">
    <li class="breadcrumb-item"><a href="#"><i class="feather-16" data-feather='home'></i></a></li>
    <li class="breadcrumb-item"><a href="{% url 'monitoring' %}">Monitoring</a></li>
    <li class="breadcrumb-item active" aria-current="page">Instance List</li>
  </ol>
</nav>
<!-- df-example -->
<div class="bd bd-3 pd-20 pd-l-20 pd-r-20 table-responsive">

      <a class=" active btn btn-sm btn-secondary " href="{% url 'memory' name %}"><i data-feather="hard-drive"> </i> &nbsp; Memory</a>
      <a class="  btn btn-sm btn-secondary " href="{% url 'swap' name %}"><i data-feather="hard-drive"> </i> &nbsp;Swap</a>
      <a class="  btn btn-sm btn-secondary " href="{% url 'FSUsage' name %}"><i data-feather="file-text"> </i> &nbsp;FS Usage</a>        
      <a class="  btn btn-sm btn-secondary " href="{% url 'GetProcessList' name %}"><i data-feather="book-open"> </i> &nbsp;Process List</a>
      <a class="  btn btn-sm btn-secondary " href="{% url 'cpuutil' name %}"><i data-feather="cpu"> </i> &nbsp;CPU Usage</a>
      <a class="  btn btn-sm btn-primary " href="{% url 'GetSystemInstanceList' name %}"><i data-feather="list"> </i> &nbsp;Instance List</a>
          <a class=" active btn btn-sm btn-primary floatright" href="{% url 'monitoring' %}" >Go Back <i class="feather-16" data-feather="corner-down-left"> </i> </a>
  <hr>


 <table class="table table-primary table-striped table-bordered table-hover" >
  <thead >
    <tr>
      <th scope="col">System Name</th>
      <th scope="col">SID</th>
      <th scope="col">Http Port</th>
      <th scope="col">Https Port</th>
      <th scope="col">Features</th>
      <th scope="col">Status</th>
    </tr>
  </thead>
  
  <tbody>
    {% for i in data %}
    <tr>
      <th scope="row">{{i.sysname}}</th>
      <td>{{i.sid}}</td>
      <td>{{i.http_port}}</td>
      <td>{{i.https_port}}</td>
      <td>{{i.features}}</td>
      <td>{{i.status}}</td>
    </tr>
 {% endfor %} 
  </tbody>
  
</table>
</div>

{% endblock %}