{% extends 'layout.twig' %}

{% block title %}{{ license.name }}{% endblock %}

{% block content %}

<!-- page header -->
<header id="license-header" class="row">
  <div class="columns twelve">
    <span>
      <h1>{{ license.name }}</h1>
      <p><a href="/license/{{ license.id }}/edit"><i class="fa-solid fa-pen-to-square"></i> Edit</a></p>
    </span>
    <h4 class="license-added-date">license added at: {{ license.createdAt }}</h4>
    <h4 class="license-updated-date">Last updated at: {{ license.updatedAt }}</h4>
  </div>
</header>

<!-- license information -->
<section class="row">
  <table class="columns twelve">
    <thead>
      <tr>
        <th>Product name</th>
        <th>License key</th>
        <th>Manufacturer</th>
        <th>Seats used</th>
        <th>Total seats</th>
        <th>Seller</th>
        <th>Purchase date</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>{{ license.name }}</td>
        <td>{{ license.key ? license.key : 'N/a' }}</td>
        <td>{{ license.manufacturer ? license.manufacturer : 'N/a' }}</td>
        <td>{{ license.seatsUsed }}</td>
        <td>{{ license.seatsTotal }}</td>
        <td>{{ license.purchasedFrom ? license.purchasedFrom : 'N/a' }}</td>
        <td>{{ license.purchasedAt | date("m/d/Y h:i:s A") }}</td>
      </tr>
    </tbody>
  </table>
</section>

{% endblock %}