{{- $groups := dict
" Generic" $.Site.Data.components.secret_stores.generic
"Microsoft Azure" $.Site.Data.components.secret_stores.azure
"Alibaba Cloud" $.Site.Data.components.secret_stores.alibaba
"Google Cloud Platform (GCP)" $.Site.Data.components.secret_stores.gcp
"Amazon Web Services (AWS)" $.Site.Data.components.secret_stores.aws
}}

<style>
    table,
    thead,
    tbody,
    tr {
        width: 100% !important
    }
</style>
<div width="100%" class="td-content">
    {{ range $group, $components := $groups }}
    <h3>{{ $group }}</h3>
    <table>
        <tr>
            <th>Component</th>
            <th>Multiple Key-Values Per Secret</th>
            <th>Status</th>
            <th>Component version</th>
            <th>Since runtime version</th>
        </tr>
        {{ range sort $components "component" }}
        <tr>
            <td>
                <a href="/reference/components-reference/supported-secret-stores/{{ .link }}/">{{ .component }}</a>
            </td>
            <td align="center">
                {{ if .features.multipleKeyValuesPerSecret }}
                    <span role="img" aria-label="Multiple Key-Values Per Secret: Supported">✅</span>
                {{else}}
                    <img src="/images/emptybox.png" alt="Multiple Key-Values Per Secret: Not supported" aria-label="Multiple Key-Values Per Secret: Not supported" />
                {{ end }}
            </td>
            <td>{{ .state }}</td>
            <td>{{ .version }}</td>
            <td>{{ .since }}</td>
        </tr>
        {{ end }}
    </table>
    {{ end }}
</div>

{{ partial "components/componenttoc.html" . }}
