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

{{/* operator_entitlement_set_rules_table.html
     The rules form's body (design D1, D8, D10, D11 of staged-rule-changes;
     spec form-library "A batch form renders the caller's rows and one
     tray"). Context: server.EntitlementSetRulesTable, the bound
     forms.FormView and the rows to draw. Rendered as a fragment by
     operator_entitlement_set_rules_view.go and handed back to the form
     part as Binding.Body, which is why the view is already in scope here:
     every control comes from the field part through Form.RowField and
     every action from the row-action part through Form.RowAction, so this
     file writes no control of its own.

     Two things, in order. The add form, while Add rule holds it open:
     one dense row above the table and outside it, the key select alone
     until a key is chosen, then that kind's fields beside it, and Stage
     change with Cancel at its end; the row aligns to the top under one
     label line, so a refusal under one control grows that column alone
     and the buttons stay on the control line, as in every dense row
     (design D16). A staged addition
     then appears in the table as a staged row of its kind's group; the
     form itself never sits in the table (maintainer, 2026-09-19: "it
     doesn't make sense for it to be within the table before it is added").

     Then one table, grouped by rule kind inside it: a row group per kind
     opened by a row naming the kind, Limit then Boolean. That row is a
     quiet heading, not a divider: the word small, semibold and in the
     secondary colour, with air above it and no line under it, so it hugs
     the rows it heads and the hairline the row above already draws is
     the whole boundary (round 4 of the exploration, the maintainer's pick
     of 2026-09-19 over a tinted band; app.css .app-rules-group). The
     columns are the limit rule's (Resource, Limit, Per unit, Reduction
     policy, Actions); a boolean row has no value in the three middle
     columns, so its name spans them and no cell is left empty. The table
     lays out on fixed column widths (app.css .app-rules-table), so a row
     that opens for editing or carries an error keeps every column where
     it was.

     A row draws in one of three shapes. At rest: its values and its
     actions, Edit and Remove on a limit rule and Remove alone on a
     boolean rule, which has no field to edit. Editing: the Limit, Per
     unit and Reduction policy controls in their own columns, aligned to
     the top so a refusal under one control grows only its own row, with
     Stage change and Cancel; below lg the cells stack in reading order
     and each control's own label shows. Staged: tinted, the old value
     struck beside the new or the resource name struck on a removal, and
     Undo alone. */}}
{{ with .New }}
<div id="entitlement-set-rule-add" class="app-rules-add mb-3">
    <div class="row g-2 align-items-start app-form-dense-row">
        {{ template "formField" ($.Form.RowField .Instance "resource_key" "dense") }}
        {{ template "formField" ($.Form.RowField .Instance "resource_key_kind") }}
        {{ if .Numeric }}
        {{ template "formField" ($.Form.RowField .Instance "resource_value" "dense") }}
        {{ template "formField" ($.Form.RowField .Instance "resource_per_unit" "dense") }}
        {{ template "formField" ($.Form.RowField .Instance "tier_reduction_policy" "dense") }}
        {{ end }}
        <div class="col-12 col-xl-auto app-form-commit app-form-unlabeled">
            {{ template "formRowAction" ($.Form.RowAction "stage" .Instance "Stage change" "primary") }}
            {{ template "formRowAction" ($.Form.RowAction "cancel" .Instance "Cancel" "secondary") }}
        </div>
    </div>
