hedera-web/web/forms/ecomerce/confirm/ui.xml

<vn>
<vn-group>
	<db-form id="order-form" on-ready="onOrderReady">
		<db-model property="model" result-index="1">
			<custom>
				CALL basket_get_vat ();
				SELECT o.id, o.date_send, o.note, o.company_id, 
					ag.description agency, v.code method, 
					ad.consignee, ad.zip_code, ad.city, ad.name address, 
					t.*, c.credit, customer_get_debt() debt
					FROM basket o
						JOIN vn2008.Agencias ag ON ag.Id_Agencia = o.agency_id 
						LEFT JOIN address_view ad ON ad.id = o.address_id 
						JOIN vn2008.Vistas v ON v.vista_id = o.delivery_method_id
						JOIN customer_view c
						JOIN (
							SELECT
								IFNULL(SUM(tax_base), 0) tax_base,
								IFNULL(SUM(vat + surcharge), 0) vat
								FROM t_order_vat
						) t;
				DROP TEMPORARY TABLE t_order_vat;					
			</custom>
		</db-model>
	</db-form>
	<db-query id="confirm-query" on-ready="onConfirm">
		<custom>
			CALL basket_confirm ()
		</custom>
	</db-query>
</vn-group>
<div id="title">
	<h1><t>Order summary</t></h1>
</div>
<div id="form" class="confirm">
	<div class="box summary">
		<div>
			<div class="delivery">
				<p>
					<t>Delivery at</t> 
					<htk-text format="%D" form="order-form" column="date_send"/>
				</p>
				<p>
					<span id="method"><t>Agency</t></span> 
					<htk-text form="order-form" column="agency"/>
				</p>
			</div>
			<div id="address" class="address">
				<p>
					<htk-text form="order-form" column="consignee"/>
				</p>
				<p>
					<htk-text form="order-form" column="address"/>
				</p>
				<p>
					<htk-text form="order-form" column="zip_code"/>, 
					<htk-text form="order-form" column="city"/>
				</p>
			</div>
		</div>
	</div>
	<div class="box payment">
		<div>
			<table class="debt-info">
				<tbody>
					<tr>
						<td>
							<t>Previous balance</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" id="debt"/>
						</td>
					</tr>
					<tr>
						<td>
							<t>Order total</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" form="order-form" column="tax_base"/>
						</td>
					</tr>
					<tr>
						<td>
							<t>Order VAT</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" form="order-form" column="vat"/>
						</td>
					</tr>
					<tr class="total-debt sum-total">
						<td>
							<t>Total debt</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" id="total-debt"/>
						</td>
					</tr>
					<tr id="credit-info" class="credit-info">
						<td>
							<t>Credit</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" form="order-form" column="credit"/>
						</td>
					</tr>
					<tr id="exceeded-info" class="exceeded-info sum-total">
						<td>
							<t>Exceeded credit</t>
						</td>
						<td class="currency">
							<htk-text format="%.2d€" id="credit-excess"/>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div id="amount-selector" class="amount-selector">
			<h2>
				<t>Amount to pay</t>
			</h2>
			<div class="radio">
				<htk-radio-group
					id="pay-amount"/>
				<div>
					<htk-radio radio-group="pay-amount" value="ALL"/>
					<label>
						<t>Total debt</t>, 
						<htk-text format="%.2d€" id="total-amount"/>
					</label>
				</div>
				<div>
					<htk-radio radio-group="pay-amount" value="EXCEEDED"/>
					<label>
						<t>Exceeded credit</t>, 
						<htk-text format="%.2d€" id="excess-amount"/>
					</label>
				</div>
			</div>
		</div>
		<div>
			<h2>
				<t>Pay method</t>
			</h2>
			<div class="pay-methods radio">
				<htk-radio-group
					id="pay-method"
					on-changed="onPayMethodChange"/>
				<div id="balance-method">
					<htk-radio radio-group="pay-method" value="BALANCE"/>
					<label><t>Use my balance</t></label>
					<div class="pay-info">
						<t>You have a favorable balance.</t>
					</div>
				</div>
				<div id="credit-method">
					<htk-radio radio-group="pay-method" value="CREDIT"/>
					<label><t>Use my credit</t></label>
					<div class="pay-info">
						<t>You have a favorable credit.</t>
					</div>
				</div>
				<div id="card-method">
					<htk-radio radio-group="pay-method" value="CARD"/>
					<label><t>Credit card</t></label>
					<div class="pay-info">
						<t>You will be redirected to the payment.</t>
					</div>
				</div>
				<div id="transfer-method">
					<htk-radio radio-group="pay-method" value="TRANSFER"/>
					<label><t>Bank Transfer</t></label>
					<div class="pay-info">
						<t>Make a transfer to one account.</t>
						<htk-repeater form-id="iter">
							<db-model property="model">
								<custom>
									SELECT description, iban, entity_id, office, dc, number
										FROM vn2008.account_customer c						
								</custom>
							</db-model>
							<custom>
								<div class="transfer-account">
									<p>
										<htk-text form="iter" column="description"/>
									</p>
									<p>
										<htk-text form="iter" column="iban"/> 
										<htk-text form="iter" column="entity_id"/> 
										<htk-text form="iter" column="office"/> 
										<htk-text form="iter" column="DC"/> 
										<htk-text form="iter" column="number"/>
									</p>
								</div>
							</custom>
						</htk-repeater>
					</div>
				</div>
				<div id="later-method">
					<htk-radio radio-group="pay-method" value="LATER"/>
					<label><t>Pay later</t></label>
				</div>
			</div>
		</div>
		<div class="button-bar">
			<button on-click="onModifyClick" id="modify" class="thin modify-order">
				<t>Modify</t>
			</button>
			<button on-click="onConfirmClick" id="confirm" class="thin confirm-order">
				<t>Confirm</t>
			</button>
			<div class="clear"/>
		</div>
	</div>
</div>
<htk-popup id="success-dialog" modal="true" on-closed="onPopupClose">
	<div property="child-node" class="dialog">
		<div>
			<img src="image/ok.svg" alt="_Ok"/>
			<p><t>Order confirmed successfully</t></p>
			<div class="clear"/>
		</div>
		<button class="thin" on-click="onAcceptClick">
			<t>Accept</t>
		</button>
		<div class="clear"/>
	</div>
</htk-popup>
</vn>