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

{{/* fedwiki_operator_sites.html
     Operator-tier list of every FedWiki site, below the Integrations
     trail with the Settings action in the header slot. Built from the
     page-anatomy parts: sections titled by sectionHeader (the sync
     explainer rides the Sync health tooltip), type and status render
     through statusBadge, rows lead with the site's domain (the site's
     human identifier; the link is external because sites have no console
     detail page). Unconfigured renders the same blocked-empty-state shape
     Discourse's operator page renders (ACC-2, fedwiki-sites spec).

     The sites table is the governed list on this page
     (operator-list-scale): search over the domain and the holder's name,
     the status facet over fedwiki.sites' own vocabulary, and true-total
     pagination, all from operator_list_controls.html driven by .Nav. The
     section count above the table is that same true total. */}}
{{ template "pageHeader" .Header }}
{{ if not .Configured }}
{{ template "emptyState" .NotConfigured }}
{{ else }}

{{ template "sectionHeader" .SyncHeader }}
<div class="card mb-3">
    <div class="card-body">
        <dl class="row mb-0">
            <dt class="col-sm-3">Last sync</dt>
            <dd class="col-sm-9">
                {{ .SyncStatus }}{{ if .SyncTime }} <span class="text-muted">({{ .SyncTime }})</span>{{ end }}
            </dd>
        </dl>
    </div>
</div>

{{ template "sectionHeader" .SitesHeader }}
{{ if .Error }}
<div class="alert alert-danger" role="alert">
    <strong>Error:</strong> {{ .Error }}
</div>
{{ else if eq (len .Sites) 0 }}
    {{ if .Nav.Filtered }}
    {{ template "listControls" .Nav }}
    {{ template "listNoMatch" .Nav }}
    {{ else }}
    {{ template "emptyState" .Empty }}
    {{ end }}
{{ else }}
{{ template "listControls" .Nav }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Domain</th>
                <th>Owner</th>
                <th>Type</th>
                <th>Status</th>
                <th>Created</th>
            </tr>
        </thead>
        <tbody>
            {{ range .Sites }}
            <tr>
                <th scope="row" class="text-nowrap">
                    <a href="{{ .URL }}" target="_blank" class="text-decoration-none">
                        {{ .Domain }}
                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor"
                            class="bi bi-box-arrow-up-right ms-1" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5" />
                            <path fill-rule="evenodd"
                                d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z" />
                        </svg>
                    </a>
                </th>
                <td>{{ .OwnerOrgName }}</td>
                <td>{{ template "statusBadge" .TypeBadge }}</td>
                <td>{{ template "statusBadge" .StatusBadge }}</td>
                <td class="text-nowrap">{{ .CreatedAt }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ template "listPager" .Nav }}
{{ end }}
{{ end }}