</div>
{{ end }}
{{ if or .Limits .Booleans }}
<div class="table-responsive">
    <table class="table table-hover table-sm table-record align-middle app-rules-table">
        <colgroup>
            <col>
            <col class="app-col-limit">
            <col class="app-col-per-unit">
            <col class="app-col-policy">
            <col class="app-col-actions">
        </colgroup>
        <thead>
            <tr>
                <th scope="col">Resource</th>
                <th scope="col">Limit</th>
                <th scope="col">Per unit {{ template "helpIcon" (helpIcon "Per unit" "Multiplied by the quantity purchased or granted.") }}</th>
                <th scope="col">Reduction policy</th>
                <th scope="col" class="text-end"><span class="visually-hidden">Actions</span></th>
            </tr>
        </thead>
        {{ if .Limits }}
        <tbody>
            <tr class="app-rules-group"><th scope="rowgroup" colspan="5" class="small fw-semibold text-body-secondary">Limit</th></tr>
            {{ range .Limits }}
            {{ if .Editing }}
            {{ template "entitlementSetRuleEditingRow" ($.Editing .) }}
            {{ else if .Staged }}
            <tr class="table-light">
                <th scope="row">{{ if .Removed }}<span class="text-decoration-line-through text-muted">{{ template "entitlementSetRuleName" . }}</span>{{ else }}{{ template "entitlementSetRuleName" . }}{{ end }}</th>
                <td>{{ if .OldLimit }}<span class="text-decoration-line-through text-muted">{{ .OldLimit }}</span> {{ end }}{{ .NewLimit }}</td>
                <td>{{ if .OldPerUnit }}<span class="text-decoration-line-through text-muted">{{ .OldPerUnit }}</span> {{ end }}{{ .NewPerUnit }}</td>
                <td>{{ if .OldPolicy }}<span class="text-decoration-line-through text-muted">{{ .OldPolicy }}</span> {{ end }}{{ .NewPolicy }}</td>
                <td class="text-end">{{ template "formRowAction" ($.Form.RowAction "undo" .DeltaKey "Undo" "secondary") }}</td>
            </tr>
            {{ else }}
            <tr>
                <th scope="row">{{ template "entitlementSetRuleName" . }}</th>
                <td>{{ .ResourceValue }}</td>
                <td>{{ if .ResourcePerUnit }}Yes{{ else }}No{{ end }}</td>
                <td>{{ .Policy }}</td>
                <td class="text-end">
                    {{ template "formRowAction" ($.Form.RowAction "edit" .RuleID "Edit" "secondary") }}
                    {{ template "formRowAction" ($.Form.RowAction "remove" .RuleID "Remove" "danger") }}
                </td>
            </tr>
            {{ end }}
            {{ end }}
        </tbody>
        {{ end }}
        {{ if .Booleans }}
        <tbody>
            <tr class="app-rules-group"><th scope="rowgroup" colspan="5" class="small fw-semibold text-body-secondary">Boolean</th></tr>
            {{ range .Booleans }}
            {{ if .Editing }}
            {{ template "entitlementSetRuleEditingRow" ($.Editing .) }}
            {{ else if .Staged }}
            <tr class="table-light">
                <th scope="row" colspan="4">{{ if .Removed }}<span class="text-decoration-line-through text-muted">{{ template "entitlementSetRuleName" . }}</span>{{ else }}{{ template "entitlementSetRuleName" . }}{{ end }}</th>
                <td class="text-end">{{ template "formRowAction" ($.Form.RowAction "undo" .DeltaKey "Undo" "secondary") }}</td>
            </tr>
            {{ else }}
            <tr>
                <th scope="row" colspan="4">{{ template "entitlementSetRuleName" . }}</th>
                <td class="text-end">{{ template "formRowAction" ($.Form.RowAction "remove" .RuleID "Remove" "danger") }}</td>
            </tr>
            {{ end }}
            {{ end }}
        </tbody>
        {{ end }}
    </table>
</div>
{{ end }}

{{/* entitlementSetRuleEditingRow is one stored rule's row open for editing,
     in its group: the rule's name in the Resource cell, the three
     kind-dependent controls in their columns for a numeric rule, and Stage
     change with Cancel. Only a numeric rule offers Edit; the span on a
     row that is not numeric keeps the row's columns honest should one
     ever open. Context: server.EntitlementSetRuleEditing, from
     EntitlementSetRulesTable.Editing. */}}
{{ define "entitlementSetRuleEditingRow" }}
{{ $form := .Form }}{{ with .Row }}
<tr class="align-top">
    <th scope="row" class="d-block d-lg-table-cell fw-normal"{{ if not .Numeric }} colspan="4"{{ end }}>
        {{ template "entitlementSetRuleName" . }}
        {{ template "formField" ($form.RowField .Instance "resource_key_kind") }}
    </th>
    {{ if .Numeric }}
    <td class="d-block d-lg-table-cell">{{ template "formField" ($form.RowField .Instance "resource_value" "label-hidden") }}</td>
    <td class="d-block d-lg-table-cell">{{ template "formField" ($form.RowField .Instance "resource_per_unit" "label-hidden") }}</td>
    <td class="d-block d-lg-table-cell">{{ template "formField" ($form.RowField .Instance "tier_reduction_policy" "label-hidden") }}</td>
    {{ end }}
    <td class="d-block d-lg-table-cell text-end">
        {{ template "formRowAction" ($form.RowAction "stage" .Instance "Stage change" "primary") }}
        {{ template "formRowAction" ($form.RowAction "cancel" .Instance "Cancel" "secondary") }}
    </td>
</tr>
{{ end }}{{ end }}

{{/* entitlementSetRuleName is a row's resource: its display name with the
     raw key beside it, or the key alone where the catalog no longer
     resolves it. Context: server.RuleViewModel. */}}
{{ define "entitlementSetRuleName" }}{{ if .DisplayName }}{{ .DisplayName }} <span class="text-muted small fw-normal">({{ .ResourceKey }})</span>{{ else }}<code>{{ .ResourceKey }}</code>{{ end }}{{ end }}