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

{{/* operator_product_readiness.html
     Purchasability readiness section. Its own partial so it can poll for
     live updates while a Stripe sync is in flight: while SyncPending, the
     wrapper carries hx-get/hx-trigger="every 3s" against the readiness
     partial route, which replies 286 (htmx's stop-polling status) plus a
     poll-attr-free section once the state is terminal, so the swap
     removes the poller even without the 286. Declarative hx-* only;
     CSP-safe. Built from the page-anatomy parts: sectionHeader outside
     the card; check states (met, missing, sync pending, sync failed)
     render through statusBadge; annotations (Purchasable, Incomplete,
     Shown, Not shown, Not applicable, Unlisted, No rules) render as text
     per design D3. */}}
<div id="product-readiness"
     {{ if .Readiness.SyncPending }}hx-get="{{ routeURL "/partials/operator/products/{productID}/readiness" .Product.ProductID }}"
     hx-trigger="every 3s" hx-swap="outerHTML"{{ end }}>
  {{ template "sectionHeader" .ReadinessHeader }}
  <div class="card mb-3">
    <div class="card-body">
      {{/* The verdict is the panel's one significant statement, so it
           renders as an alert strip, not a row-sized badge (maintainer,
           2026-08-31). product-management "The readiness panel prints its
           verdict": the template always prints .Readiness.Verdict, the
           string the evaluation computes ("Purchasable", "Purchasable; not
           shown in the member catalog", "Ready to grant" for an unlisted
           product, "Inactive", "Incomplete; missing: ..."), and never a literal (such
           as "Purchasable.") derived from the Purchasable boolean in its
           place. */}}
      {{ if .Readiness.Purchasable }}
      <div class="alert alert-success py-2 mb-3"><strong>{{ .Readiness.Verdict }}</strong></div>
      {{ else }}
      <div class="alert alert-warning py-2 mb-3"><strong>{{ .Readiness.Verdict }}</strong></div>
      {{ end }}

      <ul class="list-group list-group-flush">
        {{ range .Readiness.Rows }}
        <li class="list-group-item px-0 py-2">
          <div class="d-flex justify-content-between align-items-center">
            <span>{{ .Label }}</span>
            {{ if eq .State "n/a" }}
            <span class="text-body-secondary small">Not applicable</span>
            {{ else if eq .State "unlisted" }}
            <span class="text-body-secondary small">Unlisted; issued as grants</span>
            {{ else if eq .State "no_rules" }}
            <span class="text-warning-emphasis small">No rules</span>
            {{ else if eq .State "shown" }}
            <span class="text-body-secondary small">Shown</span>
            {{ else if eq .State "hidden" }}
            <span class="text-warning-emphasis small">Not shown</span>
            {{ else }}
            {{ template "statusBadge" .StateBadge }}
            {{ end }}
          </div>
          {{ if and (or .DetailAlways (ne .State "met")) .Detail }}
          <small class="text-muted d-block mt-1">{{ .Detail }}{{ if .Href }} <a href="{{ .Href }}">Settings</a>{{ end }}</small>
          {{ end }}
        </li>
        {{ end }}
      </ul>

      {{ if .Readiness.CanSyncStripe }}
      <div class="mt-3">
        <button type="button" class="btn btn-sm btn-outline-primary"
                hx-post="{{ routeURL "/partials/operator/products/{productID}/sync-stripe" .Product.ProductID }}"
                hx-target="#operator-body" hx-swap="innerHTML">
          {{/* The label is "Sync to Stripe", or "Create in live" /
               "Create in test" when the recorded id is one this key
               cannot reach and the press creates the object again
               (stripe-environment-stamp D5). No confirm modal: the modal
               is the destructive idiom, and the Payment processing row
               above already states why the old id is no good. */}}
          {{ .Readiness.SyncLabel }}
        </button>
      </div>
      {{ else if .Readiness.CanRetryStripe }}
      {{/* form-conventions "Button weight follows the button's role" (design
           D19): a retry is a positive non-commit, not a destructive commit,
           so it renders outline-primary like Sync to Stripe above, never
           btn-danger (reserved for a destructive commit inside the confirm
           modal). */}}
      <div class="mt-3">
        <button type="button" class="btn btn-sm btn-outline-primary"
                hx-post="{{ routeURL "/partials/operator/products/{productID}/sync-stripe" .Product.ProductID }}"
                hx-target="#operator-body" hx-swap="innerHTML">
          Retry Stripe sync
        </button>
        <small class="text-muted d-block mt-1">The last sync to Stripe failed; retry to run it again.</small>
      </div>
      {{ else if not .Readiness.StripeConfigured }}
      <div class="alert alert-secondary py-2 small mt-3 mb-0" role="alert">
        Stripe is not configured for this deployment, so payment processing is unavailable. Set the Stripe API key and webhook secret to enable purchases; grant-based access still works without Stripe.
      </div>
      {{ end }}
    </div>
  </div>
</div>