{{title 'Intentions'}}
<AppView @class="intention list">
    <BlockSlot @name="notification" as |status type|>
      {{partial 'dc/intentions/notifications'}}
    </BlockSlot>
    <BlockSlot @name="header">
        <h1>
            Intentions <em>{{format-number items.length}} total</em>
        </h1>
        <label for="toolbar-toggle"></label>
    </BlockSlot>
    <BlockSlot @name="actions">
        <a data-test-create href="{{href-to 'dc.intentions.create'}}" class="type-create">Create</a>
    </BlockSlot>
    <BlockSlot @name="toolbar">
{{#if (gt items.length 0) }}
        <IntentionFilter @searchable={{searchable}} @selected={{currentFilter}} @filters={{actionFilters}} @search={{filters.s}} @type={{filters.action}} @onchange={{action "filter"}} />
{{/if}}
    </BlockSlot>
    <BlockSlot @name="content">
        <ChangeableSet @dispatcher={{searchable}}>
          <BlockSlot @name="set" as |filtered|>
            <ConsulIntentionList
              @items={{filtered}}
              @ondelete={{action "route" "delete"}}
            />
          </BlockSlot>
          <BlockSlot @name="empty">
            <p>
              There are no intentions.
            </p>
          </BlockSlot>
        </ChangeableSet>
    </BlockSlot>
</AppView>