<?xml version="1.0" encoding="UTF-8"?>
<?page contentType="text/html;charset=UTF-8"?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="winCalcularPeaje"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<zk>
	<window id="winCalcularPeaje" border="normal"
		apply="${calcularPeajeController}" width="400px" height="750x"
		contentStyle="overflow:auto"
		title="${c:l('calcularPeajeController.window.title')}">
		<toolbar>
			<hbox spacing="5px" style="padding:1px" align="right">
				<button id="btnFechar" height="20"
					image="/gui/img/exit.png" width="35px"
					onClick="winCalcularPeaje.detach()"
					tooltiptext="${c:l('generarTarifaController.btnFechar.tooltiptext')}" />
				<button id="btnCalcularPeaje"
					image="/gui/img/create_doc.gif"
					tooltiptext="${c:l('calcularPeajeController.btnCalcularPeaje.toolTipoText')}" />
			</hbox>
		</toolbar>

		<grid fixedLayout="true">
			<columns>
				<column width="40%" />
				<column width="60%" />
			</columns>
			<rows>
				<row>
					<label
						value="${c:l('editarTramosController.labelOrgaoConcedente.value')}" />
					<combobox id="cmbOrgaoConcedente" mold="rounded"
						buttonVisible="true" width="99%"
						model="@{winCalcularPeaje$composer.lsOrgaoConcedente}"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar" />
				</row>
				<row>
					<label
						value="${c:l('calcularPeajeController.lhConsiderarICMS')}" />
					<radiogroup Id="indConsiderarICMS">
						<radio id="rdConsiderarICMSSi"
							label="${c:l('MSG.SI')}" />
						<radio id="rdConsiderarICMSNo"
							label="${c:l('MSG.NO')}" checked="true" />
					</radiogroup>
				</row>
			</rows>
		</grid>
		<grid fixedLayout="true">
			<columns>
				<column width="40%" />
				<column width="60%" />
			</columns>
			<rows>
				<row>
					<label
						value="${c:l('editarConfiguracionCorridaController.cmbRuta.value')}" />
					<combobox id="cmbRuta"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
						mold="rounded" buttonVisible="true"
						model="@{winCalcularPeaje$composer.lsRutas}" width="99%" />
				</row>
			</rows>
		</grid>
		<toolbar>
			<button id="btnRemoveRuta" height="20"
				image="/gui/img/remove.png" width="35px"
				tooltiptext="${c:l('generarTarifaOrgaoController.labelRemoveRuta.value')}" />
			<button id="btnAddRuta" height="20" image="/gui/img/add.png"
				width="35px"
				tooltiptext="${c:l('generarTarifaOrgaoController.labelAddRuta.value')}" />
		</toolbar>
		<listbox id="selectedRutasList"
			use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
			multiple="false">
			<listhead sizable="true">
				<listheader image="/gui/img/builder.gif"
					label="${c:l('generarTarifaOrgaoController.labelRuta.value')}"
					width="70%" />
				<listheader image="/gui/img/builder.gif"
					label="${c:l('generarTarifaOrgaoController.labelOrgao.value')}" />
			</listhead>
		</listbox>
		<div id="casetaPeajeDiv">
			<grid fixedLayout="true">
				<rows>
					<row>
						<label
							value="${c:l('calcularPeajeController.cmbCasetaPeaje.value')}" />
						<combobox id="cmbCasetaPeaje"
							use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
							mold="rounded" buttonVisible="true"
							model="@{winCalcularPeaje$composer.lsCasetaPeaje}" width="99%" />
					</row>
				</rows>
			</grid>
			<toolbar>
				<button id="btnRemoveCasetaPeaje" height="20"
					image="/gui/img/remove.png" width="35px"
					tooltiptext="${c:l('calcularPeajeController.labelRemoveCasetaPeaje.value')}" />
				<button id="btnAddCasetaPeaje" height="20"
					image="/gui/img/add.png" width="35px"
					tooltiptext="${c:l('calcularPeajeController.labelAddCasetaPeaje.value')}" />
			</toolbar>
			<listbox id="selectedCasetaPeajeList"
				use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
				multiple="false">
				<listhead sizable="true">
					<listheader image="/gui/img/builder.gif"
						label="${c:l('calcularPeajeController.labelCasetaPeaje.value')}"
						width="100%" />
				</listhead>
			</listbox>
		</div>
	</window>
</zk>
