{% extends "base.html" %}
{% block title %}Persons - astro-mcp{% endblock %}
{% block content %}
<h1>Persons</h1>

<div class="toolbar">
  <a href="/dashboard/persons/new" class="btn btn-primary">+ Add Person</a>
  <a href="/dashboard/persons/export" class="btn btn-ghost" title="Export all persons as JSON">Export All</a>
  <a href="/dashboard/persons/import" class="btn btn-ghost" title="Import persons from JSON">Import</a>
  <input
    class="search-input"
    type="text"
    id="search"
    placeholder="Search name or nickname..."
  >
</div>

{% if persons %}
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Nickname</th>
      <th>Birth</th>
      <th>Location</th>
      <th>Gender</th>
      <th>Status</th>
      <th></th>
    </tr>
  </thead>
  <tbody id="person-rows">
    {% for p in persons %}
    <tr>
      <td><a href="/dashboard/persons/{{ p.id }}">{{ p.name }}</a></td>
      <td>{{ p.nickname or '—' }}</td>
      <td>{{ p.birth_datetime[:10] if p.birth_datetime else '—' }}</td>
      <td>{{ p.birthplace or '—' }}</td>
      <td>
        {% if p.gender %}
        <span class="badge badge-blue">{{ p.gender }}</span>
        {% else %}
        —
        {% endif %}
      </td>
      <td>
        {% if p.alive %}
        <span class="badge badge-green">alive</span>
        {% else %}
        <span class="badge badge-deceased">deceased</span>
        {% endif %}
        {% if p.private %}
        <span class="badge badge-gray">private</span>
        {% endif %}
        {% if p.birth_time_known == False %}
        <span class="badge badge-gray">time unknown</span>
        {% endif %}
      </td>
      <td class="row-actions">
        <form method="post" action="/dashboard/persons/{{ p.id }}/delete" style="display:inline">
          <button type="submit" class="btn btn-delete btn-sm" data-confirm="Delete {{ p.name }}?">Delete</button>
        </form>
        <a href="/dashboard/persons/{{ p.id }}/edit" class="btn btn-primary btn-sm">Edit</a>
        <a href="/dashboard/persons/{{ p.id }}/export" class="btn btn-ghost btn-sm" title="Export as JSON">Export</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<div class="empty card">
  <p>No persons yet. <a href="/dashboard/persons/new">Add one</a>.</p>
</div>
{% endif %}
{% endblock %}