<TabPageHeader @model={{@backend}} @breadcrumbs={{@breadcrumbs}}>
  <ToolbarLink @route="configure" data-test-toolbar-config-action>
    {{if @config "Edit configuration" "Configure Kubernetes"}}
  </ToolbarLink>
</TabPageHeader>

{{#if @config}}
  {{#if @config.disableLocalCaJwt}}
    <InfoTableRow @label="Kubernetes host" @value={{@config.kubernetesHost}} />
    {{#if @config.kubernetesCaCert}}
      <InfoTableRow @label="Certificate">
        <div class="column is-half box is-rounded">
          <div class="is-flex-row">
            <span class="has-left-margin-s">
              <Icon @name="certificate" @size="24" data-test-certificate-icon />
            </span>
            <div class="has-left-margin-m is-min-width-0">
              <p class="has-text-weight-bold" data-test-certificate-label>
                PEM Format
              </p>
              <code class="is-size-8 truncate-second-line has-text-grey" data-test-certificate-value>
                {{@config.kubernetesCaCert}}
              </code>
            </div>
            <div class="is-flex has-background-grey-lighter has-side-padding-s has-top-bottom-margin-negative-m">
              <CopyButton
                data-test-certificate-copy
                class="button is-transparent is-flex-v-centered"
                @clipboardText={{@config.kubernetesCaCert}}
                @buttonType="button"
                @success={{action (set-flash-message "Certificate copied")}}
              >
                <Icon @name="clipboard-copy" aria-label="Copy" />
              </CopyButton>
            </div>
          </div>
        </div>
      </InfoTableRow>
    {{/if}}
  {{else}}
    <div class="has-top-margin-l" data-test-inferred-message>
      <Icon @name="check-circle-fill" class="has-text-green" />
      <span>
        These details were successfully inferred from Vault’s kubernetes environment and were not explicity set in this
        config.
      </span>
    </div>
  {{/if}}
{{else}}
  <ConfigCta />
{{/if}}