<div class="row">
	{{#if model}}
	{{#each model as |item index|}}
	<div class="col-12">
		<div class="card inbox-card" onclick={{transition-to item.routeName item.itemId}}>
			<div class="card-body">
				<div class="row align-items-center">
					<div class="col-12">
						<div class="d-flex">
							<div class="flex-grow-1">
								<div class="ot-item-header">
									{{#if item.isRead}}
									<span
										style="background-color: #96898b;box-sizing: border-box;content:'';width: 5px;height: 100%;position: absolute;top: 0;left: 0;"></span>
									{{else}}
									<span
										style="background-color: #e60d2e;box-sizing: border-box;content:'';width: 5px;height: 100%;position: absolute;top: 0;left: 0;"></span>
									{{/if}}

									{{!-- <span style="content: "";display: block-block; height: 100%;position: absolute; top: 0;left: 0;"></span> --}}
									<span>{{ item.sourceSystemNo }}</span>
									{{#if (eq item.documentType "Outstanding Purchase Order - On Order") }}
									<span class="data">{{ item.prDocNo }}</span>	
									{{/if}}
									<span class="data">{{ item.documentType }}</span>
									
									
								</div>
							</div>
							<div class="w-auto">
								<h6 class="mb-0"><strong>DMS</strong></h6>
							</div>
						</div>
					</div>
				</div>
				<div class="row align-items-center">
					<div class="col-12">
						<div class="d-flex">
							<span
								class="ot-item-foot">{{if (and (not-eq item.createdAt null) (not (is-empty item.createdAt))) (moment-format item.createdAt "DD/MM/YYYY") ""}}</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{/each}}
	{{else}}
	<h4 class="text-center">Data not found</h4>
	{{/if}}
</div>