{{ define "main" }}
<div class="td-content">
	<h1>{{ .Title }}</h1>
	{{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
	<header class="article-meta">
		{{ partial "taxonomy_terms_article_wrapper.html" . }}
	</header>

	<!-- search and controls -->
	<div class="kubectl-index-controls mb-3 flex flex-column gap-5">
		<input type="text" id="kubectl-cmd-search" placeholder="{{ T "kubectl_ref_search_placeholder" }}" />
		<div class="kubectl-index-buttons mt-2">
			<button id="kubectl-expand-all" type="button" class="btn btn-sm btn-outline-secondary w-full">{{ T "kubectl_ref_expand_all" }}</button>
			<button id="kubectl-collapse-all" type="button" class="btn btn-sm btn-outline-secondary">{{ T "kubectl_ref_collapse_all" }}</button>
		</div>
	</div>

	<div class="kubectl-reference-index" id="kubectl-cmd-list">
	{{ range .Sections }}
		{{ $section := . }}
		{{ $pages := .Pages }}
		<details class="kubectl-cmd-entry">
		<summary><a href="{{ .RelPermalink }}" class="kubectl-cmd-link"><code class="kubectl-cmd-name">{{ .Title }}</code></a> <span class="kubectl-cmd-desc">{{ .Params.description }}</span></summary>

		{{ if $pages }}
		<ul class="kubectl-subcmd-list">
			{{ range $pages }}
			<li><a href="{{ .RelPermalink }}"><code>{{ .Title }}</code></a> &mdash; {{ .Params.description }}</li>
			{{ end }}
		</ul>
		{{ end }}

		<p class="kubectl-cmd-detail-link"><a href="{{ $section.RelPermalink }}">{{ T "kubectl_ref_view_full" }} {{ if eq (or .Site.Language.LanguageDirection "ltr") "rtl" }}&larr;{{ else }}&rarr;{{ end }}</a></p>
		</details>
	{{ end }}
	</div>

	{{ partial "page-meta-lastmod.html" . }}
</div>

{{- $js := resources.Get "js/kubectl-ref-index.js" | minify | fingerprint -}}
<script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}" defer></script>
{{ end }}