{% extends "base.html" %}

{% block title %}Feature{% endblock %}
{% block content_title %}{{ collection.title }} Item{% endblock %}

{% block content %}
<article class="prose">
<a href="/collections/{{collection.id}}/items/{{ feature.id }}.json">JSON</a><br/>
</article>

<table class="table table-zebra table-xs">
  <thead>
    <tr>
      <th>property</th>
      <th>value</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>id</td>
      <td>{{ feature.id }}</td>
    </tr>
    {% for prop in feature.properties %}
    <tr>
      <td>{{prop}}</td>
      <td>{{feature.properties[prop]}}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<ul class="menu menu-horizontal bg-base-200">
  <li class="menu-title">Links</li>
  {% for link in feature.links %}
  <li><a href="{{ link.href }}">{{ link.title }}</a> [{{link.rel}}] ({{link.type}})</li>
  {% endfor %}
</ul>

{% endblock %}