{% extends 'layouts/default.twig' %}

{% block title %}Add Hardware{% endblock %}

{% block content %}
<div class="row">
  <h2>Add hardware</h2>

  <form class="twelve columns" action="/hardware/add" 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">SSD</option>
            <option value="hdd">HDD</option>
          </select>
        </label>
      </div>
    </div>

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