{{#with (options-for-backend model.engineType) as |options|}}
  <PageHeader as |p|>
    <p.top>
      {{#key-value-header
        baseKey=baseKey
        path="vault.cluster.secrets.backend.list"
        root=backendCrumb
      }}
        <li>
          <span class="sep">&#x0002f;</span>
          {{#link-to "vault.cluster.secrets"}}
            secrets
          {{/link-to}}
        </li>
      {{/key-value-header}}
    </p.top>
    <p.levelLeft>
      <h1 class="title is-3">
        {{model.id}}
        <span class="tag">
          {{or options.displayName (capitalize model.type)}}
        </span>
        {{#if (eq model.options.version 2)}}
          <span class="has-text-grey-dark has-text-weight-normal is-size-6">
            Version 2
          </span>
        {{/if}}
      </h1>
    </p.levelLeft>
    <p.levelRight>
       {{#unless (or isCertTab isConfigure)}}
          <div class="control">
            {{#secret-link
              mode="create"
              secret=(or baseKey.id '')
              queryParams=(query-params initialKey='')
              class="button has-icon-right is-ghost is-compact"
              data-test-secret-create=true
            }}
              {{options.create}}
              {{i-con glyph="chevron-right" size=11}}
            {{/secret-link}}
          </div>
        {{/unless}}
      {{#if (or (eq model.type "aws") (eq model.type "ssh") (eq model.type "pki"))}}
        <div class="control">
          {{#link-to "vault.cluster.settings.configure-secret-backend" model.id
            class="button has-icon-right is-ghost is-compact"
            data-test-secret-backend-configure=true
          }}
            Configure {{i-con glyph="chevron-right" size=11}}
          {{/link-to}}
        </div>
      {{/if}}
    </p.levelRight>
  </PageHeader>
  {{#if options.tabs}}
    <div class="box is-bottomless is-marginless is-fullwidth is-paddingless">
      <nav class="tabs sub-nav">
        <ul>
          {{#each options.tabs as |oTab|}}
            {{#if oTab.tab}}
              {{#link-to 'vault.cluster.secrets.backend.list-root' (query-params tab=oTab.tab) tagName="li" activeClass="is-active" data-test-tab=oTab.label}}
                {{#link-to 'vault.cluster.secrets.backend.list-root' (query-params tab=oTab.tab)}}
                  {{oTab.label}}
                {{/link-to}}
              {{/link-to}}
            {{else}}
              {{#link-to 'vault.cluster.secrets.backend.list-root' (query-params tab='') tagName="li" activeClass="is-active" data-test-tab=oTab.label}}
                {{#link-to 'vault.cluster.secrets.backend.list-root' (query-params tab='')}}
                  {{oTab.label}}
                {{/link-to}}
              {{/link-to}}
            {{/if}}
          {{/each}}
          {{#link-to 'vault.cluster.secrets.backend.configuration' tagName="li" activeClass="is-active"}}
            {{#link-to 'vault.cluster.secrets.backend.configuration' }}
              Configuration
            {{/link-to}}
          {{/link-to}}
        </ul>
      </nav>
    </div>
  {{else}}
    {{!-- if there are no tabs in the options, we'll hardcode them here --}}
    <div class="box is-bottomless is-marginless is-fullwidth is-paddingless">
      <nav class="tabs sub-nav">
        <ul>
          {{#if (contains model.engineType (supported-secret-backends))}}
            {{#link-to 'vault.cluster.secrets.backend.list-root' tagName="li" activeClass="is-active" current-when="vault.cluster.secrets.backend.list-root vault.cluster.secrets.backend.list"}}
              {{#link-to 'vault.cluster.secrets.backend.list-root'}}
                {{capitalize (pluralize options.item)}}
              {{/link-to}}
            {{/link-to}}
          {{/if}}
          {{#link-to 'vault.cluster.secrets.backend.configuration' tagName="li" activeClass="is-active"}}
            {{#link-to 'vault.cluster.secrets.backend.configuration' }}
              Configuration
            {{/link-to}}
          {{/link-to}}
        </ul>
      </nav>
    </div>
  {{/if}}
{{/with}}
