<AppBarTop @leftRoute="inbox.inbox-approval-dms" @leftRouteArgs={{"DMS_ASSIGNMENT_LETTER"}} @title="Dms Assignment Letter" @rightRoute="approver-list" @rightRouteArgs={{model.sourceSystemNo}}   @rightIcon="bxs-user-check" />
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>DMS</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
{{#if this.model.isPending}}
<AppLoading @content={{true}} />
{{else}}
<section class="content-body">
	<div class="container">
		<div class="col-12">
			{{#if errorMessages}}
				<div class="alert on alert-danger alert-dismissible fade show" role="alert">
					<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
						<li>{{ item }}</li>
					{{/each}}
					</ul>
				</div>
			{{/if}}
			<div class="card" >
				<div class="card-body" >
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Assignment Doc No." @valuePath="assignmentDocNo" @isEditable={{ if formConfig.form.assignmentDocNo formConfig.form.assignmentDocNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="assignmentDocDate" @label="Assignment Doc Date" @isEditable={{ if formConfig.form.assignmentDocDate formConfig.form.assignmentDocDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="departureDate" @label="Departure Date" @isEditable={{ if formConfig.form.departureDate formConfig.form.departureDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="returnDate" @label="Return Date" @isEditable={{ if formConfig.form.returnDate formConfig.form.returnDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Transportation Type" @valuePath="transportationTypeDesc" @isEditable={{ if formConfig.form.transportationType formConfig.form.transportationType.isEditable false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Code" @valuePath="companyCode" @isEditable={{ if formConfig.form.companyCode formConfig.form.companyCode.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Name" @valuePath="companyName" @isEditable={{ if formConfig.form.companyName formConfig.form.companyName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Foreman" @valuePath="foremanName" @isEditable={{ if formConfig.form.foreman formConfig.form.foreman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Creation User Name" @valuePath="creationUserName" @isEditable={{ if formConfig.form.creationUserName formConfig.form.creationUserName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="creationDateTime"
								@label="Creation DateTime"
								@isEditable={{ if formConfig.form.creationDateTime formConfig.form.creationDateTime.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Change User Name" @valuePath="changeUserName" @isEditable={{ if formConfig.form.changeUserName formConfig.form.changeUserName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="changeDateTime"
								@label="Change Date Time"
								@isEditable={{ if formConfig.form.changeDateTime formConfig.form.changeDateTime.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Document Status" @valuePath="documentStatusDesc" @isEditable={{ if formConfig.form.documentStatus formConfig.form.documentStatus.isEditable false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remark" @label="Remark" @isEditable={{ if formConfig.form.remark formConfig.form.remark.isEditable false }} />
						</div> --}}
					</div>
				</div>
			</div>
				{{!-- <AppCard @id="dms-assignment-letter-detail" @showHeader={{ true }} @parentId="dms-assignment-letter" @title="DMS Assignment Letter Detail">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.dmsAssignmentLetterDetail as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Customer Name" @valuePath="customerName" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.customerName formConfig.form.dmsAssignmentLetterDetail.customerName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Vehicle Chassis No." @valuePath="vehicleChassisNo" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.vehicleChassisNo formConfig.form.dmsAssignmentLetterDetail.vehicleChassisNo.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Police No." @valuePath="policeNo" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.policeNo formConfig.form.dmsAssignmentLetterDetail.policeNo.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Job Desc." @valuePath="jobDesc" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.jobDesc formConfig.form.dmsAssignmentLetterDetail.jobDesc.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Booking No." @valuePath="bookingNo" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.bookingNo formConfig.form.dmsAssignmentLetterDetail.bookingNo.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Location Name" @valuePath="locationName" @isEditable={{ if formConfig.form.dmsAssignmentLetterDetail (if formConfig.form.dmsAssignmentLetterDetail.locationName formConfig.form.dmsAssignmentLetterDetail.locationName.isEditable false) false}} />
						</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "dms-assignment-letter-detail" item}} class="bx bx-x clickable ml-2"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					</div>
					{{/each}}
					</div>
					<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "dms-assignment-letter-detail" }}>Add Row</button>
					</div>
					</div>
				</AppCard> --}}

				<AppDetailLink @title="Detail Vehicle" onclick={{transition-to "dms-assignment-letter.dms-assignment-letter-detail" model.id}} />
				<div class="card">
					<div class="card-body">
					<div class="row">
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
							<span for="remark">Document Remark</span>
							<span class="data">{{ model.remark}}</span>
						</div>
						</div>
				</div>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }}  @didValidate={{ didValidate }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</div>
				</div>
			</div>
			<div class="row">
				<div class="col">
					<AppButtonApproval @inboxModel={{this.dmsAssignmentLetter.inbox}} @model={{ model.approvalActionType }} @config={{ this.formConfig.button }} @submitAction={{ action "saveDmsAssignmentLetter" }}/>
				</div>
			</div>
		</div>
</section>
{{/if}}