{{ template "header" . }}

<div class="row">
  <h2>Add new hardware</h2>

  <form class="twelve columns" action="/hardware/create" method="POST">
    <div class="row">
      <div class="nine columns">
        <label for="hardware_name">
          Hardware name:
          <input id="hardware_name" class="u-full-width" type="text" name="hardware_name" placeholder="EVGA RTX 3080 Ti">
        </label>
      </div>

      <div class="three columns">
        <label for="hardware_type">
          Hardware type:
          <select id="hardware_type" class="u-full-width" name="hardware_type">
            <option value="cpu">Processor</option>
            <option value="mem">Memory</option>
            <option value="gpu">Graphics Card</option>
            <option value="ssd">Solid State Drive</option>
            <option value="hdd">Hard Drive</option>
            <option value="nic">Network Card</option>
          </select>
        </label>
      </div>
    </div>

    <input class="button-primary u-full-width" type="submit" value="Submit">
  </form>
</div>

{{ template "footer" . }}