{% extends 'base.html' %}
{% block content %}
<div class="container">
<title>{% if item.get("shortener").slug %}/{{ item.get("shortener").slug }}{% else %}k6{% endif %}: {{ item.name }}</title>

<p><a class="waves-effect waves-light btn" href="/login?redirect_url={{ redirect_url }}">Log in</a> for more details: Location, Ownership, Comments</p>

<table>
  <thead>
    <tr>
      <th>Key</th>
      <th>Value</th>
    </tr>
  </thead>
  <tbody>
      <tr>
        <td>Sticker</td>
        <td>
        {% if item.get("shortener").slug %}
          {{ item.get("shortener", {}).get("slug") | qr_code }}
          <a href="http://k6.ee/{{ item.get("shortener").slug }}">
            k6.ee/{{ item.get("shortener").slug }}
          </a>
        {% endif %}
        </td>
      </tr>
      <tr>
        <td>Vendor</td>
        <td>{{ item.get("hardware").vendor }}</td>
      </tr>

      <tr>
        <td>Product</td>
        <td>{{ item.get("hardware").product }}</td>
      </tr>

      <tr>
        <td>Name</td>
        <td>{{ item.name }}</td>
      </tr>
  </tbody>
</table>

<p><a class="waves-effect waves-light btn" href="/login?redirect_url={{ redirect_url }}">Log in</a> for more details: Location, Ownership, Comments</p>

<h3>Photo</h3>
{% if item.has_photo %}
<img src="{{ photo_url }}" alt="" style="max-width: 800px; width: 100%;">
{% endif %}

{% endblock %}