{{define "dashboard.html"}}
{{template "base" .}}
{{end}}

{{define "content"}}
{{if .Error}}
<div class="alert alert-error">{{.Error}}</div>
{{end}}

<section class="info-grid">
  <div class="info-card">
    <div class="card-header">System Information</div>
    <div class="card-body" style="padding:0">
      <table class="info-table">
        {{if .Hostname}}<tr><th>Hostname</th><td>{{.Hostname}}</td></tr>{{end}}
        {{if .OSName}}<tr><th>OS</th><td>{{.OSName}} {{.OSVersion}}</td></tr>{{end}}
        {{if .Machine}}<tr><th>Architecture</th><td>{{.Machine}}</td></tr>{{end}}
        {{if .Firmware}}<tr><th>Firmware</th><td>{{.Firmware}}</td></tr>{{end}}
        {{if .Uptime}}<tr><th>Uptime</th><td>{{.Uptime}}</td></tr>{{end}}
      </table>
    </div>
  </div>

  <div class="info-card">
    <div class="card-header">Resources</div>
    <div class="card-body" style="padding:0">
      <table class="info-table">
        {{if .MemTotal}}
        <tr>
          <th>Memory</th>
          <td>
            <div class="health-bar-track" style="margin-bottom:0.25rem">
              <div class="health-bar-fill {{.MemClass}}" style="width:{{.MemPercent}}%"></div>
            </div>
            <span class="num">{{.MemUsed}} / {{.MemTotal}} MiB ({{.MemPercent}}%)</span>
          </td>
        </tr>
        {{end}}
        {{if .Load1}}
        <tr>
          <th>Load Average</th>
          <td>
            <span class="num">{{.Load1}} &middot; {{.Load5}} &middot; {{.Load15}}</span>
          </td>
        </tr>
        {{end}}
      </table>
    </div>
  </div>

  {{if .Board.Model}}
  <div class="info-card">
    <div class="card-header">Hardware</div>
    <div class="card-body" style="padding:0">
      <table class="info-table">
        {{if .Board.Model}}<tr><th>Model</th><td>{{.Board.Model}}</td></tr>{{end}}
        {{if .Board.Manufacturer}}<tr><th>Manufacturer</th><td>{{.Board.Manufacturer}}</td></tr>{{end}}
        {{if .Board.SerialNum}}<tr><th>Serial Number</th><td>{{.Board.SerialNum}}</td></tr>{{end}}
        {{if .Board.HardwareRev}}<tr><th>Hardware Rev</th><td>{{.Board.HardwareRev}}</td></tr>{{end}}
        {{if .Board.BaseMAC}}<tr><th>Base MAC</th><td>{{.Board.BaseMAC}}</td></tr>{{end}}
        {{if .Sensors}}
        {{range .Sensors}}
        <tr><th>{{.Name}}</th><td>{{.Value}}</td></tr>
        {{end}}
        {{end}}
      </table>
    </div>
  </div>
  {{end}}
</section>

{{if .Disks}}
<section class="info-card">
  <div class="card-header">Disk Usage</div>
  <div class="card-body" style="padding:0">
    <div class="data-table-wrap">
      <table class="data-table">
        <thead>
          <tr>
            <th>Mount</th>
            <th>Size</th>
            <th>Used</th>
            <th>Available</th>
            <th>Use%</th>
          </tr>
        </thead>
        <tbody>
          {{range .Disks}}
          <tr>
            <td>{{.Mount}}</td>
            <td>{{.Size}}</td>
            <td>{{.Used}}</td>
            <td>{{.Available}}</td>
            <td>{{.Percent}}%</td>
          </tr>
          {{end}}
        </tbody>
      </table>
    </div>
  </div>
</section>
{{end}}
{{end}}