{% extends 'layout.twig' %}

{% block title %}Create Item{% endblock %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Add new item</h1>
  </div>
</header>

<section class="row">
  <div class="columns twelve">
    <form action="/item/add" method="POST">
      <div class="row">
        <div class="columns twelve">
          <label for="item_name">Item name:</label>
          <input class="u-full-width" type="text" placeholder="My new item" id="item_name">
        </div>
      </div>

      <div class="row">
        <div class="six columns">
          <label for="item_manufacturer">Manufacturer:</label>
          <input class="u-full-width" type="text" placeholder="Manufacturer" id="item_manufacturer">
        </div>

        <div class="six columns">
          <label for="item_type">Item type</label>
          <select class="u-full-width" id="item_type">
            <option value="cpu">Processor</option>
            <option value="motherboard">Motherboard</option>
            <option value="memory">Memory (RAM)</option>
            <option value="psu">Power Supply</option>
            <option value="case">Case</option>
            <option value="storage">Storage Device</option>
            <option value="gpu">Graphics Card</option>
          </select>
        </div>
      </div>

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

{% endblock %}