{% extends "base.html" %}
{% set active = 'datasets' %}
{% block content %}
<nav aria-label="breadcrumb">
  <ul>
    <li><a href="/ui/datasets">Datasets</a></li>
    <li><a href="/ui/datasets/{{ dataset_name }}">{{ dataset_name }}</a></li>
    <li><code>{{ (record.id | string)[:8] }}…</code></li>
  </ul>
</nav>

{% set rid = record.id | string %}
<div style="display:flex; justify-content:space-between; align-items:center;">
  <div>
    <h2>Record <code>{{ rid[:8] }}…</code></h2>
    <p><small>Schema: {{ record.schema_name }} &nbsp;·&nbsp; Full ID: <code>{{ rid }}</code></small></p>
    <p><small>Created: {{ record.created_at.strftime('%Y-%m-%d %H:%M UTC') }}</small></p>
  </div>
  <div style="display:flex; gap:0.5rem;">
    {% if fields %}
    <button onclick="document.getElementById('edit-record').setAttribute('open','')">Edit</button>
    {% endif %}
    <form method="post" action="/ui/records/{{ rid }}/delete"
          onsubmit="return confirm('Delete this record?')">
      <button type="submit" class="secondary">Delete</button>
    </form>
  </div>
</div>

<table>
  <thead><tr><th>Field</th><th>Value</th></tr></thead>
  <tbody>
    {% for k, v in record.data.items() %}
    <tr>
      <td>{{ k }}</td>
      <td>
        {% if v is mapping and v.sha256 is defined %}
          {{ v.filename }} &nbsp;<small>({{ v.size }} bytes, sha256: {{ v.sha256[:12] }}…)</small>
          &nbsp;<a href="/files/{{ v.sha256 }}" download="{{ v.filename }}">Download</a>
        {% else %}
          {{ v }}
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% if fields %}
<dialog id="edit-record">
  <article>
    <header>
      <button aria-label="Close" rel="prev" onclick="document.getElementById('edit-record').removeAttribute('open')"></button>
      <h3>Edit record <code>{{ rid[:8] }}…</code></h3>
    </header>
    <form method="post" action="/ui/records/{{ rid }}/update">
      {% for rf in fields %}
        {% set f = rf.field %}
        {% set current = record.data.get(f.name) %}
        <label>
          {{ f.name }} <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"  {% if current == true  %}selected{% endif %}>true</option>
              <option value="false" {% if current == false %}selected{% endif %}>false</option>
            </select>

          {% elif f.type == 'file' %}
            {% if current %}
              <small>
                Current: <strong>{{ current.filename }}</strong> ({{ current.size }} bytes)
                &nbsp;<a href="/files/{{ current.sha256 }}" download="{{ current.filename }}">Download</a>
              </small>
            {% endif %}
            <input type="file" id="edit_{{ f.name }}_upload"
                   onchange="uploadFile('edit_{{ f.name }}', '{{ f.name }}')">
            <input type="hidden" name="{{ f.name }}" id="edit_{{ f.name }}_value"
                   value="{{ current | tojson if current else '' }}">
            <small id="edit_{{ f.name }}_status"></small>

          {% elif f.type == 'integer' %}
            <input type="number" step="1" name="{{ f.name }}"
                   value="{{ current if current is not none else '' }}"
                   {% if f.required %}required{% endif %}>

          {% elif f.type == 'float' %}
            <input type="number" step="any" name="{{ f.name }}"
                   value="{{ current if current is not none else '' }}"
                   {% if f.required %}required{% endif %}>

          {% else %}
            <input type="text" name="{{ f.name }}"
                   value="{{ current if current is not none else '' }}"
                   {% if f.required %}required{% endif %}>
          {% endif %}
        </label>
      {% endfor %}
      <footer>
        <button type="submit">Save changes</button>
      </footer>
    </form>
  </article>
</dialog>
{% endif %}
{% endblock %}