<div class="row">
	{{#if model}}
	{{#each model as |item index|}}
	<div class="col-12 col-md-6">
		<div class="card inbox-card">
			<div class="card-header">
				<div class="d-flex inbox-header {{get-property item  "inboxClassName"}}">
					<div class="flex-grow-1" onclick={{transition-to item.routeName item.itemId}}>
						<p class="m-0"><span
								class="inbox-header-title">{{if item.documentNo item.documentNo item.sourceSystemNo}}</span><br>
							<span class="inbox-header-category">{{get-property item  "approvalName"}}</span></p>
					</div>
					<div class="w-auto">
						<div class="d-flex align-items-center">
							<div><strong>{{get-property item "dataSource"}} </strong></div>
							<div>&emsp;</div>
							{{#if item.message}}
							{{!-- <div onclick={{action "showMessage" item.message}}><i class="bx bxs-message-square-detail"></i></div> --}}
							<div onclick={{action "showMessage" item.message}} class="hino-action-menu" data-toggle="modal"
								data-target="#myModal">
								<i class="bx bxs-message-square-detail"></i>
							</div>
							{{else}}
							<div></div>
							{{/if}}

						</div>
					</div>
				</div>
				<div class="inbox-date">
					<div class="d-flex">
						<div class="col-auto">
							{{if (and (not-eq item.createdDate null) (not (is-empty item.createdDate))) (moment-format item.createdDate "DD/MM/YYYY") ""}}
						</div>
						<div class="col">{{get-property item "employeeName"}}</div>
						<div class="col-auto small">{{get-property item "statusName"}}</div>
					</div>
				</div>
			</div>
			<div class="card-body" onclick={{transition-to item.routeName item.itemId}}>
				<table class="table table-sm table-borderless">
					<tbody>
						{{#if (not-eq (get-property item "dataSource") "DMS") }}
						<tr>
							<th>Customer Name</th>
							<td>{{get-property item "customerName"}}</td>
						</tr>

						<tr>
							<th>Model</th>
							<td>{{get-property item "vehicleModelName"}}</td>
						</tr>


						<tr>
							<th>Variant</th>
							<td>{{get-property item "vehicleVariantName"}}</td>
						</tr>
						{{else}}
						<tr>
							<th>Requester</th>
							<td>{{get-property item "requester"}}</td>
						</tr>

						{{/if}}
						<tr>
							<th>Dealer Code</th>
							<td>{{get-property item "dealerCodeValue"}}</td>
						</tr>
						<tr>
							<th>Dealer Name</th>
							<td>{{get-property item "dealerNameValue"}}</td>
						</tr>
						<tr>
							<th>Requester Remark</th>
							<td>{{get-property item "requesterRemark"}}</td>
						</tr>

						{{#if (not-eq (get-property item "dataSource") "DMS")}}
						<tr>
							<th>No VIN</th>
							<td>{{if item.documentNo item.vinNo "-"}}</td>
						</tr>
						{{/if}}

					</tbody>
				</table>
			</div>
		</div>
	</div>
	{{/each}}
	{{else}}
	<h4 class="text-center">Data not found</h4>
	{{/if}}
</div>
<div class="modal" id="myModal" role="dialog">
	<div class="modal-dialog popup-error-message">
		{{!-- Modal content --}}
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="messageModalLabel">
					Message
				</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<div class="col-12">
					<div class="d-flex h-100 align-items-start" style="margin-bottom: 150px;">
						{{this.messageContent}}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>