<?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="winEditarSecuencia"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winEditarSecuencia" title="${c:l('editarSecuenciaController.window.title')}"
            apply="${editarSecuenciaController}" contentStyle="overflow:auto"
            height="450px" width="500px" border="normal" >
            
       <toolbar>
            	<button id="btnSalvar" height="20"
                        image="/gui/img/save.png" width="35px"
                        tooltiptext="${c:l('editarSecuenciaController.btnSalvar.tooltiptext')}"/>
                <button id="btnFechar" height="20"
                        image="/gui/img/exit.png" width="35px"
                        onClick="winEditarSecuencia.detach()"
                        tooltiptext="${c:l('editarSecuenciaController.btnFechar.tooltiptext')}"/>    
        </toolbar>
        
    	<grid fixedLayout="true">
            <columns>
            	<column width="40%" />
            	<column width="60%" />
            </columns>
            <rows>
            	<row>
					<label
						value="${c:l('editarSecuenciaController.lbSecuencia.value')}" />
					<label
						value="@{winEditarSecuencia$composer.paradaSeqOrigen.secuencia}" />
				</row>
				<row>
					<label
						value="${c:l('editarSecuenciaController.lbLocalidade.value')}" />
					<label
						value="@{winEditarSecuencia$composer.localidadeOrigen}" />
				</row>
				<row>
					<label
						value="${c:l('editarSecuenciaController.lbVia.value')}" />
					<label
						value="@{winEditarSecuencia$composer.paradaSeqOrigen.via}" />
				</row>
            </rows>
    	</grid>
    	
    	<toolbar>
            <separator bar="true"/>
        </toolbar>
        
        <grid fixedLayout="true">
            <columns>
            	<column width="40%" />
            	<column width="60%" />
            </columns>
            <rows>
            	<row>
					<label
						value="${c:l('editarSecuenciaController.lbSecuencia.value')}" />
					<label
						value="@{winEditarSecuencia$composer.paradaSeqDestino.secuencia}" />
				</row>
				<row>
					<label
						value="${c:l('editarSecuenciaController.lbLocalidade.value')}" />
					<label
						value="@{winEditarSecuencia$composer.localidadeDestino}" />
				</row>
				<row>
					<label
						value="${c:l('editarSecuenciaController.lbVia.value')}" />
					<label
						value="@{winEditarSecuencia$composer.paradaSeqDestino.via}" />
				</row>
            </rows>
    	</grid>
    	
    	<toolbar>
            <separator bar="true"/>
        </toolbar>
        
        <grid fixedLayout="true">
            <columns>
            	<column width="100%" />
            </columns>
            <rows>
            	<row>
					<label
						value="${c:l('editarSecuenciaController.lbTextoInformativo.value')}" />
				</row>
			</rows>
		</grid>	
		<grid fixedLayout="true">
            <columns>
            	<column width="50%" />
            	<column width="50%" />
            </columns>
            <rows>
            	<row>
            		<label
						value="${c:l('editarSecuenciaController.lbTodasCasetasPeaje.value')}" />
            		<combobox id="cmbTodasCasetasPeaje" width="90%" mold="rounded"
						buttonVisible="true"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
						model="@{winEditarSecuencia$composer.lsTodasCasetasPeaje}" />
            	</row>
            </rows>
    	</grid>
    	
    	 <toolbar>
            <button id="btnAdicionarCasetaPeaje" height="20" image="/gui/img/add.png" width="35px"
                tooltiptext="${c:l('editarSecuenciaController.btnAddCasetaPeaje.tooltiptext')}"/>
            <button id="btnRemoverCasetaPeaje" height="20" image="/gui/img/remove.png" width="35px"
                tooltiptext="${c:l('editarSecuenciaController.btnRemoveCasetaPeaje.tooltiptext')}"/>
        </toolbar>
        
        <listbox id="casetaPeajeList"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						height="425px">
						<listhead sizable="true">
							<listheader id="casetaPeajeId" width="10%"
								image="/gui/img/create_doc.gif"
								label="${c:l('editarSecuenciaController.lbCasetaPeajeId.value')}" />
							<listheader id="casetaPeajeDesc"
								image="/gui/img/create_doc.gif"
								label="${c:l('editarSecuenciaController.lbCasetaPeajeDesc.value')}" />
							<listheader id="casetaPeajeImporteIda" width="20%"
								image="/gui/img/create_doc.gif"
								label="${c:l('editarSecuenciaController.lbCasetaPeajeImporteIda.value')}" />
							<listheader id="casetaPeajeImporteVuelta" width="20%"
								image="/gui/img/create_doc.gif"
								label="${c:l('editarSecuenciaController.lbCasetaPeajeImporteVuelta.value')}" />
						</listhead>
					</listbox>
    </window>
</zk>
            