<div class="inbox">
  	<AppBarTop @leftRoute="home.index" @title="DMS Outstanding Transaction" />
{{#if this.model.isPending}}
  <AppLoading @card={{true}} />
{{else}}
	<section class="content-body">
		<ul class="card-grid" style="margin-top: 0;">
			{{#each model as |item|}}
				<li class="hino-card" onclick={{transition-to "inbox.inbox-outstanding-dms" item.documentTypeCode}}>
					<div class="hino-card-body2">
						<img src="{{rootURL}}assets/images/{{item.documentIcon}}" alt="" >
						<span>{{item.documentCount}}</span>
					</div>
					{{#if item.documentCountNew}}
						<span class="badge badge-pill badge-hino-red">{{item.documentCountNew}}</span>
					{{/if}}
					<p class="hino-card-footer2">{{item.documentTypeName}}</p>
				</li>
			{{/each}}
		</ul>
	</section>
{{/if}}
</div>