<div class="inbox">
  <AppBarTop @leftRoute={{ "home" }} @title={{this.title}} />
{{#if this.model.isPending}}
  <AppLoading @inbox={{true}} />
{{else}}
  <section class="content-header">
    <div class="container">
      <div class="row align-items-center">
        <div class="col text-right">
          <i class="bx bxs-filter-alt clickable" onclick={{transition-to "inbox.approval-filter" "all"}}></i>
        </div>
      </div>
    </div>
  </section>
  <section class="content-body">
    <div class="container">
        <AppListInbox @table={{this.table}} @page={{ page }} @model={{this.model}} @showPaging={{false}} />
    </div>
  </section>
  <section class="content-footer">
    <div class="container">
      <div class="row text-center text-md-left align-items-center">
        <div class="col-12 col-sm order-sm-last text-sm-right ">
          <AppPagination class="mt-2" @page={{ page }} @showPage={{true}} @pagination={{model.meta.pagination}} />
        </div>
        <div class="col-12 col-sm mt-2 mt-sm-0 order-sm-first">
        </div>
      </div>
    </div>
  </section>
{{/if}}
</div>