{{template "header.tpl" .}}
{{template "server/navbar.tpl" .}}
{{template "server/sidebar.tpl" .}}

<div class="main">

  <div class="container-fluid" style="padding: 1rem; float: left">

    <div class="row" style="padding-bottom: 2rem">
      <div class="col-12">
        <h3>Databases</h3>
      </div>
    </div>

    <div class="row" style="padding-bottom: 2rem">
      <div class="col-12">
        <h4>Monitored Databases</h4>
        {{if .Monitored}}
        <table class="table table-bordered table-hover" style="width: auto; padding-top: 1rem">
          <thead>
            <tr>
              <th>Name</th>
              <th>Owner</th>
              <th>Tablespace</th>
              <th>Backends</th>
              <th>Size</th>
              <th>XID Age</th>
              <th>Tables</th>
              <th>Indexes</th>
            </tr>
          </thead>
          <tbody>
            {{range .Monitored}}
            <tr>
              <td class="tt"><a href="{{.Link}}">{{.Name}}</a></td>
              <td class="tt">{{.Owner}}</td>
              <td class="tt">{{.Tablespace}}</td>
              <td class="tt">{{.Backends}}</td>
              <td class="tt">{{.Size}}</td>
              <td class="tt">{{.XIDAge}}</td>
              <td class="tt">{{.Tables}}</td>
              <td class="tt">{{.Indexes}}</td>
            </tr>
            {{end}}
          </tbody>
        </table>
        {{else}}
        <div>No monitored databases.</div>
        {{end}}
      </div>
    </div>

    <div class="row" style="padding-bottom: 2rem">
      <div class="col-12">
        <h4>Other Databases</h4>
        {{if .Other}}
        <table class="table table-bordered table-hover" style="width: auto; padding-top: 1rem">
          <thead>
            <tr>
              <th>Name</th>
              <th>Owner</th>
              <th>Tablespace</th>
              <th>Backends</th>
              <th>Size</th>
              <th>XID Age</th>
            </tr>
          </thead>
          <tbody>
            {{range .Other}}
            <tr>
              <td class="tt"><a href="{{.Link}}">{{.Name}}</a></td>
              <td class="tt">{{.Owner}}</td>
              <td class="tt">{{.Tablespace}}</td>
              <td class="tt">{{.Backends}}</td>
              <td class="tt">{{.Size}}</td>
              <td class="tt">{{.XIDAge}}</td>
            </tr>
            {{end}}
          </tbody>
        </table>
        {{else}}
        <div>No other databases.</div>
        {{end}}
      </div>
    </div>

  </div>

</div>

{{template "server/delete-modal.tpl" .}}
{{template "server/sharing-modal.tpl" .}}

{{template "footer-pre.tpl" .}}
{{template "server/common-vars.tpl" .}}
<script type="text/javascript">
  var gName={{.Name}}, gSlug={{.Slug}};
</script>
<script src="{{asset "server-common.min.js"}}" type="text/javascript"></script>
{{template "footer-post.tpl" .}}