<?page title="${labels.TravelOrdersFormTitle}" contentType="text/html;charset=UTF-8"?>

<zk xmlns="http://www.zkoss.org/2005/zul"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
	<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>

	<div id="billInt" vflex="1">
		<vbox width="350px" vflex="1">
			<label value="@load(vm.bill.ownedBy)" style="font-weight: bold; font-size: larger"/>
			<hbox>
				<label value="${labels.RequirementsFormFrom}: "/>
				<label value="@load(vm.bill.requirement.from)"/>
				<label value="${labels.RequirementsFormTo}: "/>
				<label value="@load(vm.bill.requirement.to)"/>
			</hbox>
			<hbox>
				<label value="${labels.RequirementsFormStartDateTime}: "/>
				<label value="@load(vm.bill.requirement.tripDate) @converter('formatedDate', format=labels.DateFormat)"/>
			</hbox>
			<hbox>
				<label value="${labels.RequirementsFormEndDate}: "/>
				<label value="@load(vm.bill.requirement.endDate) @converter('formatedDate', format=labels.DateFormat)"/>
			</hbox>
			<hbox>
				<label value="${labels.RequirementsFormPurpose}: "/>
				<label value="@load(vm.bill.requirement.description)"/>
			</hbox>
			<hbox>
				<label value="${labels.TripBillTotal}:"/> <label value="@load(vm.bill.total) @converter(vm.standardBigDecimalConverter)"/>
			</hbox>
			<button label="${labels.TripBillSummaryDetail}"
					onClick="@command('showBill', bill=vm.bill)"
					sclass="nicebutton"/>

			<separator bar="true" hflex="1"/>
			<include src="../../approveStatus.zul" vflex="1"/>
			<button label="${labels.TripBillCancelApproval}" onClick="@command('cancelApproval')" sclass="nicebutton" disabled="@load(empty vm.dataBean)"/>
		</vbox>
	</div>

</zk>