{% extends 'layout.twig' %}

{% block title %}Search{% endblock %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Searching for "{{ query }}"</h1>
  </div>
</header>

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

{% endblock %}