<div class="inbox">
  <AppBarTop @leftRoute={{this.prevURL}} @title={{this.title}} />
{{#if this.model.isPending}}
  <AppLoading @inboxdocument={{true}} />
{{else}}
  <section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col">
				<p class="mb-0">
				<strong class="large text-gray-900">All</strong><br>
				{{!-- model.meta.pagination.count + (model.meta.pagination.per_page * (model.meta.pagination.current_page - 1)) --}}
				{{ add model.meta.pagination.count (mult model.meta.pagination.per_page (sub model.meta.pagination.current_page 1)) }}
				 of {{model.meta.pagination.total}}
				</p>
			</div>
			<div class="col text-right">
				<i class="bx bxs-filter-alt clickable" onclick={{transition-to "inbox.inbox-outstanding-filter" this.document_type_code}}></i>
			</div>
		</div>
	</div>
  </section>
  <section class="content-body">
    <div class="container">
        <AppListOutstandingDocument @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>