<div class="web-hook-direction">
  {{#link-to 'adminWebHooks' tagName='button' classNames='btn'}}
    {{d-icon 'list'}} {{i18n 'admin.web_hooks.events.go_list'}}
  {{/link-to}}
  {{d-button icon="send" label="admin.web_hooks.events.ping" action="ping" disabled=pingDisabled}}
  {{#link-to 'adminWebHooks.show' model.extras.web_hook_id tagName='button' classNames='btn'}}
    {{d-icon 'edit'}} {{i18n 'admin.web_hooks.events.go_details'}}
  {{/link-to}}
</div>

<div class='web-hook-events-listing'>
{{#if model}}
  {{#load-more selector=".web-hook-events li" action="loadMore"}}
    <div class='web-hook-events content-list'>
      <div class='heading-container'>
        <div class='col heading first status'>{{i18n 'admin.web_hooks.events.status'}}</div>
        <div class='col heading event-id'>{{i18n 'admin.web_hooks.events.event_id'}}</div>
        <div class='col heading timestamp'>{{i18n 'admin.web_hooks.events.timestamp'}}</div>
        <div class='col heading completion'>{{i18n 'admin.web_hooks.events.completion'}}</div>
        <div class='col heading actions'>{{i18n 'admin.web_hooks.events.actions'}}</div>
        <div class='clearfix'></div>
      </div>
      {{#if hasIncoming}}
        <div class='alert alert-info clickable' {{action "showInserted"}}>
          {{count-i18n key="admin.web_hooks.events.incoming" count=incomingCount}}
          {{i18n 'click_to_show'}}
        </div>
      {{/if}}
      <ul>
        {{#each model as |webHookEvent|}}
          {{admin-web-hook-event model=webHookEvent}}
        {{/each}}
      </ul>
    </div>
    {{conditional-loading-spinner condition=model.loadingMore}}
  {{/load-more}}
{{else}}
  <p>{{i18n 'admin.web_hooks.events.none'}}</p>
{{/if}}
</div>