Outlet SHOP

<!-- Shop -->
				<p:dialog id="paymentDlg" widgetVar="paymentDlg" width="800"
					header="#{piece['payment']}">
					<p:outputPanel id="paymentContent">
						<p:outputPanel id="paymentSummary">
							<table>
								<tr>
									<td class="col1"><h:outputText
											value="#{piece['totalCashPayment']}" /></td>
									<td class="col2"><h:outputText
											value="#{pos.payment.totalCash}">
											<f:convertNumber />
										</h:outputText></td>
									<td><p:spacer width="5px" /></td>
									<p:outputPanel rendered="#{pos.jsonVehicle['partnerId'] == -1}">
									<td class="col1"><h:outputText
											value="#{piece['totalCreditCardCharge']}" /></td>
									<td class="col2"><h:outputText
											value="#{pos.model.ccCharge}">
											<f:convertNumber />
										</h:outputText></td>
									</p:outputPanel>
								</tr>
								<p:outputPanel rendered="#{pos.jsonVehicle['partnerId'] == -1}">
								<tr>
									<td class="col1"><h:outputText
											value="#{piece['totalNonCashPayment']}"/></td>
									<td class="col2"><h:outputText
											value="#{pos.payment.totalNonCash}">
											<f:convertNumber />
										</h:outputText></td>
									<td colspan="3"><h:outputText /></td>
								</tr>

								<tr>
									<td class="col1"><h:outputText
											value="#{piece['totalAllPayment']}" /></td>
									<td class="col2"><h:outputText
											value="#{pos.payment.totalAll}">
											<f:convertNumber />
										</h:outputText></td>
									<td colspan="3"><h:outputText /></td>
								</tr>
								</p:outputPanel>
								<p:outputPanel rendered="#{pos.jsonVehicle['partnerId'] != -1}">
									<tr>
										<td class="col1">
											<h:outputText value="#{piece['dueDate']}" />
										</td>
										<td class="col2">
											<h:outputText value="#{pos.paymentTermin['dueDate']}" converter="#{dateConverter}" />
										</td>
										<td colspan="3">
											<h:outputText />
										</td>
									</tr>
								</p:outputPanel>
							</table>
						</p:outputPanel>
						<p:panel header="#{piece['cashPayment']}">
							<h:panelGrid columns="5">
								<p:selectOneMenu value="#{pos.payment.currCode}"
									disabled="#{pos.posSubmit}">
									<f:selectItems value="#{pos.cashList}" var="cashItem"
										itemValue="#{cashItem['currencyCode']}"
										itemLabel="#{piece[cashItem['currencyPropKey']]}" />
									<p:ajax event="change" listener="#{pos.currencyChanged}"
										process="@this :rootform:paymentContent"
										update=":rootform:paymentContent" />
								</p:selectOneMenu>

								<h:outputText value="#{piece['exchangeRate']}" />
								<p:inputText value="#{pos.payment.exchangeRate}" size="10"
									disabled="#{pos.posSubmit}" style="text-align: right">
									<p:ajax event="change" listener="#{pos.exchangeRateChanged}"
										process="@this :rootform:paymentContent"
										update=":rootform:paymentContent" />
									<f:convertNumber />
								</p:inputText>

								<h:outputText value="#{piece['cashAmount']}"
									disabled="#{pos.posSubmit}" />
								<p:inputText value="#{pos.payment.cashAmount}"
									disabled="#{pos.posSubmit}"
									style="text-align: right; width: 200px"
									styleClass="amount-dec-2"
					                converter="#{numericConverter}"
									>
									<p:ajax event="change" process="@this :rootform:paymentContent"
										update=":rootform:paymentContent" />
								</p:inputText>
							</h:panelGrid>


						</p:panel>

						<p:panel id="paymentNonCash" header="#{piece['nonCash']}" rendered="#{pos.jsonVehicle['partnerId'] == -1}" >

							<h:panelGrid columns="5">
								<h:outputText value="#{piece['type']}" />
								<h:outputText value="#{piece['pickEdc']}" />
								<h:outputText value="#{piece['bankCard']}" />
								<h:outputText value="#{piece['cardNo']}" />
								<h:outputText value="#{piece['amount']}" />

								<p:selectOneMenu value="#{pos.paymentInput['type']}"
									disabled="#{pos.posSubmit}" valueChangeListener="#{pos.onTypePaymentChanged}">
									<f:selectItem itemValue="D" itemLabel="#{piece['debtCard']}" />
									<f:selectItem itemValue="C" itemLabel="#{piece['creditCard']}" />
									<p:ajax update="ccPercentage autoCharge" />
								</p:selectOneMenu>
								<p:selectOneMenu value="#{pos.paymentInput['edc']}"
									disabled="#{pos.posSubmit}">
									<f:selectItems value="#{pos.edcList}" var="edcItem"
										itemValue="#{edcItem['deviceMerchantId']}"
										itemLabel="#{edcItem['deviceMerchantCode']}" />
								</p:selectOneMenu>
								<p:selectOneMenu value="#{pos.paymentInput['bankCardName']}"
									disabled="#{pos.posSubmit}">
									<f:selectItems value="#{pos.bankList}" var="bankItem"
										itemValue="#{bankItem['code']}"
										itemLabel="#{piece[bankItem['propKey']]}" />
								</p:selectOneMenu>
								<p:inputText value="#{pos.paymentInput['cardNo']}"
									disabled="#{pos.posSubmit}" />
								<p:inputText value="#{pos.paymentInput['amount']}"
									disabled="#{pos.posSubmit}"
									styleClass="amount-dec-2"
					                converter="#{numericConverter}"
									>
									<p:ajax event="blur" listener="#{pos.amountUpdated}" />
								</p:inputText>
							</h:panelGrid>

							<h:panelGrid columns="5">
								<h:outputText value="#{piece['remark']}" />
								<h:outputText value="#{piece['ccChargePercentage']}" />
								<h:outputText value="#{piece['ccChargeAmount']}" />
								<h:outputText value="#{piece['autoCharge']}" />
								<h:outputText />

								<p:inputText value="#{pos.paymentInput['remark']}"
									disabled="#{pos.posSubmit}" />
								<p:inputText id="ccPercentage" value="#{pos.paymentInput['ccPercentage']}"
									disabled="#{pos.posSubmit}">
									<f:convertNumber />
									<p:ajax event="blur" listener="#{pos.ccPercentageUpdated}"
										process="@this ccAmount" update="ccAmount" />
								</p:inputText>
								<p:inputText id="ccAmount"
									value="#{pos.paymentInput['ccAmount']}"
									disabled="#{pos.posSubmit}"
									styleClass="amount-dec-2"
					                converter="#{numericConverter}"
									>
									<p:ajax event="blur" listener="#{pos.ccAmountUpdated}"
										update="ccAmount" />
								</p:inputText>
								<p:selectOneButton id="autoCharge" value="#{pos.paymentInput['autoCharge']}" disabled="#{pos.posSubmit}">
						            <f:selectItem itemLabel="#{piece['yes']}" itemValue="Y" />
						            <f:selectItem itemLabel="#{piece['no']}" itemValue="N" />
						        </p:selectOneButton>
								<p:commandButton value="#{piece['addNonCashPayment']}"
									actionListener="#{pos.addNonCashPayment()}"
									process=":rootform:paymentNonCash" disabled="#{pos.posSubmit}"
									update=":rootform:paymentSummary :rootform:payGridPanel :rootform:paymentNonCash " />

							</h:panelGrid>

							<p:outputPanel id="payGridPanel">
								<p:dataTable id="payGrid"
									value="#{pos.payment.nonCashPaymentList}" var="payItem">
									<p:column>
										<f:facet name="header">#{piece['action']}</f:facet>
					   	      			<p:commandLink icon="ui-icon-trash" process="@this" actionListener="#{pos.removeNonCashPayment(payItem)}" update=":rootform:paymentSummary :rootform:payGridPanel :rootform:summary">
											<h:graphicImage library="images" name="common/delete.png" title="#{piece['org.jleaf.erp.master.web.remove']}" />
										</p:commandLink>
					   	      		</p:column>
									<p:column>
										<f:facet name="header">#{piece['type']}</f:facet>
										<h:outputText
											value="#{payItem.type=='D' ? piece['debtCard'] : piece['creditCard']}" />
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['edc']}</f:facet>
										<h:outputText value="#{payItem.edcCode}" />
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['bankCardName']}</f:facet>
										<h:outputText value="#{payItem.bankCardName}" />
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['cardNo']}</f:facet>
										<h:outputText value="#{payItem.cardNo}" />
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['amount']}</f:facet>
										<h:outputText value="#{payItem.amount}">
											<f:convertNumber />
										</h:outputText>
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['ccCharge']}</f:facet>
										<h:outputText value="#{payItem.ccCharge} %" />
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['ccChargeAmount']}</f:facet>
										<h:outputText value="#{payItem.ccChargeAmount}">
											<f:convertNumber />
										</h:outputText>
									</p:column>
									<p:column>
										<f:facet name="header">#{piece['remark']}</f:facet>
										<h:outputText value="#{payItem.remark}" />
									</p:column>
								</p:dataTable>
							</p:outputPanel>
						</p:panel>
						<p:commandButton value="#{piece['savePayment']}"
							disabled="#{pos.posSubmit}" oncomplete="paymentDlg.hide()"
							process=":rootform:paymentContent" update=":rootform:summary"
							actionListener="#{pos.savePayment()}"
							rendered="#{pos.jsonVehicle['partnerId'] == -1}" />
						<p:commandButton value="#{piece['savePayment']}"
							disabled="#{pos.posSubmit}" oncomplete="paymentDlg.hide()"
							process=":rootform:paymentContent" update=":rootform:summary"
							actionListener="#{pos.savePaymentTermin()}"
							rendered="#{pos.jsonVehicle['partnerId'] != -1}" />
					</p:outputPanel>
				</p:dialog>