{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: BUSL-1.1
~}}

{{#if this.showHeader}}
  <PageHeader as |p|>
    <p.top>
      <nav class="breadcrumb" aria-label="breadcrumbs">
        <ul>
          <li>
            <span class="sep">&#x0002f;</span>
            <LinkTo @route="vault.cluster.access.oidc.keys" data-test-breadcrumb-link="oidc-keys">
              Keys
            </LinkTo>
          </li>
        </ul>
      </nav>
    </p.top>
    <p.levelLeft>
      <h1 class="title is-3">
        {{this.model.name}}
      </h1>
    </p.levelLeft>
  </PageHeader>

  <div class="tabs-container box is-sideless is-fullwidth is-paddingless is-marginless">
    <nav class="tabs" aria-label="tabs">
      <ul>
        <LinkTo data-test-oidc-key-details @route="vault.cluster.access.oidc.keys.key.details" @model={{this.model}}>
          Details
        </LinkTo>
        <LinkTo data-test-oidc-key-clients @route="vault.cluster.access.oidc.keys.key.clients" @model={{this.model}}>
          Applications
        </LinkTo>
      </ul>
    </nav>
  </div>
{{/if}}

{{outlet}}