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

<zk>
	<window id="winEditarConexionPorRuta" border="normal" width="1100px"
		apply="${gerarConexionPorRutaController}" height="600px" sizable="true"
		title="${c:l('editarConexionPorRutaController.window.title')}">
		<style dynamic="true">

			.z-spinner-inp{background:#ffa99c} .z-textbox-real-readonly,
			.z-textbox-readonly{background:#99beff} .z-spinner-readonly,
			.z-spinner-text-disd{background:#99beff}
		</style>

		<toolbar>
			<hbox spacing="5px" style="padding:1px" align="right">

				<button id="btnSalvar" height="20"
					image="/gui/img/save.png" width="35px"
					tooltiptext="${c:l('editarConexionPorRutaController.btnSalvar.tooltiptext')}" />
				<button id="btnApagar" height="20"
					image="/gui/img/remove.png" width="35px"
					tooltiptext="${c:l('editarConexionController.btnApagar.tooltiptext')}" />
				<button id="btnFechar" height="20"
					image="/gui/img/exit.png" width="35px"
					onClick="winEditarConexionPorRuta.detach()"
					tooltiptext="${c:l('editarConexionPorRuta.btnFechar.tooltiptext')}" />
			</hbox>
		</toolbar>

		<grid fixedLayout="true">
			<columns>
				<column width="15%" />
				<column width="40%" />
				<column width="45%" />
			</columns>
			<rows>
				<row spans="1,2">
					<label value="${c:l('editarConexionPorRutaController.labelDescricao.value')}" />
					<textbox id="txtDescricao" width="99%"
					use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox" />				
				</row>
				<row>
					<label
						value="${c:l('editarConexionController.labelTiempoEspera.value')}" />
					<hlayout>
						<label 
							value="${c:l('editarConexionController.labelTiempoMin.value')}" />
						<intbox id="txtTiempoMin" maxlength="7"/>
						<label
							value="${c:l('editarConexionController.labelTiempoMax.value')}" />
						<intbox id="txtTiempoMax" maxlength="7"/>
					</hlayout>
					
					<hlayout>
						<label value="${c:l('editarConexionController.labelDesconto.value')}" />
						<doublebox id="txtDesconto" maxlength="7"/>
					</hlayout>
	
				</row>
				
				<row id="linhaBloqueio">
					<label value="${c:l('editarConexionController.bloqueioTrecho.configuracao')}" />
					
					<hlayout>
						<label value="${c:l('editarConexionController.bloqueioTrecho.tempoAteSaida')}" />
						<intbox id="txtTempoAteSaida" maxlength="7"/>
					</hlayout>
					
					<hlayout>
						<label value="${c:l('editarConexionController.bloqueioTrecho.porcentagemOcupacao')}" />
						<intbox id="txtPorcentagemOcupacao" maxlength="7"/>
					</hlayout>
					
				</row>				
			</rows>
		</grid>

		<tabbox id="tb">
			<tabs id="tabs">
				<tab id="B"
					label="${c:l('editarConexionPorRutaController.tabLinhas.value')}" />
				<tab id="C"
					label="${c:l('editarConexionPorRutaController.tabLocalidades')}" />
				<tab id="resultadoCombinacao"
					label="${c:l('editarConexionPorRutaController.tabResultadoCombinacao')}" />
				<tab id="E"
					label="${c:l('editarConexionPorRutaController.labelExcecaoCanalVenta.value')}"
					height="100%" />
				<tab id="F"
					label="${c:l('editarConexionPorRutaController.labelExcecaoPuntoVenta.value')}"
					height="100%" />
			</tabs>
			<tabpanels>
				<!-- LINHAS -->
				<tabpanel>
					<grid>
						<columns>
							<column width="33%" />
							<column width="33%" />
							<column width="34%" />
						</columns>
						<rows>
							<row spans="3">
								<label
									value="${c:l('editarConexionPorRutaController.MSG.SequenciaEixOK')}" />
							</row>
							<row>
								<vbox height="100%" width="100%">
								
									<hbox id="rowTrechoA" style="padding:1%">
										<label value="${c:l('editarConexionController.bloqueioTrecho.bloquearTrechos')}" />
										<checkbox id="chkBloqueioTrechoA" />
									</hbox>
									
									<hbox>
										<label
											value="${c:l('editarConexionPorRutaController.labelLinhaA.value')}" />
										<combobox id="cmbRutaA"
											use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxRuta"
											mold="rounded" buttonVisible="true" width="100%" />
										<button id="btnNovoRutaA"
											image="/gui/img/add.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnAgencia.tooltiptext')}" />
										<button id="btnApagarRutaA"
											height="20" image="/gui/img/remove.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnApagarAgencia.tooltiptext')}" />
									</hbox>
									<listbox id="rutasAList"
										height="400px"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
										multiple="false">
										<listhead sizable="true">
											<listheader
												image="/gui/img/create_doc.gif"
												sort="auto(ocupacioninicial)"
												label="${c:l('editarConexionController.tabLinhas.value')}" />
										</listhead>
									</listbox>
								</vbox>
								<vbox height="100%" width="100%">
								
									<hbox id="rowTrechoB" style="padding:1%">
										<label value="${c:l('editarConexionController.bloqueioTrecho.bloquearTrechos')}" />
										<checkbox id="chkBloqueioTrechoB" />
									</hbox>
								
									<hbox>
										<label
											value="${c:l('editarConexionPorRutaController.labelLinhaB.value')}" />
										<combobox id="cmbRutaB"
											use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxRuta"
											mold="rounded" buttonVisible="true" width="100%" />
										<button id="btnNovoRutaB"
											image="/gui/img/add.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnAgencia.tooltiptext')}" />
										<button id="btnApagarRutaB"
											height="20" image="/gui/img/remove.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnApagarAgencia.tooltiptext')}" />
									</hbox>
									<listbox id="rutasBList"
										height="400px"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
										multiple="false">
										<listhead sizable="true">
											<listheader
												image="/gui/img/create_doc.gif"
												sort="auto(ocupacioninicial)"
												label="${c:l('editarConexionController.tabLinhas.value')}" />
										</listhead>
									</listbox>
								</vbox>
								<vbox height="100%" width="100%">
								
									<hbox id="rowTrechoC" style="padding:1%">
										<label value="${c:l('editarConexionController.bloqueioTrecho.bloquearTrechos')}" />
										<checkbox id="chkBloqueioTrechoC" />
									</hbox>
									
									<hbox>
										<label
											value="${c:l('editarConexionPorRutaController.labelLinhaC.value')}" />
										<combobox id="cmbRutaC"
											use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxRuta"
											mold="rounded" buttonVisible="true" width="100%" />
										<button id="btnNovoRutaC"
											image="/gui/img/add.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnAgencia.tooltiptext')}" />
										<button id="btnApagarRutaC"
											height="20" image="/gui/img/remove.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnApagarAgencia.tooltiptext')}" />
									</hbox>
									<listbox id="rutasCList"
										height="400px"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
										multiple="false">
										<listhead sizable="true">
											<listheader
												image="/gui/img/create_doc.gif"
												sort="auto(ocupacioninicial)"
												label="${c:l('editarConexionController.tabLinhas.value')}" />
										</listhead>
									</listbox>
								</vbox>
							</row>
						</rows>
					</grid>
				</tabpanel>

				<tabpanel>
					<grid fixedLayout="true" height="400px">
						<columns>
							<column width="22%" />
							<column width="17%" />
							<column width="22%" />
							<column width="17%" />
							<column width="22%" />
						</columns>
						<rows>
							<row>
								<hbox>
									<label
										value="${c:l('editarConexionPorRutaController.labelLocalidades.value')}" />
									<bandbox id="bbPesquisaLinha"
										width="100%" mold="rounded" readonly="true">
										<bandpopup>
											<vbox>
												<listbox
													id="localidadesOrigemlList" mold="paging"
													use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
													vflex="true" multiple="false" height="60%" width="710px">
													<listhead>
														<listheader
															label="${c:l('editarConexionPorRutaController.labelLocalidadesDescricao.value')}"
															width="65%" />
														<listheader
															label="${c:l('editarConexionPorRutaController.labelAdicionarLocalidade.value')}"
															width="29%" />
														<listheader
															align="center" label=" " width="6%" />
													</listhead>
												</listbox>
												<paging id="pagingLinha"
													pageSize="10" />
											</vbox>
										</bandpopup>
									</bandbox>
								</hbox>
								<hbox></hbox>
								<hbox>
									<label
										value="${c:l('editarConexionPorRutaController.labelLocalidades.value')}" />
									<bandbox id="bbPesquisaLinha1"
										width="100%" mold="rounded" readonly="true">
										<bandpopup>
											<vbox>
												<listbox
													id="localidadesDestinoList" mold="paging"
													use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
													vflex="true" multiple="false" height="60%" width="710px">
													<listhead>
														<listheader
															label="${c:l('editarConexionPorRutaController.labelLocalidadesDescricao.value')}"
															width="65%" />
														<listheader
															label="${c:l('editarConexionPorRutaController.labelAdicionarLocalidade.value')}"
															width="29%" />
														<listheader
															align="center" label=" " width="6%" />
													</listhead>
												</listbox>
												<paging
													id="pagingLinhaq" pageSize="10" />
											</vbox>
										</bandpopup>
									</bandbox>
								</hbox>
								<hbox></hbox>
								<hbox>
									<label
										value="${c:l('editarConexionPorRutaController.labelLocalidades.value')}" />
									<bandbox id="bbPesquisaLinhaC"
										width="100%" mold="rounded" readonly="true">
										<bandpopup>
											<vbox>
												<listbox
													id="localidadesDestinoLinhaCList" mold="paging"
													use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
													vflex="true" multiple="false" height="60%" width="710px">
													<listhead>
														<listheader
															label="${c:l('editarConexionPorRutaController.labelLocalidadesDescricao.value')}"
															width="65%" />
														<listheader
															label="${c:l('editarConexionPorRutaController.labelAdicionarLocalidade.value')}"
															width="29%" />
														<listheader
															align="center" label=" " width="6%" />
													</listhead>
												</listbox>
												<paging
													id="pagingLinhac" pageSize="10" />
											</vbox>
										</bandpopup>
									</bandbox>
								</hbox>
							</row>
							<row>
								<cell>
									<borderlayout height="400px"
										width="100%">
										<center border="0">
											<listbox
												id="localidadesLinhaASelecionadaList" mold="paging"
												use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
												vflex="true" multiple="true" height="100%" width="100%">
												<listhead>
													<listheader
														id="lhPermisoAux" image="/gui/img/create_doc.gif"
														label="${c:l('editarConexionPorRutaController.labelLocalidadesCodigo.value')}"
														sort="auto(funcionSistema.nombfuncion)" width="20%" />
													<listheader
														align="center" image="/gui/img/create_doc.gif"
														label="Localidades Eixo A" width="65%" />
													<listheader
														align="center" label="" width="15%" />
												</listhead>
											</listbox>
										</center>
									</borderlayout>
								</cell>
								<cell>
									<borderlayout height="400px"
										width="100%">
										<center border="0">
											<listbox
												id="localidadesComunsABList" style="background: #ffa99c"
												mold="paging"
												use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
												vflex="true" multiple="true" height="50%" width="100%">
												<listhead
													style="background: #ffa99c">
													<listheader
														align="center" style="background: #ffa99c"
														image="/gui/img/create_doc.gif"
														label="${c:l('editarConexionPorRutaController.labelLocalidadesComunsAB.value')}"
														width="80%" />
													<listheader
														align="center" label="" width="20%" />
												</listhead>
											</listbox>
										</center>
									</borderlayout>
								</cell>
								<cell>
									<borderlayout height="400px"
										width="100%">
										<center border="0">
											<listbox
												id="localidadesLinhaBSelecionadaList" mold="paging"
												use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
												vflex="true" multiple="true" height="50%" width="100%">
												<listhead>
													<listheader
														id="lhPermisoAuxxx" image="/gui/img/create_doc.gif"
														label="${c:l('editarConexionPorRutaController.labelLocalidadesCodigo.value')}"
														sort="auto(funcionSistema.nombfuncion)" width="20%" />
													<listheader
														align="center" image="/gui/img/create_doc.gif"
														label="Localidades Eixo B" width="65%" />
													<listheader
														align="center" label="" width="15%" />
												</listhead>
											</listbox>
										</center>
									</borderlayout>
								</cell>
								<cell>
									<borderlayout height="400px"
										width="100%">
										<center border="0">
											<listbox
												id="localidadesComunsBCList"
												style="background: #ffa99c" mold="paging"
												use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
												vflex="true" multiple="true" height="50%" width="100%">
												<listhead
													style="background: #ffa99c">
													<listheader
														align="center" style="background: #ffa99c"
														image="/gui/img/create_doc.gif"
														label="${c:l('editarConexionPorRutaController.labelLocalidadesComunsBC.value')}"
														width="80%" />
													<listheader
														align="center" label="" width="20%" />
												</listhead>
											</listbox>
										</center>
									</borderlayout>
								</cell>
								<cell>
									<borderlayout height="400px"
										width="100%">
										<center border="0">
											<listbox
												id="localidadesLinhaCSelecionadaList" mold="paging"
												use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
												vflex="true" multiple="true" height="50%" width="100%">
												<listhead>
													<listheader
														id="lhPermisoAuxx" image="/gui/img/create_doc.gif"
														label="${c:l('editarConexionPorRutaController.labelLocalidadesCodigo.value')}"
														sort="auto(funcionSistema.nombfuncion)" width="20%" />
													<listheader
														align="center" image="/gui/img/create_doc.gif"
														label="Localidades Eixo C" width="65%" />
													<listheader
														align="center" label="" width="15%" />
												</listhead>
											</listbox>
										</center>
									</borderlayout>
								</cell>
							</row>
						</rows>
					</grid>

					<div style="text-align: center;">
						<toolbar align="center">
							<button id="btnCombinarTrechos" height="15"
								label="Combinar Trechos"
								tooltiptext="${c:l('editarConexionPorRutaController.btnFechar.tooltiptext')}" />
						</toolbar>
					</div>
				</tabpanel>
				
				<!-- LOCALIDADES -->
				<tabpanel height="100%">
				
					<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>	
					
					<grid fixedLayout="true">
						<columns>
							<column width="100%" />
						</columns>
						<rows>
							<row>
								<hlayout>
									<label
										value="${c:l('editarConexionController.labelOrigenConexaoPasso1.value')}" />
									<combobox id="cmbOrigemConexao"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
										mold="rounded" buttonVisible="true" width="250px" 
										model="@{winEditarConexionPorRuta$composer.lsOrigemConexao}" />

									<label
										value="${c:l('editarConexionController.labelDestinoConexaoPasso1.value')}" />
									<combobox id="cmbDestinoConexao"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
										mold="rounded" buttonVisible="true" width="250px"
										model="@{winEditarConexionPorRuta$composer.lsDestinoConexao}"/>
										
									<label value="${c:l('editarConexionController.labelPricing.value')}" style="margin-left:30%; margin-right:10%" />
									<checkbox id="chkUtilizaPricing" style="margin-left:30%; margin-right:10%" />

									<button id="btnFiltrar" width="80px" height="25px" style="margin-left:30% "
										label="${c:l('editarConexionController.botaoFiltrar.value')}" />
										
									<button id="btnLimpraFiltros" width="100px" height="25px" style="margin-left:50% "
										label="${c:l('editarConexionController.botaoLimparFiltros.value')}" />
								</hlayout>
							</row>
							
						</rows>
					</grid>					
				
					<listbox id="localidadesCombinadasList"
						mold="paging" 
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						pageSize="15" multiple="true" height="100%" width="100%">
						<listhead>
							<listheader label="${c:l('editarConexionPorRutaController.labelOrigemConexao.value')}"
								width="50%" />
							<listheader label="${c:l('editarConexionPorRutaController.labelDestinoConexao.value')}"
								width="50%" />
							<listheader label="${c:l('editarConexionPorRutaController.labelOrigemTrecho.value')}"
								width="50%" />
							<listheader 
								label="${c:l('editarConexionPorRutaController.labelDestinoTrecho.value')}"
								width="50%" />
							<listheader label="${c:l('editarConexionPorRutaController.labelNumRuta.value')}"
								width="50%" />
							<listheader align="center"
								label="${c:l('editarConexionPorRutaController.labelGrupo.value')}"
								width="20%" />
							<listheader align="center"
								label="${c:l('editarConexionPorRutaController.labelSecuencia.value')}"
								width="20%" />
							<listheader align="center"
								label="${c:l('editarConexionController.labelPricing.value')}"
								width="20%" />

						</listhead>
					</listbox>
				</tabpanel>
				
				<!-- CANAIS DE VENDAS -->
				<tabpanel height="100%">
					<grid height="100%">
						<rows>
							<row>
								<vbox height="100%" width="100%">
									<hbox>
										<label
											value="${c:l('editarPricingController.ptovta.value')}" />
										<combobox id="cmbTipoPtovta"
											use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar"
											mold="rounded" buttonVisible="true" width="90%"
											model="@{winEditarConexionPorRuta$composer.lsTipoPtovta}" />
										<button id="btnNovoCanalVenta"
											image="/gui/img/add.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnAgencia.tooltiptext')}">
										</button>
										<button id="btnApagarCanalVenta"
											height="20" image="/gui/img/remove.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnApagarAgencia.tooltiptext')}" />
									</hbox>
									<listbox id="listEspCanal"
										height="400px"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
										multiple="false">
										<listhead sizable="true">
											<listheader
												image="/gui/img/create_doc.gif"
												sort="auto(ocupacioninicial)"
												label="${c:l('editarPricingController.ptovta.value')}" />
										</listhead>
									</listbox>
								</vbox>
							</row>
						</rows>
					</grid>
				</tabpanel>
				
				<!-- AGENCIAS -->
				<tabpanel>
					<grid>
						<rows>
							<row>
								<vbox height="100%" width="100%">
									<hbox>
										<label
											value="${c:l('editarConexionPorRutaController.labelDescPuntoVenta')}" />
										<combobox id="cmbPtovta"
											use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxPuntoVenta"
											mold="rounded" buttonVisible="true" width="90%" />
										<button id="btnNovoPuntoVenta"
											image="/gui/img/add.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnAgencia.tooltiptext')}" />
										<button id="btnApagarPuntoVenta"
											height="20" image="/gui/img/remove.png" width="35px"
											tooltiptext="${c:l('editarPricingController.btnApagarAgencia.tooltiptext')}" />
									</hbox>
									<listbox id="listPuntoVenta"
										height="400px"
										use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
										multiple="false">
										<listhead sizable="true">
											<listheader
												image="/gui/img/create_doc.gif"
												sort="auto(ocupacioninicial)"
												label="${c:l('editarConexionPorRutaController.labelDescPuntoVenta')}" />
										</listhead>
									</listbox>
								</vbox>
							</row>
						</rows>
					</grid>
				</tabpanel>
			</tabpanels>
		</tabbox>
	</window>
</zk>