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

<zk xmlns="http://www.zkoss.org/2005/zul">
	<window id="winEditarMensaje" border="normal"
		apply="${editarMensajeController}" width="600px" height="440px"
		contentStyle="overflow:auto"
		title="${c:l('editarMensajeController.window.title')}">
		<toolbar>
			<hbox spacing="5px" style="padding:1px" align="right">
				<button id="btnApagar" height="20"
					image="/gui/img/remove.png" width="35px"
					tooltiptext="${c:l('tooltiptext.btnEliminar')}" />
				<button id="btnSalvar" height="20"
					image="/gui/img/save.png" width="35px"
					tooltiptext="${c:l('tooltiptext.btnGuardar')}" />
				<button id="btnFechar" height="20"
					image="/gui/img/exit.png" width="35px"
					onClick="winEditarMensaje.detach()"
					tooltiptext="${c:l('tooltiptext.btnFechar')}" />
			</hbox>
		</toolbar>


		<tabbox id="tb">
			<tabs id="tabs">
				<tab id="tabDadosGerais"
					label="${c:l('indexController.mniMensaje.label')}" />
				<tab id="tabEmpresas"
					label="${c:l('busquedaMensajeController.empresas.label')}" />
				<tab id="tabAgencias"
					label="${c:l('busquedaMensajeController.agencias.label')}" />
			</tabs>
			<tabpanels>
				<tabpanel>
					<grid fixedLayout="true">
						<columns>
							<column width="40%" />
							<column width="60%" />
						</columns>
						<rows>
							<row>
								<label
									value="${c:l('busquedaMensajeController.dataInicial.label')}" />
								<datebox id="txtDataInicial" width="40%"
									mold="rounded" format="dd/MM/yyyy" 
									constraint="no empty" maxlength="10"
									value="@{winEditarMensaje$composer.mensaje.fecIni}" />
							</row>

							<row>
								<label
									value="${c:l('busquedaMensajeController.dataFinal.label')}" />
								<datebox id="txtDataFinal" width="40%"
									mold="rounded" format="dd/MM/yyyy" 
									constraint="no empty" maxlength="10"
									value="@{winEditarMensaje$composer.mensaje.fecFin}" />
							</row>

							<row>
								<label
									value="${c:l('busquedaMensajeController.descricao.label')}" />

								<vbox>
									<textbox id="txtDescricao" rows="5"
										cols="50"
										maxlength="500"
										value="@{winEditarMensaje$composer.mensaje.descripcion}"
										constraint="no empty">
										<attribute name="onChanging">
												<![CDATA[
			    									String texto = event.value;     
			    									contadorCarcater.setValue("" + texto.length());
			    									//contadorCarcater.value=texto.length();
												]]>
												</attribute>
											</textbox>
											<label id="contadorCarcater"/>
									
								</vbox>
							</row>
							<row>
								<label
									value="${c:l('editarMensajeController.repetir.label')}" />
								<checkbox id="chcTipo"
									value="@{winEditarMensaje$composer.mensaje.tipo}" />
							</row>

						</rows>
					</grid>

				</tabpanel>

				<tabpanel>
					<grid fixedLayout="true">
						<rows>
							<row>
								<combobox id="cmbEmpresa"
									autodrop="false" mold="rounded" buttonVisible="true"
									width="90%" model="@{winEditarMensaje$composer.lsEmpresa}"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxEstandar" />
							</row>
						</rows>
					</grid>
					<toolbar>
						<button id="btnAdicionarEmpresa" height="20"
							image="/gui/img/add.png" width="35px" />
						<button id="btnRemoverEmpresa" height="20"
							image="/gui/img/remove.png" width="35px" />
					</toolbar>
					<listbox id="empresaList"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						height="250px">
						<listhead sizable="true">
							<listheader width="10%"
								label="${c:l('busquedaMensajeController.id.label')}" />
							<listheader
								label="${c:l('editarMensajeController.empresa.label')}" />
						</listhead>
					</listbox>

				</tabpanel>

				<tabpanel>
					<grid fixedLayout="true">
						<rows>
							<row>
								<combobox id="cmbPuntoVenta"
									autodrop="false" mold="rounded" buttonVisible="true"
									width="90%"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyComboboxPuntoVenta" />
							</row>
						</rows>
					</grid>

					<toolbar>
						<button id="btnAdicionarPuntoVenta" height="20"
							image="/gui/img/add.png" width="35px" />
						<button id="btnRemoverPuntoVenta" height="20"
							image="/gui/img/remove.png" width="35px" />
					</toolbar>

					<listbox id="puntoVentaList"
						use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
						height="250px">
						<listhead sizable="true">
							<listheader width="10%"
								label="${c:l('busquedaMensajeController.id.label')}" />
							<listheader
								label="${c:l('editarMensajeController.agencia.label')}" />
						</listhead>
					</listbox>
				</tabpanel>
			</tabpanels>
		</tabbox>
	</window>
</zk>
