<div class="columns">
  <MenuSidebar @title="Policies" @class="is-3" @data-test-sidebar={{true}}>
    {{#if (has-permission "policies" routeParams="acl")}}
      <li>
        <LinkTo
          @route="vault.cluster.policies"
          @model="acl"
          data-test-link={{true}}
          class={{if (is-active-route "vault.cluster.policy" "acl") "is-active"}}
        >
          ACL Policies
        </LinkTo>
      </li>
    {{/if}}
    {{#if (has-feature "Sentinel")}}
      {{#if (has-permission "policies" routeParams="rgp")}}
        <li>
          <LinkTo
            @route="vault.cluster.policies"
            @model="rgp"
            data-test-link={{true}}
            class={{if (is-active-route "vault.cluster.policy" "rgp") "is-active"}}
          >
            Role Governing Policies
          </LinkTo>
        </li>
      {{/if}}
      {{#if (has-permission "policies" routeParams="egp")}}
        <li>
          <LinkTo
            @route="vault.cluster.policies"
            @model="egp"
            data-test-link={{true}}
            class={{if (is-active-route "vault.cluster.policy" "egp") "is-active"}}
          >
            Endpoint Governing Policies
          </LinkTo>
        </li>
      {{/if}}
    {{/if}}
  </MenuSidebar>
  <div class="column is-9">
    {{outlet}}
  </div>
</div>