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

<!-- Sites list partial. The blocked empty state only renders when there is
     genuinely nothing to show AND a real blocker applies (not just a
     transient lookup failure, which must never hide live sites — audit #24).
     Three distinct blockers exist, and this names whichever applies rather
     than one generic message (ux-first-run task 3.6):
       - no published product confers site creation at all: the deployment
         hasn't caught up, never the member's fault or their plan's (ACC-7,
         fedwiki-sites spec "The sites card distinguishes an empty catalog
         from an excluded entitlement")
       - a published plan exists but the member's own plan doesn't include
         it (the member's plan doesn't currently include it, or nothing is
         delivering it)
       - the deployment has no allowed site domains configured (the
         create-form's zero-domains guard, task 4.6) — the service's fault,
         not the member's, so it must read differently and never point the
         member at their plan. -->
{{ if and (eq (len .Sites) 0) (eq (len .ArchivedSites) 0) (not .EntitlementCheckFailed) (or (not .HasEntitlement) .NoDomainsConfigured) }}
{{ if .NoDomainsConfigured }}
{{ template "emptyState" .NoDomainsEmpty }}
{{ else if .NoPublishedPlan }}
{{ template "emptyState" .NoPublishedPlanEmpty }}
{{ else }}
{{ template "emptyState" .NoEntitlementEmpty }}
{{ end }}
{{ else }}
{{ if .EntitlementCheckFailed }}
<div class="alert alert-warning py-2 small" role="alert">
  We couldn't check your site allowance; your sites are shown below. Refresh in a moment to try again.
</div>
{{ else if not .HasEntitlement }}
<div class="alert alert-warning py-2 small" role="alert">
  No site access is currently granted; your existing sites are shown below.
</div>
{{ end }}
<!-- chrome-conventions D2 (one dominant primary action per screen): this
     card can render alongside other independent dashboard cards that also
     carry a call-to-action, so Create Site stays outline-styled rather
     than filled. -->
<div class="d-flex justify-content-between align-items-center mb-3">
  <small class="text-muted">{{ if .HasEntitlement }}{{ if gt .CurrentCount .Quota }}{{ .CurrentCount }} active sites, {{ .Quota }} allowed.{{ else }}{{ .CurrentCount }} of {{ .Quota }} active sites used{{ end }}{{ end }}</small>
  {{ if .CanCreate }}
  <button class="btn btn-outline-primary btn-sm"
          data-bs-toggle="modal" data-bs-target="#createSiteModal"
          hx-get="/partials/fedwiki/create-form" hx-target="#createSiteModalBody" hx-swap="innerHTML">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg me-1" viewBox="0 0 16 16">
      <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>
    </svg>
    Create site
  </button>
  {{ else }}
  {{ template "disabledControl" .CreateControl }}
  {{ end }}
</div>

{{ if .HasReadonly }}
<div class="alert alert-warning py-2 small" role="alert">
  Some of your sites are <strong>read-only</strong> because you're over your plan's active-site limit. They stay readable and your content is kept; upgrade your plan to make them editable again.
</div>
{{ end }}

<!-- Inline target for archive/restore/delete action errors -->
<div id="siteActionAlert"></div>

<!-- Verified domains with no site yet. Verifying a domain no longer creates
     one (domains-registry D4), so this banner offers the one-click create it
     now takes to finish. Verified rows only (dissolve-member-domains):
     pending claims surface via the dashboard notice and the Domains section
     below instead. -->
{{ if .CustomDomainClaims }}
<div class="alert alert-info py-2 small" role="status">
  <strong>Ready to use:</strong>
  {{ range .CustomDomainClaims }}
  <div class="d-flex align-items-center gap-2">
    <span><code>{{ .Domain }}</code>: verified and ready</span>
    <!-- Posts to the ordinary create route; the active claim makes it the
         instant path. The modal opens on the response. -->
    <button type="button" class="btn btn-link btn-sm p-0"
            data-bs-toggle="modal" data-bs-target="#createSiteModal"
            hx-post="/partials/fedwiki/sites"
            hx-vals='{"domain": "{{ .Domain }}", "isCustomDomain": "true", "customDomainsEnabled": "true"}'
            hx-target="#createSiteModalBody" hx-swap="innerHTML">
      Create your site
    </button>
  </div>
  {{ end }}
</div>
{{ end }}

{{ if .Error }}
<div class="alert alert-danger" role="alert">
  <strong>Error:</strong> {{ .Error }}
</div>
{{ else if eq (len .Sites) 0 }}
{{ template "emptyState" .NoSitesEmpty }}
{{ else }}
<div class="table-responsive">
  <table class="table table-hover table-sm table-record align-middle">
    <thead>
      <tr>
        <th>Domain</th>
        <th>Type</th>
        <th>Status</th>
        <th>Created</th>
        <th class="text-end"><span class="visually-hidden">Actions</span></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>
          {{ template "statusBadge" .TypeBadge }}
        </td>
        <td>
          {{ template "statusBadge" .StatusBadge }}
        </td>
        <td class="text-nowrap">{{ .CreatedAt }}</td>
        <td class="text-end">
          {{ if .IsReadonly }}
          {{ if $.CooldownMsg }}
          {{ template "disabledControl" (.KeepActiveControl $.CooldownMsg) }}
          {{ else }}
          <button class="btn btn-outline-primary btn-sm ms-1"
                  hx-post="{{ routeURL "/partials/fedwiki/sites/{domain}/keep-active" .Domain }}"
                  hx-target="#siteActionAlert"
                  hx-swap="innerHTML"
                  title="Keep this site editable (parks another read-only if you're at your limit)">
            Keep active
          </button>
          {{ end }}
          {{ end }}
          <button class="btn btn-outline-secondary btn-sm ms-1"
                  data-bs-toggle="modal"
                  data-bs-target="#confirmActionModal"
                  data-action-url="{{ routeURL "/partials/fedwiki/sites/{domain}/archive" .Domain }}"
                  data-action-method="post"
                  data-action-target="#siteActionAlert"
                  data-action-title="Archive site"
                  data-action-body="Archive {{ .Domain }}? The site goes offline but its content is kept; restore it any time within 30 days."
                  data-action-confirm-label="Archive"
                  data-action-style="primary">
            Archive
          </button>
        </td>
      </tr>
      {{ end }}
    </tbody>
  </table>
</div>
{{ end }}

{{ if gt (len .ArchivedSites) 0 }}
<div class="mt-4">
  <h6 class="text-muted">Archived</h6>
  <p class="text-muted small mb-2">Archived sites are offline but their content is kept. Restore one to bring it back (subject to your active-site limit), or delete it permanently. Archived sites are removed automatically after 30 days.</p>
  <div class="table-responsive">
    <table class="table table-sm align-middle">
      <tbody>
        {{ range .ArchivedSites }}
        <tr>
          <td class="text-muted text-nowrap">{{ .Domain }}</td>
          <td class="text-end">
            {{ if and .IsForceReduced $.CooldownMsg }}
            {{ template "disabledControl" (.RestoreControl $.CooldownMsg) }}
            {{ else }}
            <button class="btn btn-outline-primary btn-sm ms-1"
                    hx-post="{{ routeURL "/partials/fedwiki/sites/{domain}/restore" .Domain }}"
                    hx-target="#siteActionAlert"
                    hx-swap="innerHTML">
              Restore
            </button>
            {{ end }}
            <button class="btn btn-outline-danger btn-sm ms-1"
                    data-bs-toggle="modal"
                    data-bs-target="#confirmActionModal"
                    data-action-url="{{ routeURL "/partials/fedwiki/sites/{domain}" .Domain }}"
                    data-action-method="delete"
                    data-action-target="#siteActionAlert"
                    data-action-title="Delete site"
                    data-action-body="Permanently delete {{ .Domain }}? This cannot be undone."
                    data-action-confirm-label="Delete permanently">
              Delete permanently
            </button>
          </td>
        </tr>
        {{ end }}
      </tbody>
    </table>
  </div>
</div>
{{ end }}

<!-- Workspace domains (dissolve-member-domains, ux-ia-naming D7): domains are
     managed where sites live, under their own labeled, addressable section —
     id="domains" is the fragment anchor /domains redirects to. The container
     holds the core claims partial and is the .domains-surface wrapper
     its actions re-target, so kind/status/placement rows, DNS-instruction
     links, and the placement-guarded release all work inline here. Adding an
     external domain stays in the create form above. The surface is composed
     on the server from core's /partials/domains/claims (page-anatomy "A page
     arrives complete"); the wrapper class is what its actions re-target. -->
<div class="mt-4" id="domains">
  <h6 class="text-muted mb-1">Domains</h6>
  <div class="domains-surface">{{ .DomainsSurface }}</div>
</div>
{{ end }}

<!-- FedWiki's create modal travels with this partial
     (dashboard-display-genericity: core's index.html renders only generic
     card shells, so integration furniture arrives inside the integration's
     own HTMX fragment). It carries hx-preserve: the create flow leaves the
     modal OPEN when its success response fires refreshSites and this
     partial re-renders; a plain swap would replace the open modal's node
     and orphan Bootstrap's backdrop; hx-preserve carries the same-id DOM
     node (and its open state) across the swap. Rendered outside the
     entitlement branches so the node exists on every re-render, keeping
     preservation stable. Delete is a confirmAction on the shared modal
     (data-action-* above), not a modal of its own (finding FA-41: member
     deletion is archival, so the permanent-delete confirm never needed a
     bespoke dialog and its own, #deleteSiteModal and fedwiki_delete_confirm.html,
     which was dead weight). -->

<!-- Create Site Modal. Reset-on-close is wired in fedwiki-create-form.js
     via the real "hidden.bs.modal" event (was a CSP-dead hx-on attribute
     using the wrong event name — audit finding #20). -->
<div class="modal fade" id="createSiteModal" hx-preserve tabindex="-1" aria-labelledby="createSiteModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="createSiteModalLabel">Create FedWiki site</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div id="createSiteModalBody">
        <!-- Form loaded via HTMX -->
        <div class="modal-body text-center py-4">
          <div class="spinner-border text-primary" role="status">
            <span class="visually-hidden">Loading...</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>