{{define "keystore.html"}}
{{template "base" .}}
{{end}}

{{define "content"}}
{{if .Error}}
<div class="alert alert-error">{{.Error}}</div>
{{end}}

{{if .Empty}}
<section class="info-card">
  <div class="card-header">Keystore</div>
  <p class="empty-message">Keystore is empty.</p>
</section>
{{end}}

{{if .SymmetricKeys}}
<section class="info-card">
  <div class="card-header">Symmetric Keys</div>
  <div class="data-table-wrap">
    <table class="data-table">
      <thead>
        <tr>
          <th>Name</th>
          <th>Format</th>
        </tr>
      </thead>
      <tbody>
        {{range $i, $k := .SymmetricKeys}}
        <tr class="key-summary-row">
          <td><button class="key-row-toggle" type="button" aria-expanded="false" data-target="sym-{{$i}}"><span class="key-row-arrow" aria-hidden="true">▶</span>{{.Name}}</button></td>
          <td>{{.Format}}</td>
        </tr>
        <tr class="key-detail-row" id="key-detail-sym-{{$i}}">
          <td colspan="2" class="key-detail-cell">
            <div class="key-detail-body">
              <div class="key-field">
                <span class="key-field-label">Value</span>
                <code class="key-field-value">{{.Value}}</code>
              </div>
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
  </div>
</section>
{{end}}

{{if .AsymmetricKeys}}
<section class="info-card">
  <div class="card-header">Asymmetric Keys</div>
  <div class="data-table-wrap">
    <table class="data-table">
      <thead>
        <tr>
          <th>Name</th>
          <th>Algorithm</th>
          <th>Certificates</th>
        </tr>
      </thead>
      <tbody>
        {{range $i, $k := .AsymmetricKeys}}
        <tr class="key-summary-row">
          <td><button class="key-row-toggle" type="button" aria-expanded="false" data-target="asym-{{$i}}"><span class="key-row-arrow" aria-hidden="true">▶</span>{{.Name}}</button></td>
          <td>{{.Algorithm}}</td>
          <td>{{range $j, $c := .Certificates}}{{if $j}}, {{end}}{{$c}}{{end}}</td>
        </tr>
        <tr class="key-detail-row" id="key-detail-asym-{{$i}}">
          <td colspan="4" class="key-detail-cell">
            <div class="key-detail-body">
              {{if .PublicKeyFull}}
              <div class="key-field">
                <span class="key-field-label">Public Key</span>
                <code class="key-field-value">{{.PublicKeyFull}}</code>
              </div>
              {{end}}
              {{if .PrivateKeyFull}}
              <div class="key-field">
                <span class="key-field-label">Private Key</span>
                <code class="key-field-value">{{.PrivateKeyFull}}</code>
              </div>
              {{end}}
            </div>
          </td>
        </tr>
        {{end}}
      </tbody>
    </table>
  </div>
</section>
{{end}}
{{end}}