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

{{/* operator_integration_stripe.html
     Stripe's provider page (/operator/integrations/stripe), the
     destination of its name on the Integrations table and the overview's
     Integrations card (design D24). Distinct from its settings page, which
     carries configuration only and is reached through the header's action.
     Built from the page-anatomy parts: the header, the Details list's
     Status badge, and the Delivery queue section (moved here from the
     settings page, unchanged in shape) all use the same statusBadge/
     sectionHeader parts every operator page uses. */}}
{{ template "pageHeader" .Header }}

{{ template "sectionHeader" .DetailsHeader }}
<div class="card mb-3">
    <div class="card-body">
        <dl class="row mb-0">
            <dt class="col-sm-3">Status</dt>
            <dd class="col-sm-9">{{ template "statusBadge" .StatusBadge }}</dd>
            <dt class="col-sm-3">Mode</dt>
            <dd class="col-sm-9 mb-0">{{ .ModeLabel }}</dd>
        </dl>
    </div>
</div>

{{/* Environment check: where the read-back of the mapped Stripe ids
     stands under the key in force (stripe-environment-stamp D3). Only
     rendered when Stripe is configured, because there is no key to read
     anything back under otherwise. */}}
{{ if .Configured }}
{{ template "sectionHeader" .EnvironmentCheckHeader }}
{{ template "operator_integration_stripe_environment.html" .EnvironmentCheck }}
{{ end }}

{{/* Delivery queue: moved from the settings page (integration-settings
     ADDED requirement "The Stripe provider page carries its status and
     the delivery-queue report"); only the dead-letter bucket ever carries
     alarm styling, pending and retrying are normal draining states. The
     three counts render through the readout part, the same value and the
     same size as the landing surface's tiles (overview-consistency D3), so
     the console has one readout. */}}
{{ template "sectionHeader" .DeliveryQueueHeader }}
<p class="text-muted small">
    Tracks Stripe's queued outbound work only; other integrations dispatch directly and are not reflected here, so an empty or draining queue says nothing about their state.
</p>
{{ if .DeliveryQueue.Available }}
<div class="row row-cols-3 g-0 mb-3 text-center">
    <div class="col">{{ template "readout" .DeliveryQueue.PendingReadout }}</div>
    <div class="col">{{ template "readout" .DeliveryQueue.RetryingReadout }}</div>
    <div class="col">{{ template "readout" .DeliveryQueue.DeadLetterReadout }}</div>
</div>
{{ if .DeliveryQueue.NeedsAttention }}
<p class="small text-danger">
    Dead-lettered work has exhausted its retries and needs an operator.
</p>
{{ if .DeliveryQueueEntries }}
<div class="table-responsive">
    {{/* list-scale exempt: detail page, the Stripe integration's own delivery queue */}}
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Operation</th>
                <th>Error</th>
                <th>Attempts</th>
                <th>Last attempt</th>
            </tr>
        </thead>
        <tbody>
            {{ range .DeliveryQueueEntries }}
            <tr class="table-danger">
                <th scope="row"><code class="text-nowrap">{{ .OperationType }}</code></th>
                <td>{{ if .ErrorMessage }}{{ .ErrorMessage }}{{ else }}<span class="text-muted">—</span>{{ end }}</td>
                <td>{{ .Attempts }}</td>
                <td class="text-nowrap">{{ .UpdatedAt }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}
{{ else }}
<p class="small text-body-secondary">
    Queued integration work is draining normally.
</p>
{{ end }}
{{ else }}
<p class="small text-body-secondary">Queue health is unavailable.</p>
{{ end }}

{{/* Inbound events: Stripe's webhook events that failed processing through
     every retry round (stripe-integration-infrastructure "Failed events
     are retried, then dead-lettered"). The mirror of the delivery queue
     above, same alarm rule: only dead-lettered events carry it. */}}
{{ template "sectionHeader" .InboundEventsHeader }}
{{ if .InboundEvents.Available }}
{{ if .InboundEvents.NeedsAttention }}
<p class="small text-danger">
    {{ .InboundEvents.DeadLetter }} event{{ if ne .InboundEvents.DeadLetter 1 }}s{{ end }} could not be processed after retries and need{{ if eq .InboundEvents.DeadLetter 1 }}s{{ end }} an operator.
</p>
{{ end }}
{{/* Events from the other Stripe environment: captured and not processed
     (stripe-environment-stamp D6). Not alarm styling, because no operator
     can move them; the line renders only when some arrived. */}}
{{ with .InboundEvents.RefusedLine }}
<p class="small text-body-secondary">{{ . }}</p>
{{ end }}
{{ if .InboundEventEntries }}
<div class="table-responsive">
    {{/* list-scale exempt: detail page, the Stripe integration's own dead-lettered and refused inbound events */}}
    {{/* The second column reads Detail, not Error: the table holds two
         kinds of row, and a refused row carries the reason it was kept
         rather than a message from something that failed. */}}
    <table class="table table-hover table-sm table-record">
        <thead>
            <tr>
                <th>Event</th>
                <th>Detail</th>
                <th>Attempts</th>
                <th>Last attempt</th>
            </tr>
        </thead>
        <tbody>
            {{ range .InboundEventEntries }}
            <tr{{ if not .Refused }} class="table-danger"{{ end }}>
                <th scope="row"><code class="text-nowrap">{{ .OperationType }}</code></th>
                <td>{{ if .ErrorMessage }}{{ .ErrorMessage }}{{ else }}<span class="text-muted">—</span>{{ end }}</td>
                <td>{{ .Attempts }}</td>
                <td class="text-nowrap">{{ .UpdatedAt }}</td>
            </tr>
            {{ end }}
        </tbody>
    </table>
</div>
{{ end }}
{{ if .InboundEvents.Quiet }}
<p class="small text-body-secondary">
    Inbound events are processing normally.
</p>
{{ end }}
{{ else }}
<p class="small text-body-secondary">Inbound event health is unavailable.</p>
{{ end }}