<?page title="travel orders" contentType="text/html;charset=UTF-8"?>
<zk>
<tabbox>
	<tabs>
		<tab label="${labels.GlobalSettingsRefunds}"/>
		<tab label="${labels.GlobalSettingsVehicles}"/>
	</tabs>
	<tabpanels>
		<tabpanel>
			<grid model="@load(vm.refundsHours)">
				<auxhead>
					<auxheader colspan="1"/>
					<auxheader label="${labels.GlobalSettingsFreeMealsCount}" colspan="4"/>
				</auxhead>
				<columns>
					<column label="${labels.GlobalSettingsHours}"/>
					<column label="0"/>
					<column label="1"/>
					<column label="2"/>
					<column label="3"/>
				</columns>
				<rows>
					<template name="model">
						<row>
							<label value="@load(each)"/>
							<textbox value="@bind(vm.settings.refunds[each][0])" inplace="true" readonly="@load(not vm.canSave)"/>
							<textbox value="@bind(vm.settings.refunds[each][1])" inplace="true" readonly="@load(not vm.canSave)"/>
							<textbox value="@bind(vm.settings.refunds[each][2])" inplace="true" readonly="@load(not vm.canSave)"/>
							<textbox value="@bind(vm.settings.refunds[each][3])" inplace="true" readonly="@load(not vm.canSave)"/>
						</row>
						
					</template>
				</rows>
			</grid>
		</tabpanel>
		<tabpanel>
			<vbox>
				<button label="${labels.AddItem}" onClick="@command('addVehicle')" sclass="nicebutton" disabled="@load(not vm.canSave)"/>
				<grid model="@load(vm.settings.vehicles)">
					<columns>
						<column label="${labels.code}"/>
						<column label="${labels.name}"/>
						<column/>
					</columns>
					<rows>
						<template name="model">
							<row>
								<textbox inplace="true" value="@bind(each.code)" readonly="@load(not vm.canSave)"/>
								<textbox inplace="true" value="@bind(each.description)" readonly="@load(not vm.canSave)"/>
								<button label="${labels.RemoveItem}" onClick="@command('removeVehicle', vehicle=each)" disabled="@load(not vm.canSave)"/>
							</row>
						</template>
					</rows>
				</grid>
			</vbox>		
		</tabpanel>
	</tabpanels>
</tabbox>

</zk>