{% extends "base.html" %}
{% set active = 'datasets' %}
{% block content %}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/ui/datasets">Datasets</a></li>
    <li>{{ dataset.name }}</li>
  </ul>
</nav>

<div style="display:flex; justify-content:space-between; align-items:center;">
  <div>
    <h2>{{ dataset.name }}</h2>
    <p>Schema: <a href="/ui/schemas/{{ dataset.schema_name }}">{{ dataset.schema_name }}</a>
       &nbsp;·&nbsp; {{ dataset.record_count }} records
       {% if dataset.description %}&nbsp;·&nbsp; {{ dataset.description }}{% endif %}
    </p>
  </div>
  {% if fields %}
  <button onclick="document.getElementById('add-record').setAttribute('open','')">+ Add record</button>
  {% endif %}
</div>

{% if fields %}
<dialog id="add-record">
  <article>
    <header>
      <button aria-label="Close" rel="prev" onclick="document.getElementById('add-record').removeAttribute('open')"></button>
      <h3>Add record to {{ dataset.name }}</h3>
    </header>
    <form method="post" action="/ui/datasets/{{ dataset.name }}/records" id="record-form">
      {% for rf in fields %}
        {% set f = rf.field %}
        <label>
          {{ f.name }}
          {% if rf.source != dataset.schema_name %}<small class="inherited">(from {{ rf.source }})</small>{% endif %}
          <span class="tag">{{ f.type }}</span>
          {% if f.required %}<small> *required</small>{% endif %}

          {% if f.type == 'boolean' %}
            <select name="{{ f.name }}">
              <option value="">—</option>
              <option value="true">true</option>
              <option value="false">false</option>
            </select>
          {% elif f.type == 'file' %}
            <input type="file" id="{{ f.name }}_upload" onchange="uploadFile('{{ f.name }}', '{{ f.name }}')">
            <input type="hidden" name="{{ f.name }}" id="{{ f.name }}_value">
            <small id="{{ f.name }}_status"></small>
          {% elif f.type == 'integer' %}
            <input type="number" step="1" name="{{ f.name }}" {% if f.required %}required{% endif %}>
          {% elif f.type == 'float' %}
            <input type="number" step="any" name="{{ f.name }}" {% if f.required %}required{% endif %}>
          {% else %}
            <input type="text" name="{{ f.name }}" {% if f.required %}required{% endif %}>
          {% endif %}
        </label>
      {% endfor %}
      <footer>
        <button type="submit">Add record</button>
      </footer>
    </form>
  </article>
</dialog>
{% endif %}

<h3>Records</h3>
{% if records %}
<table>
  <thead>
    <tr>
      <th>ID</th>
      {% for f in field_names %}<th>{{ f }}</th>{% endfor %}
      <th>Created</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for r in records %}
    <tr>
      {% set rid = r.id | string %}
      <td><a href="/ui/records/{{ rid }}"><code>{{ rid[:8] }}…</code></a></td>
      {% for f in field_names %}
        {% set v = r.data.get(f, '') %}
        <td>
          {% if v is mapping and 'sha256' in v %}
            <span title="{{ v.sha256 }}">{{ v.filename }} ({{ v.size }}b)</span>
          {% else %}
            {{ v }}
          {% endif %}
        </td>
      {% endfor %}
      <td>{{ r.created_at.strftime('%Y-%m-%d') }}</td>
      <td>
        <form method="post" action="/ui/records/{{ rid }}/delete" style="display:inline;"
              onsubmit="return confirm('Delete this record?')">
          <button type="submit" class="outline" style="padding:0.2rem 0.6rem; font-size:0.8rem;">Delete</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p>No records yet.</p>
{% endif %}

{% endblock %}