{{#if isAuthorized }}
  {{title 'Policies'}}
{{else}}
  {{title 'Access Controls'}}
{{/if}}
{{#let (hash
  types=(if type (split type ',') undefined)
  dcs=(if dc (split dc ',') undefined)
) as |filters|}}
  {{#let (or sortBy "Name:asc") as |sort|}}
    <AppView
      @authorized={{isAuthorized}}
      @enabled={{isEnabled}}
      >
      <BlockSlot @name="notification" as |status type item error|>
        <Consul::Policy::Notifications
          @type={{type}}
          @status={{status}}
          @item={{item}}
          @error={{error}}
        />
      </BlockSlot>
      <BlockSlot @name="header">
        <h1>
          Access Controls
        </h1>
      </BlockSlot>
      <BlockSlot @name="nav">
    {{#if isAuthorized }}
        {{partial 'dc/acls/nav'}}
    {{/if}}
      </BlockSlot>
      <BlockSlot @name="actions">
          <a data-test-create href="{{href-to 'dc.acls.policies.create'}}" class="type-create">Create</a>
      </BlockSlot>
      <BlockSlot @name="toolbar">
      {{#if (gt items.length 0) }}
        <Consul::Policy::SearchBar
          @search={{search}}
          @onsearch={{action (mut search) value="target.value"}}

          @sort={{sort}}
          @onsort={{action (mut sortBy) value="target.selected"}}

          @filter={{filters}}
          @onfilter={{hash
            dc=(action (mut dc) value="target.selectedItems")
            type=(action (mut type) value="target.selectedItems")
          }}
        />
      {{/if}}
      </BlockSlot>
      <BlockSlot @name="content">
{{#let (filter (filter-predicate 'policy' filters) items) as |filtered|}}
  {{#let (sort-by (comparator 'policy' sort) filtered) as |sorted|}}
        <ChangeableSet @dispatcher={{searchable 'policy' sorted}} @terms={{search}}>
          <BlockSlot @name="set" as |searched|>
            <Consul::Policy::List
              @items={{searched}}
              @ondelete={{action send 'delete'}}
            />
          </BlockSlot>
          <BlockSlot @name="empty">
            <EmptyState @allowLogin={{true}}>
              <BlockSlot @name="header">
                <h2>
                  {{#if (gt items.length 0)}}
                    No policies found
                  {{else}}
                    Welcome to Policies
                  {{/if}}
                </h2>
              </BlockSlot>
              <BlockSlot @name="body">
                <p>
                  {{#if (gt items.length 0)}}
                    No policies where found matching that search, or you may not have access to view the policies you are searching for.
                  {{else}}
                    There don't seem to be any policies, or you may not have access to view policies yet.
                  {{/if}}
                </p>
              </BlockSlot>
              <BlockSlot @name="actions">
                <li class="docs-link">
                  <a href="{{env 'CONSUL_DOCS_URL'}}/commands/acl/policy" rel="noopener noreferrer" target="_blank">Documentation on policies</a>
                </li>
                <li class="learn-link">
                  <a href="{{env 'CONSUL_LEARN_URL'}}/consul/security-networking/managing-acl-policies" rel="noopener noreferrer" target="_blank">Read the guide</a>
                </li>
              </BlockSlot>
            </EmptyState>
          </BlockSlot>
        </ChangeableSet>
  {{/let}}
{{/let}}
      </BlockSlot>
    </AppView>
  {{/let}}
{{/let}}