<AppView @class="acl edit" @loading={{isLoading}}>
    <BlockSlot @name="notification" as |status type|>
      {{partial 'dc/acls/notifications'}}
    </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>
        <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}}
    </BlockSlot>
    <BlockSlot @name="content">
        {{ partial 'dc/acls/form'}}
    </BlockSlot>
</AppView>