{{- /* SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Commercial */ -}}
{{- /* SPDX-FileCopyrightText: 2025-2026 Christian Galo */ -}}

{{/* operator_person_detail.html
     Resolved-detail page for a single person, dispatched from
     /operator/persons/{personID} by GetPersonPage. Reached from the
     People directory (/operator/persons), the landing-surface lookup
     affordance, or an org member-row link (operator-people-directory:
     breadcrumb reads People / {name}). Built from the page-anatomy
     parts (docs/design-system.md §6): the header carries the location
     trail above the person's name, outside the details card.
*/}}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ else }}
{{ template "pageHeader" .Header }}

<div class="card mb-3">
    <div class="card-body">
        {{/* The identity provider's ownership of a field is marked on its
             own label, not grouped under a heading (operator-people-
             directory "The identity provider's ownership of a person's
             name is marked on the label"; acceptance-fixes round 5,
             maintainer: "The card now looks messy, I think we instead want
             to remove that epic in the middle of the card and instead add
             the glyph back but add them to the field labels themselves for
             the ones that are applicable."). Identity-provider facts come
             first, then the console's own. */}}
        <dl class="row mb-0">
            <dt class="col-sm-3">Name{{ template "managedGlyph" }}</dt>
            <dd class="col-sm-9">{{ .Person.DisplayName }}</dd>
            <dt class="col-sm-3">Email{{ template "managedGlyph" }}</dt>
            <dd class="col-sm-9">{{ .Person.Email }}</dd>
            <dt class="col-sm-3">Person ID</dt>
            <dd class="col-sm-9"><code>{{ .Person.PersonID }}</code></dd>
            <dt class="col-sm-3">First seen</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. -->
{{ template "sectionHeader" .MembershipsHeader }}
{{ if eq (len .Memberships) 0 }}
{{ template "emptyState" .NoMemberships }}
{{ else }}
<div class="table-responsive">
    {{/* list-scale exempt: detail page, this person's own organization memberships */}}
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Organization</th>
                <th>Role</th>
                <th>Joined</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Memberships }}
            <tr>
                <th scope="row">
                    <a href="/operator/organizations/{{ .OrgID }}">{{ .OrgName }}</a>
                </th>
                <!-- A role is the organization's own label, not a state:
                     text, not a badge (page-anatomy "Badges are for states"). -->
                <td>{{ .RoleName }}</td>
                <td class="text-nowrap"><small>{{ .JoinedAt }}</small></td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}
{{ end }}