{% 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">
  <article class="columns twelve">
    <h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
    <table class="hardware-info u-full-width">
      <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>
  </article>
</section>

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

{% endblock %}