{{/* Auto-generated table for a simple (all-leaf) YANG list node.
     Data: *listTableData */}}
{{define "yang-list-table"}}
<div class="info-card">
  <div class="card-header">{{.Name}}</div>
  {{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
  {{if .SavedOK}}<div class="alert alert-success">Saved to candidate</div>{{end}}
  <div class="data-table-wrap">
    <table class="data-table">
      {{$ro := .ReadOnly}}
      {{$nodeBase := "/configure/tree"}}{{if $ro}}{{$nodeBase = "/status/tree"}}{{end}}
      <thead>
        <tr>
          {{range .Columns}}<th>{{.DisplayName}}</th>{{end}}
          {{if not $ro}}<th></th>{{end}}
        </tr>
      </thead>
      <tbody>
        {{range .Rows}}
        {{$row := .}}
        <tr class="yt-list-row"
            data-yang-path="{{.InstancePath}}"
            hx-get="{{$nodeBase}}/node?path={{.InstancePath | urlquery}}"
            hx-target="#yang-detail"
            hx-swap="innerHTML">
          {{range $.Columns}}<td>{{index $row.Values .Name}}</td>{{end}}
          {{if not $ro}}
          <td class="cfg-action-col">
            <button type="button"
                    class="btn-icon btn-icon-danger yt-sp"
                    title="Delete {{$row.InstanceName}}"
                    hx-delete="/configure/tree/list-row?path={{$row.InstancePath | urlquery}}"
                    hx-target="#yang-detail"
                    hx-swap="innerHTML"
                    hx-confirm="Delete {{$row.InstanceName}}?">
              {{template "icon-trash"}}
            </button>
          </td>
          {{end}}
        </tr>
        {{end}}
        {{if not .Rows}}
        <tr><td class="yt-table-empty" colspan="99">No entries</td></tr>
        {{end}}
        {{/* Hidden inline add row — config mode only */}}
        {{if not $ro}}
        <tr id="yt-list-add-row" hidden>
          <td colspan="99" class="key-detail-cell">
            <form class="user-add-inline"
                  hx-post="/configure/tree/list-row?path={{.Path | urlquery}}"
                  hx-target="#yang-detail"
                  hx-swap="innerHTML">
              {{range .FormColumns}}
              {{if and .Type (eq .Type.Kind "enumeration") .Type.Enums}}
                <select class="cfg-input" name="{{.Name}}" title="{{.Name}}">
                  {{range .Type.Enums}}<option>{{.}}</option>{{end}}
                </select>
              {{else if and .Type (eq .Type.Kind "identityref") .Type.Identities}}
                <select class="cfg-input" name="{{.Name}}" title="{{.Name}}">
                  {{range .Type.Identities}}<option value="{{.}}">{{stripPrefix .}}</option>{{end}}
                </select>
              {{else if and .Type (eq .Type.Kind "boolean")}}
                <select class="cfg-input" name="{{.Name}}" title="{{.Name}}">
                  <option value="false">false</option>
                  <option value="true">true</option>
                </select>
              {{else if and .Type (or (eq .Type.Kind "int8")  (eq .Type.Kind "int16")
                                     (eq .Type.Kind "int32") (eq .Type.Kind "int64")
                                     (eq .Type.Kind "uint8") (eq .Type.Kind "uint16")
                                     (eq .Type.Kind "uint32") (eq .Type.Kind "uint64"))}}
                <input class="cfg-input" type="number" name="{{.Name}}"
                       placeholder="{{.Name}}"
                       {{if and .Type .Type.Range}}title="Range: {{.Type.Range}}"{{end}}
                       {{if .Mandatory}}required{{end}}>
              {{else if and .Type (eq .Type.Kind "binary")}}
                <textarea class="cfg-input cfg-input-mono" name="{{.Name}}"
                          rows="1" placeholder="{{.Name}} (base64)"
                          title="{{.Name}}"
                          {{if .Mandatory}}required{{end}}></textarea>
              {{else}}
                <input class="cfg-input" type="text" name="{{.Name}}"
                       placeholder="{{.Name}}"
                       {{if .Mandatory}}required{{end}}>
              {{end}}
              {{end}}
              <button class="btn btn-primary btn-sm" type="submit">Add</button>
              <button type="button" class="btn btn-sm" data-hide="yt-list-add-row">Cancel</button>
            </form>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
  </div>
  {{if not $ro}}
  <div class="cfg-card-footer">
    <button class="btn btn-secondary" data-show="yt-list-add-row">+ Add</button>
  </div>
  {{end}}
</div>
{{end}}

{{/* Blank add-row form for a simple list.
     Data: *listAddData */}}
{{define "yang-list-add"}}
<div class="info-card">
  <div class="card-header">Add {{.Name}}</div>
  {{if .Error}}<div class="alert alert-error">{{.Error}}</div>{{end}}
  <form hx-post="/configure/tree/list-row?path={{.Path | urlquery}}{{if .ParentPath}}&parent={{.ParentPath | urlquery}}{{end}}"
        hx-target="#yang-detail"
        hx-swap="innerHTML">
    <div class="yt-group-list">
      {{range .Columns}}
      {{$hasHelp := or .Description .Default .Type}}
      <details class="yt-leaf-item">
        <summary class="yt-leaf-summary">
          <span class="yt-leaf-name{{if not $hasHelp}} yt-leaf-no-expand{{end}}">
            {{.Name}}{{if .Mandatory}}<span class="yt-mandatory" title="mandatory">*</span>{{end}}
          </span>
          <span class="yt-leaf-input yt-sp">
            {{if and .Type (eq .Type.Kind "enumeration") .Type.Enums}}
              <select class="cfg-input" name="{{.Name}}">
                {{range .Type.Enums}}<option>{{.}}</option>{{end}}
              </select>
            {{else if and .Type (eq .Type.Kind "identityref") .Type.Identities}}
              <select class="cfg-input" name="{{.Name}}">
                {{range .Type.Identities}}<option value="{{.}}">{{stripPrefix .}}</option>{{end}}
              </select>
            {{else if and .Type (eq .Type.Kind "boolean")}}
              <select class="cfg-input" name="{{.Name}}">
                <option value="false">false</option>
                <option value="true">true</option>
              </select>
            {{else if and .Type (or (eq .Type.Kind "int8")  (eq .Type.Kind "int16")
                                   (eq .Type.Kind "int32") (eq .Type.Kind "int64")
                                   (eq .Type.Kind "uint8") (eq .Type.Kind "uint16")
                                   (eq .Type.Kind "uint32") (eq .Type.Kind "uint64"))}}
              <input class="cfg-input" type="number" name="{{.Name}}"
                     {{if and .Type .Type.Range}}title="Range: {{.Type.Range}}"{{end}}
                     {{if .Mandatory}}required{{end}}>
            {{else}}
              <input class="cfg-input" type="text" name="{{.Name}}"
                     {{if .Default}}placeholder="{{.Default}}"{{end}}
                     {{if .Mandatory}}required{{end}}>
            {{end}}
          </span>
        </summary>
        {{if $hasHelp}}
        <div class="yt-leaf-help">
          {{if .Description}}<p class="yt-description">{{.Description}}</p>{{end}}
          <table class="info-table yt-schema-table">
            {{if .Default}}<tr><th>Default</th><td><code>{{.Default}}</code></td></tr>{{end}}
            {{if .Mandatory}}<tr><th>Mandatory</th><td>yes</td></tr>{{end}}
            {{if .Type}}<tr><th>Type</th><td><code>{{.Type.Kind}}</code></td></tr>{{end}}
            {{if and .Type .Type.Range}}<tr><th>Range</th><td><code>{{.Type.Range}}</code></td></tr>{{end}}
            {{if and .Type .Type.Pattern}}<tr><th>Pattern</th><td><code>{{.Type.Pattern}}</code></td></tr>{{end}}
            <tr><th>Path</th><td><code class="yt-path">{{.Path}}</code></td></tr>
          </table>
        </div>
        {{end}}
      </details>
      {{end}}
    </div>
    <div class="cfg-card-footer">
      <button class="btn btn-primary" type="submit">Add</button>
      <button type="button" class="btn btn-outline"
              hx-get="/configure/tree/node?path={{.Path | urlquery}}"
              hx-target="#yang-detail"
              hx-swap="innerHTML">Cancel</button>
    </div>
  </form>
</div>
{{end}}