{{#if isAuthorized }}
  {{page-title 'Policies'}}
{{else}}
  {{page-title 'Access Controls'}}
{{/if}}
{{#let (hash
  kinds=(if kind (split kind ',') undefined)
  dcs=(if dc (split dc ',') undefined)
  searchproperties=(if (not-eq searchproperty undefined)
    (split searchproperty ',')
    (array 'Name' 'Description')
  )
) 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
            searchproperty=(action (mut searchproperty) value="target.selectedItems")
            dc=(action (mut dc) value="target.selectedItems")
            kind=(action (mut kind) value="target.selectedItems")
          }}
        />
      {{/if}}
      </BlockSlot>
      <BlockSlot @name="content">
        <DataCollection
          @type="role"
          @sort={{sort}}
          @filters={{filters}}
          @search={{search}}
          @items={{items}}
        as |collection|>
          <collection.Collection>
            <Consul::Policy::List
              @items={{collection.items}}
              @ondelete={{route-action 'delete'}}
            />
          </collection.Collection>
          <collection.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>
          </collection.Empty>
        </DataCollection>
      </BlockSlot>
    </AppView>
  {{/let}}
{{/let}}