astro-mcp/templates/person-detail.html

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

<div class="toolbar">
  <a href="/dashboard/persons" class="btn btn-ghost">← Back</a>
  <a href="/dashboard/persons/{{ person.id }}/edit" class="btn btn-primary">Edit</a>
  <form method="post" action="/dashboard/persons/{{ person.id }}/delete" style="display:inline">
    <button type="submit" class="btn btn-danger" data-confirm="Delete {{ person.name }}?">Delete</button>
  </form>
</div>

<div class="card">
  <h2>Basic Info</h2>
  <div class="detail-grid">
    <span class="detail-label">Full name</span>
    <span class="detail-value">{{ person.name }}</span>

    <span class="detail-label">Nickname</span>
    <span class="detail-value">{{ person.nickname or '—' }}</span>

    <span class="detail-label">Description</span>
    <span class="detail-value">{{ person.description or '—' }}</span>

    <span class="detail-label">Gender</span>
    <span class="detail-value">
      {% if person.gender %}<span class="badge badge-blue">{{ person.gender }}</span>{% else %}—{% endif %}
    </span>

    <span class="detail-label">Status</span>
    <span class="detail-value">
      {% if person.alive %}
      <span class="badge badge-green">alive</span>
      {% else %}
      <span class="badge badge-red">deceased</span>
      {% endif %}
      {% if person.private %}<span class="badge badge-gray">private</span>{% endif %}
    </span>
  </div>
</div>

<div class="card">
  <h2>Birth Data</h2>
  <div class="detail-grid">
    <span class="detail-label">Birth datetime</span>
    <span class="detail-value">{{ person.birth_datetime or '—' }}</span>

    <span class="detail-label">Birthplace</span>
    <span class="detail-value">{{ person.birthplace or '—' }}</span>

    <span class="detail-label">Latitude</span>
    <span class="detail-value">{{ person.latitude }}</span>

    <span class="detail-label">Longitude</span>
    <span class="detail-value">{{ person.longitude }}</span>

    <span class="detail-label">Elevation</span>
    <span class="detail-value">{{ person.elevation }} m</span>

    <span class="detail-label">Timezone</span>
    <span class="detail-value">{{ person.timezone or '—' }}</span>

    <span class="detail-label">Time known</span>
    <span class="detail-value">
      {% if person.birth_time_known %}
      <span class="badge badge-green">yes</span>
      {% else %}
      <span class="badge badge-gray">unknown / approximate</span>
      {% endif %}
    </span>
  </div>
</div>

{% if person.notes %}
<div class="card">
  <h2>Notes</h2>
  <p style="white-space:pre-wrap">{{ person.notes }}</p>
</div>
{% endif %}

<div class="card" style="color:#6e7681;font-size:0.8rem">
  <div class="detail-grid">
    <span class="detail-label">ID</span>
    <span class="detail-value"><code>{{ person.id }}</code></span>
    <span class="detail-label">Created</span>
    <span class="detail-value">{{ person.created_at or '—' }}</span>
    <span class="detail-label">Updated</span>
    <span class="detail-value">{{ person.updated_at or '—' }}</span>
  </div>
</div>
{% endblock %}