{% extends 'layout.twig' %}

{% block title %}Home{% endblock %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Welcome to Overseer!</h1>
  </div>
</header>

<section id="record-actions" class="row">
  <div class="columns six">
    <a href="/item/add">
      <p><i class="fa-solid fa-plus"></i> Add Item</p>
    </a>
  </div>

  <div class="columns six">
    <a href="/item/search">
      <p><i class="fa-solid fa-search"></i> Search</p>
    </a>
  </div>
</section>

<hr>

<section class="row">
  <div class="columns six">
    <h3>Recently updated hardware:</h3>
    <table class="u-full-width">
      <thead>
        <tr>
          <th>Name</th>
          <th>Manufacturer</th>
          <th>Type</th>
          <th>Updated at</th>
        </tr>
      </thead>
      <tbody>
        {% for item in inventory %}
          <tr>
            <td><a href="/item/{{ item.id }}">{{ item.name }}</a></td>
            <td>{{ item.manufacturer }}</td>
            <td>{{ item.type }}</td>
            <td>{{ item.updatedAt | date("m/d/Y h:i:s A") }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <div class="columns six">
    <h3>Recently updated licenses:</h3>
    <table class="u-full-width">
      <thead>
        <tr>
          <th>Name</th>
          <th>Manufacturer</th>
          <th>Updated at</th>
        </tr>
      </thead>
      <tbody>
        {% for license in licenses %}
          <tr>
            <td><a href="/license/{{ license.id }}">{{ license.name }}</a></td>
            <td>{{ license.manufacturer }}</td>
            <td>{{ license.updatedAt | date("m/d/Y h:i:s A") }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>

{% endblock %}