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

<zk>
	<window id="winEditarConexion"
		title="${c:l('editarConexionController.window.title')}"
		apply="${editarConexionController}" contentStyle="overflow:auto"
		height="550px" width="1000px" border="normal">
		<toolbar>
			<hbox spacing="5px" style="padding:1px" align="right">
				<button id="btnApagar" height="20"
					image="/gui/img/remove.png" width="35px"
					tooltiptext="${c:l('editarConexionController.btnApagar.tooltiptext')}" />
				<button id="btnSalvar" height="20"
					image="/gui/img/save.png" width="35px"
					tooltiptext="${c:l('editarConexionController.btnSalvar.tooltiptext')}" />
				<button id="btnFechar" height="20"
					image="/gui/img/exit.png" width="35px"
					onClick="winEditarConexion.detach()"
					tooltiptext="${c:l('editarConexionController.btnFechar.tooltiptext')}" />
			</hbox>
		</toolbar>

		<tabbox id="tb">
			<tabs id="tabs">
				<tab id="A"
					label="${c:l('editarConexionController.tabConexion.value')}" />
				<tab id="B"
					label="${c:l('editarConexionController.tabConexionException.value')}" />
				<tab id="C"
					label="${c:l('editarConexionController.tabConexionRutaException.value')}" />
			</tabs>
			<tabpanels>
				<!-- CONEXION -->
				<tabpanel>

					<grid fixedLayout="true">
						<columns>
							<column width="15%" />
							<column width="35%" />
							<column width="15%" />
							<column width="35%" />
						</columns>
						<rows>
							<row>
								<label
									value="${c:l('editarConexionController.labelOrigenInicial.value')}" />
								<combobox id="cmbOrigemCntrl"
									constraint="no empty"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxParada"
									mold="rounded" buttonVisible="true" width="100%" />

								<label
									value="${c:l('editarConexionController.labelDestinoFinal.value')}" />
								<combobox id="cmbDestinoCntrl"
									constraint="no empty"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxParada"
									mold="rounded" buttonVisible="true" width="100%" />
							</row>

							<row spans="1,3">

								<label
									value="${c:l('editarConexionController.labelTiempoEspera.value')}" />
								<hlayout>
									<label style="padding-right:35px"
										value="${c:l('editarConexionController.labelTiempoMin.value')}" />
									<intbox id="txtTiempoMin" />
									<label
										style="padding-left:70px; padding-right:35px"
										value="${c:l('editarConexionController.labelTiempoMax.value')}" />
									<intbox id="txtTiempoMax" />
								</hlayout>
							</row>

							<row spans="4">
								<hlayout>
									<label
										value="${c:l('editarConexionController.labelOrigenConexaoPasso1.value')}" />
									<combobox id="cmbOrigemConexao"
										disabled="true"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxParada"
										mold="rounded" buttonVisible="true" width="250px" />

									<label
										value="${c:l('editarConexionController.labelDestinoConexaoPasso1.value')}" />
									<combobox id="cmbDestinoConexao"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxParada"
										mold="rounded" buttonVisible="true" width="250px"
										disabled="true" />

									<button id="btnAddConexao"
										image="/gui/img/add.png" width="35px" height="25px"
										tooltiptext="${c:l('editarConexionController.btnAddConexao.tooltiptext')}" />
								</hlayout>
							</row>
						</rows>
					</grid>

					<toolbar>
						<button id="btnRemoverConexao" height="25px"
							width="35px" image="/gui/img/remove.png"
							tooltiptext="${c:l('editarConexionController.btnRemoverConexao.tooltiptext')}" />
						
						<button id="btnAtivar" height="25px"
							width="35px" image="/gui/img/icon-active.gif"
							tooltiptext="${c:l('editarPricingController.btnAtivar.tooltiptext')}" />
						
						<button id="btnDesativar" height="25px"
							width="35px" image="/gui/img/close_icon_inactive.png"
							tooltiptext="${c:l('editarConexionController.btnInativar.tooltiptext')}" />
						
						<button id="btnModificarConexao" height="25px"
							label="${c:l('editarConexionController.btnModificar.value')}" />
						<separator orient="vertical" />
						<separator orient="vertical" /> 	

						<label style="color:#535757;"
							value="${c:l('editarConexionController.labelAtivo.value')}" />
						<separator orient="vertical" />
						<label style="color:#A52A2A;"
							value="${c:l('editarConexionController.labelInativo.value')}" />
					</toolbar>

					<style>
						tr.z-listitem td.z-listitem-focus
						{background-image: none;}

						tr.z-listitem-seld { background-color: #84C5D6;
						border: none; -moz-box-shadow: 0 0 5px 2px
						#707070 inset; -webkit-box-shadow: 0 0 5px 2px
						#707070 inset; box-shadow: 0 0 5px 2px #707070
						inset; color: #ffffff; text-shadow: 1px 1px 1px
						#000000; }

						tr.z-listitem-over { background-color: #84C5D6;
						border: none; color: #ffffff; -moz-box-shadow: 0
						0 5px 2px #8e8e8e inset; -webkit-box-shadow: 0 0
						5px 2px #8e8e8e inset; box-shadow: 0 0 5px 2px
						#8e8e8e inset; cursor: pointer; text-shadow: 0.3px
						0.3px 0.3px #ffffff; }
					</style>

					<listbox id="conexionesEditarList"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						multiple="false" vflex="true" height="280px">
						<listhead sizable="true">
							<listheader width="35%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.labelOrigen.value')}" />
							<listheader width="35%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.labelDestino.value')}" />
							<listheader width="10%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.lhGrupo.label')}" />
							<listheader width="10%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.lhSecuencia.label')}" />
							<listheader label="Serviço" width="11%" />
							<listheader  label="Linha" width="30%" />
						</listhead>
					</listbox>
				</tabpanel>
				<!-- CONEXION EXCEPCION -->
				<tabpanel>
					<toolbar>
						<button id="btnAddConexaoExcepcion"
							image="/gui/img/add.png" width="35px" height="30px"
							tooltiptext="${c:l('editarConexionController.btnAddConexao.tooltiptext')}" />
						<button id="btnRemoverConexaoExcepcion"
							height="30px" width="35px" image="/gui/img/remove.png"
							tooltiptext="${c:l('editarConexionController.btnRemoverConexao.tooltiptext')}" />
						<button id="btnModificarConexaoExcepcion"
							height="30px"
							label="${c:l('editarConexionController.btnModificar.value')}" />

						<separator orient="vertical" />
						<separator orient="vertical" />

					</toolbar>
					<listbox id="conexionExcepcionList" mold="paging"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						vflex="true" multiple="true" height="250px" width="100%">
						<listhead sizable="true">
							<listheader width="20%"
								image="/gui/img/builder.gif"
								label="${c:l('relatorioAproveitamentoController.lbServico.value')}" />
							<listheader width="40%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.labelOrigen.value')}" />
							<listheader width="40%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.labelDestino.value')}" />
						</listhead>
					</listbox>
				</tabpanel>
				<!-- CONEXION EXCEPCION RUTA -->
				<tabpanel>
					<grid fixedLayout="true">
						<columns>
							<column width="20%" />
							<column width="80%" />
						</columns>
						<rows>
							<row>
								<label
									value="${c:l('editarConexionController.lbRuta')}" />
								<combobox id="cmbRuta"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
									model="@{winEditarConexion$composer.lsRutas}" mold="rounded"
									buttonVisible="true" width="100%" />
							</row>
						</rows>
					</grid>
					<toolbar>
						<button id="btnAddConexaoRutaExcepcion"
							image="/gui/img/add.png" width="35px" height="30px"
							tooltiptext="${c:l('editarConexionController.btnAddConexaoRuta.tooltiptext')}" />
						<button id="btnRemoverConexaoRutaExcepcion"
							height="30px" width="35px" image="/gui/img/remove.png"
							tooltiptext="${c:l('editarConexionController.btnRemoverConexaoRuta.tooltiptext')}" />

						<separator orient="vertical" />
						<separator orient="vertical" />

					</toolbar>
					<listbox id="conexionExcepcionRutaList"
						mold="paging"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						vflex="true" multiple="true" height="250px" width="100%">
						<listhead sizable="true">
							<listheader width="100%"
								image="/gui/img/builder.gif"
								label="${c:l('editarConexionController.lbRuta')}" />
						</listhead>
					</listbox>
				</tabpanel>
			</tabpanels>
		</tabbox>
	</window>
</zk>
