{% 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 twelve">
    <h3>Recently updated records:</h3>
  </div>
</section>

<section class="row">
  <table class="columns twelve">
    <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>
</section>

{% endblock %}