{% extends 'layout.twig' %}

{% block title %}Edit License{% endblock %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Editing "{{ license.name }}"</h1>
  </div>
</header>

<section class="row">
  <div class="columns twelve">
    <form action="/license/{{ license.id }}/edit" 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" value="{{ 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" value="{{ 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" value="{{ 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="{{ license.seatsUsed }}">
        </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="{{ license.seatsTotal }}">
        </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" value="{{ license.purchasedFrom }}">
        </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" value="{{ license.purchasedAt }}">
        </div>
      </div>

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

{% endblock %}