{% 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>

{% if item_results|length > 0 %}
  <section id="search-results" class="row">
    <div class="columns twelve">
      <h3>Hardware components:</h3>
      <table class="u-full-width">
        <thead>
          <tr>
            <th>Name</th>
            <th>Type</th>
            <th>Updated at</th>
          </tr>
        </thead>
        <tbody>
          {% for item in item_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>
{% endif %}

{% if license_results|length > 0 %}
  <section id="search-results" class="row">
    <div class="columns twelve">
      <h3>Software licenses:</h3>
      <table class="u-full-width">
        <thead>
          <tr>
            <th>Name</th>
            <th>Vendor</th>
            <th>Updated at</th>
          </tr>
        </thead>
        <tbody>
          {% for license in license_results %}
            <tr>
              <td><a href="/item/{{ 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>
{% endif %}

{% endblock %}