{% extends 'layout.twig' %}

{% block scripts %}
<script src="./js/index.js" charset="utf-8"></script>
{% endblock %}

{% block content %}

<header class="row">
  <div class="columns twelve u-text-center">
    <h1>Sentry System Info</h1>
  </div>
</header>

<section class="row">
  <table class="columns twelve">
    <thead>
      <tr>
        <th>HW Type</th>
        <th>Hardware Model Info.</th>
        <th>Current Temp.</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>CPU</td>
        <td id="cpuInfo"></td>
        <td id="cpuTemp"></td>
      </tr>
      <tr>
        <td>GPU</td>
        <td id="gpuInfo"></td>
        <td id="gpuTemp"></td>
      </tr>
    </tbody>
  </table>
</section>

{% endblock %}