{% extends 'layout.twig' %}

{% block title %}Add New Component{% endblock %}

{% block content %}

<div class="row">
  <div class="twelve columns">
    <h1>Add new component</h1>
  </div>
</div>

<div class="row">
  <div class="twelve columns">
    <form action="{{ url_for('component.add') }}" method="POST" class="u-full-width">
      <div class="row">
        <div class="nine columns">
          <label for="component_name">Component name:</label>
          <input type="text" id="component_name" class="u-full-width" name="component_name">
        </div>

        <div class="three columns">
          <label>
            Component type:
            <select class="u-full-width" name="component_type">
              <option value="gpu">Graphics card</option>
              <option value="cpu">Processor</option>
            </select>
          </label>
        </div>
      </div>

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

{% endblock %}