<AppBarTop @leftRoute="inbox.inbox-outstanding-dms" @leftRouteArgs={{ "DMS_PDI_REQUEST" }} @title="Outstanding PDI Receipt Detail"  />
<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="accordion" id="accordion-dms-pdi-request">
				<AppCard @id="dms-pdi-request-div" @parentId="dms-pdi-request" @title="Dms Pdi Receipt">
					{{!-- <div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="pdidocno">PDI Doc No.</span>
							<span class="data">{{ model.pdiDocNo }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="pdirequestdate">PDI Request Date</span>
							<span class="data">{{ if (and (not-eq model.pdiRequestDate null) (not (is-empty model.pdiRequestDate))) (moment-format model.pdiRequestDate "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requestcompanycode">Request Company Code</span>
							<span class="data">{{ model.requestCompanyCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requestcompanyname">Request Company Name</span>
							<span class="data">{{ model.requestCompanyName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requestedby">Requested By</span>
							<span class="data">{{ model.requestedBy }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requesttocompanycode">Request To Company Code</span>
							<span class="data">{{ model.requestToCompanyCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="requesttocompanyname">Request To Company Name</span>
							<span class="data">{{ model.requestToCompanyName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="companyname">Company Name</span>
							<span class="data">{{ model.companyName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="profitcenterdescription">Profit Center Description</span>
							<span class="data">{{ model.profitCenterDescription }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="acceptedby">Accepted By</span>
							<span class="data">{{ model.acceptedBy }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="totalfrt">Total FRT</span>
							<span class="data">{{ model.totalFrt }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="creationusername">Creation User Name</span>
							<span class="data">{{ model.creationUserName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="creationdatetime">Creation Date Time</span>
							<span class="data">{{ if (and (not-eq model.creationDateTime null) (not (is-empty model.creationDateTime))) (moment-format model.creationDateTime "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="changeusername">Change User Name</span>
							<span class="data">{{ model.changeUserName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="changedatetime">Change Date Time</span>
							<span class="data">{{ if (and (not-eq model.changeDateTime null) (not (is-empty model.changeDateTime))) (moment-format model.changeDateTime "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="documentstatus">Document Status</span>
							<span class="data">{{ model.documentStatus }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="remark">Remark</span>
							<span class="data">{{ model.remark }}</span>
						</div>
					</div>
					</div> --}}
					<div class="row">
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="PDI Doc No." @valuePath="pdiDocNo"
									@isEditable={{ if formConfig.form.pdiDocNo formConfig.form.pdiDocNo.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputDateTime @model={{ model.pdiRequestDate }} @name="pdi-request-date" @label="PDI Request Date"
									@isEditable={{ if formConfig.form.pdiRequestDate formConfig.form.pdiRequestDate.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Request Company Code" @valuePath="requestCompanyCode"
									@isEditable={{ if formConfig.form.requestCompanyCode formConfig.form.requestCompanyCode.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Request Company Name" @valuePath="requestCompanyName"
									@isEditable={{ if formConfig.form.requestCompanyName formConfig.form.requestCompanyName.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Requested By" @valuePath="requestedBy"
									@isEditable={{ if formConfig.form.requestedBy formConfig.form.requestedBy.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Request To Company Code" @valuePath="requestToCompanyCode"
									@isEditable={{ if formConfig.form.requestToCompanyCode formConfig.form.requestToCompanyCode.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Request To Company Name" @valuePath="requestToCompanyName"
									@isEditable={{ if formConfig.form.requestToCompanyName formConfig.form.requestToCompanyName.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="Profit Center Description" @valuePath="profitCenterDescription"
									@isEditable={{ if formConfig.form.profitCenterDescription formConfig.form.profitCenterDescription.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @model={{ model }} @label="Accepted By" @valuePath="acceptedBy"
									@isEditable={{ if formConfig.form.acceptedBy formConfig.form.acceptedBy.isEditable false }} />
							</div>
							<div class="col-12 col-md-6">
								<AppInputText @type="number" @model={{ model }} @label="Total FRT" @valuePath="totalFrt"
									@isEditable={{ if formConfig.form.totalFrt formConfig.form.totalFrt.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.creationDateTime }} @name="creation-date-time"
									@label="Creation Date Time"
									@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.changeDateTime }} @name="change-date-time" @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="Order 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>
				</AppCard>
				
				<AppDetailLink @title="Item List" onclick={{transition-to "dms-pdi-request.dms-pdi-request-detail-input" model.id}} />
				<div class="card">
					<div class="card-body">
						{{!-- <AppCard @id="dms-pdi-request-remarks-div" @showHeader={{ true }} @parentId="dms-pdi-request" @title="Remarks"> --}}
						<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>
						{{!-- </AppCard> --}}
					</div>
				</div>
			</div>

		</div>
		
		{{#if (eq model.orderStatus "15")}}
	
			<div class="row">
			<div class="col">
				<AppButtonApproval @inboxModel={{this.dmsPdiRequest.inbox}} @model={{ model.approvalActionType }} @config={{ this.formConfig.button }}
					@submitAction={{ action "saveDmsPdiRequest" }} />
			</div>
		</div>
		{{/if}}
	
	</div>
</section>
{{/if}}