{% extends 'layout.twig' %}

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

{% block content %}

<header class="row">
  <div class="columns twelve u-text-center">
    <h1>GPU Info</h1>
    <select id="gpuSelector"></select>
  </div>
</header>

<section class="row">
  <h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
  <table class="hardware-info">
    <tbody>
      <tr>
        <td>GPU vendor</td>
        <td><span id="gpuVendor">N/a</span></td>
      </tr>
      <tr>
        <td>GPU memory</td>
        <td><span id="gpuVram">N/a</span></td>
      </tr>
      <tr>
        <td>Bus</td>
        <td><span id="gpuBus">N/a</span></td>
      </tr>
    </tbody>
  </table>
</section>

<section class="row">
  <div class="columns twelve">
    <a href="index.html">Back</a>
  </div>
</section>

{% endblock %}