{{/* operator_person_detail.html
     Resolved-detail page for a single person, dispatched from
     /operator/persons/{personID} by GetPersonPage. Per design D4,
     persons is lookup-only (no flat browse) — operators arrive here via
     the landing-surface lookup affordance or an org member-row link.
*/}}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ else }}
<div class="mb-3">
    <a class="text-decoration-none" href="/operator">← Back to Operator</a>
    <h1 class="mt-2 mb-0 h2">{{ .Person.DisplayName }}</h1>
    <p class="text-muted small mb-0">{{ .Person.Email }}</p>
</div>

<div class="card mb-3">
    <div class="card-body">
        <dl class="row mb-0">
            <dt class="col-sm-3">Person ID</dt>
            <dd class="col-sm-9"><code>{{ .Person.PersonID }}</code></dd>
            <dt class="col-sm-3">Joined</dt>
            <dd class="col-sm-9">{{ .Person.CreatedAt }}</dd>
        </dl>
    </div>
</div>

<!-- Org memberships — closes the 3.6 deferral from operator-mpa-conversion.
     Each row links back to the org's composite view so operators can
     pivot from person → org without retracing transitions. -->
<h2 class="mt-4 h6">Org memberships</h2>
{{ if eq (len .Memberships) 0 }}
<div class="text-muted small py-2">Not currently enrolled at any organization.</div>
{{ else }}
<p class="text-muted small mb-2">Role reflects the organization's own record, not a console permission; authorization comes from IdP roles at login.</p>
<div class="table-responsive">
    <table class="table table-hover table-sm">
        <thead>
            <tr>
                <th>Organization</th>
                <th>Role</th>
                <th>Joined</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Memberships }}
            <tr>
                <td>
                    <a href="/operator/organizations/{{ .OrgID }}">{{ .OrgName }}</a>
                    <small class="text-muted">· <code>{{ .OrgSlug }}</code></small>
                </td>
                <td><span class="badge bg-secondary">{{ .RoleName }}</span></td>
                <td><small>{{ .JoinedAt }}</small></td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}
{{ end }}