{{#linked-block
  (concat
    "vault.cluster.secrets.backend."
    (if @item.isFolder "list" "show")
    (unless @item.id "-root")
  )
  @item.id
  class="list-item-row"
  data-test-secret-link=@item.id
  encode=true
  queryParams=(secret-query-params @backendModel.type)
}}
  <div class="columns is-mobile">
    <div class="column is-10">
      <SecretLink
        @mode={{if @item.isFolder "list" "show" }}
        @secret={{@item.id}}
        @queryParams={{if (eq @backendModel.type "transit") (query-params tab="actions") ""}}
        @class="has-text-black has-text-weight-semibold">
          {{#if (eq @backendModel.type "transit")}}
            <Icon @glyph="key" @class="has-text-grey-light"/>
          {{else}}
            <Icon @glyph={{if @item.isFolder 'folder-outline' 'file-outline' }} @class="has-text-grey-light"/>
          {{/if}}
        {{if (eq @item.id ' ') '(self)' (or @item.keyWithoutParent @item.id)}}
      </SecretLink>
    </div>
    <div class="column has-text-right">
      <PopupMenu name="secret-menu">
        <Confirm as |c|>
            <nav class="menu">
              <ul class="menu-list">
                {{#if @item.isFolder}}
                  <SecretLink
                    @mode="list"
                    @secret={{@item.id}}
                    @class="has-text-black has-text-weight-semibold">
                    Contents
                  </SecretLink>
                {{else}}
                  {{#if (or @item.versionPath.isLoading @item.secretPath.isLoading)}}
                    <li class="action">
                      <button disabled type="button" class="link button is-loading is-transparent">
                        loading
                      </button>
                    </li>
                  {{else}}
                    {{#if (or @item.canReadSecretData @item.canRead)}}
                      <li class="action">
                        <SecretLink
                          @mode="show"
                          @secret={{@item.id}}
                          @class="has-text-black has-text-weight-semibold">
                          Details
                        </SecretLink>
                      </li>
                      {{#if @backendModel.isV2KV}}
                        <li class="action">
                          <SecretLink
                            @mode="versions"
                            @secret={{@item.id}}
                            @class="has-text-black has-text-weight-semibold">
                            View version history
                          </SecretLink>
                        </li>
                      {{/if}}
                    {{/if}}
                    {{#if (or @item.canEditSecretData @item.canEdit)}}
                      <li class="action">
                        <SecretLink
                          @mode="edit"
                          @secret={{@item.id}}
                          @class="has-text-black has-text-weight-semibold">
                          {{if @backendModel.isV2KV
                            "Create new version"
                            "Edit"
                          }}
                        </SecretLink>
                      </li>
                    {{/if}}
                    {{#if (or @item.canDeleteSecretData @item.canDelete)}}
                      <li class="action">
                        <c.Message
                          @id={{@item.id}}
                          @triggerText={{if @backendModel.isV2KV "Permanently delete" "Delete"}}
                          @message="This will permanently delete this secret and all its versions."
                          @onConfirm={{@delete}}/>
                      </li>
                    {{/if}}
                  {{/if}}
                {{/if}}
              </ul>
            </nav>
        </Confirm>
      </PopupMenu>
    </div>
  </div>
{{/linked-block}}