{% extends "base.html" %}

{% block title %}{{ item_id }}{% endblock %}

{% block breadcrumbs %}
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item"><a href="/type/{{ type.id }}/">{{ type.id }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ item_id }}</li>
      </ol>
    </nav>
{% endblock %}

{% block body %}

<h2>{{ item_id }} - {{ type.id }}</h2>

<table class="table">
    {% for field_id, field in type.fields.items() %}
        <tr>
            <th>
                {{ field.title() }}
            </th>
            <td>
                {% if field.type() == 'url' %}
                    <a href="{{ datastore.get_field(type.id, item_id, field_id) }}">{{ datastore.get_field(type.id, item_id, field_id) }}</a>
                {% else %}
                    {{ datastore.get_field(type.id, item_id, field_id) }}
                {% endif %}
            </td>
        </tr>
    {% endfor %}

</table>

<p>
    {% if type.json_schema %}
        <a href="editweb/"><button type="button" class="btn btn-primary">Edit in Browser</button></a>
    {% endif %}
    {% if type.guide_form_xlsx %}
        <a href="editspreadsheet/"><button type="button" class="btn btn-primary">Edit in a spreadsheet</button></a>
    {% endif %}
    {% if site_github_url %}
        <a href="https://github.com/{{ site_github_url }}/edit/{{ site_github_primary_branch }}/{{  item_data.git_filename }}"><button type="button" class="btn btn-primary">Edit Raw data directly on GitHub</button></a>
    {% endif %}
</p>

<h3>Raw Data</h3>

<div>
    {{ item_data.data }}
</div>

{% if site_github_url %}
    <a href="https://github.com/{{ site_github_url }}/blob/{{ site_github_primary_branch }}/{{  item_data.git_filename }}"><button type="button" class="btn btn-primary">View on GitHub</button></a>
{% endif %}

<a href="data.json"><button type="button" class="btn btn-primary">Download Raw JSON data</button></a>

{% endblock %}