{{/*
  Capability matrix — rows are capabilities, columns are customer paths.
  Cell values: "yes" -> Included, "own" -> Your own, "no" -> Add anytime,
  or any other string, shown as written.
*/}}
{{ $s := . }}
{{ partial "sections/head.html" $s }}
<div class="table-scroll">
<table class="compare-table matrix-table">
  <thead>
    <tr>
      <th scope="col">Capability</th>
      {{ range $s.columns }}<th scope="col"><a href="{{ .link | relURL }}">{{ .name }}</a></th>{{ end }}
    </tr>
  </thead>
  <tbody>
    {{ range $s.rows }}
    <tr>
      <th scope="row">{{ .label }}{{ with .layer }}<span class="matrix-layer">{{ . }}</span>{{ end }}</th>
      {{ range .cells }}
        {{ if eq . "yes" }}<td class="m-yes">Included</td>
        {{ else if eq . "own" }}<td class="m-own">Your own</td>
        {{ else if eq . "no" }}<td class="m-no">Add anytime</td>
        {{ else }}<td class="m-note">{{ . }}</td>{{ end }}
      {{ end }}
    </tr>
    {{ end }}
  </tbody>
</table>
</div>
{{ if $s.ctas }}<div class="cta-row mt-2">{{ partial "sections/ctas.html" $s.ctas }}</div>{{ end }}