<Route
  @name={{routeName}}
  @title={{if create 'New ACL' 'Edit ACL'}}
as |route|>
  <AppView>
    <BlockSlot @name="notification" as |status type item error|>
      <Consul::Acl::Notifications
        @status={{status}}
        @type={{type}}
        @error={{error}}
      />
    </BlockSlot>
      <BlockSlot @name="breadcrumbs">
          <ol>
              <li><a data-test-back href={{href-to 'dc.acls'}}>All Tokens</a></li>
          </ol>
      </BlockSlot>
      <BlockSlot @name="header">
          <h1>
  {{#if item.Name }}
              {{item.Name}}
  {{else}}
              New token
  {{/if}}
          </h1>
      </BlockSlot>
      <BlockSlot @name="actions">
  {{#if (not create) }}
          <CopyButton @value={{item.ID}} @name="token ID">
              Copy token ID
          </CopyButton>
    {{#if (can "duplicate acl" item=item)}}
          <button type="button" {{ action "clone" item }}>Clone token</button>
          <ConfirmationDialog @message="Are you sure you want to use this ACL token?">
              <BlockSlot @name="action" as |confirm|>
                  <button data-test-use type="button" {{ action confirm 'use' item }}>Use token</button>
              </BlockSlot>
              <BlockSlot @name="dialog" as |execute cancel message|>
                  <p>
                      {{message}}
                  </p>
                  <button type="button" class="type-delete" {{action execute}}>Confirm Use</button>
                  <button type="button" class="type-cancel" {{action cancel}}>Cancel</button>
              </BlockSlot>
          </ConfirmationDialog>
    {{/if}}
  {{/if}}
      </BlockSlot>
      <BlockSlot @name="content">
          {{ partial 'dc/acls/form'}}
      </BlockSlot>
  </AppView>
</Route>