{% extends 'layout.twig' %}

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

{% block content %}

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

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

      <div class="row">
        <div class="six columns">
          <label for="license_key">License key:</label>
          <input class="u-full-width" type="text" placeholder="ABCD-EFGH-1234-5678" id="license_key" name="license_key" required>
        </div>

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

      <div class="row">
        <div class="six columns">
          <label for="license_seats_used">Seats in use:</label>
          <input class="u-full-width" type="number" placeholder="0" id="license_seats_used" name="license_seats_used" required value="0">
        </div>

        <div class="six columns">
          <label for="license_seats_total">Seats total:</label>
          <input class="u-full-width" type="number" placeholder="1" id="license_seats_total" name="license_seats_total" required value="1">
        </div>
      </div>

      <div class="row">
        <div class="six columns">
          <label for="license_purchase_from">Purchased from:</label>
          <input class="u-full-width" type="text" placeholder="Newegg" id="license_purchase_from" name="license_purchase_from">
        </div>

        <div class="six columns">
          <label for="license_purchase_date">Purchased at:</label>
          <input class="u-full-width" type="datetime-local" id="license_purchase_date" name="license_purchase_date">
        </div>
      </div>

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

{% endblock %}