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

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winEditarProductoServicio" border="normal"
            apply="${editarProductoServicioController}"
            height="550px" width="920px" contentStyle="overflow:auto"
            title="${c:l('editarProductoServicioController.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('editarProductoServicioController.btnApagarProductoServicio.tooltiptext')}"/>
                <button id="btnSalvar" height="20"
                        image="/gui/img/save.png" width="35px"
                        tooltiptext="${c:l('editarProductoServicioController.btnSalvar.tooltiptext')}"/>
                <button id="btnFechar" height="20"
                        image="/gui/img/exit.png" width="35px"
                        tooltiptext="${c:l('editarProductoServicioController.btnFechar.tooltiptext')}"/>
            </hbox>
        </toolbar>
       
        <grid fixedLayout="false">
            <columns>
                <column width="25%"/>
                <column width="25%"/>
                <column width="25%"/>
                <column width="25%"/>
            </columns>
            <rows>
                <row spans="1,3">
                    <label value="${c:l('editarProductoServicioController.desc.title')}"/>
                    <textbox id="txtDescripcion" constraint="no empty" width="80%" maxlength="30"
                             value="@{winEditarProductoServicio$composer.productoServicio.descproductoservicio}"
                             use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox"/>
                </row>
                <row spans="1,3"  visible="false">
                    <label value="${c:l('editarProductoServicioController.Tipo.label')}"/>
                    <radiogroup >
                        <hbox align="center" >
                            <radio Id="rdTipoSer" label="${c:l('editarProductoServicioController.Servicio.label')}" value="S" checked="true"/>
                            <radio Id="rdTipoPro" label="${c:l('editarProductoServicioController.Produto.label')}" value="P" />
                        </hbox>
                    </radiogroup>
                </row>
                <row valign="top">
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodFormaPago.value')}:" />
                                <button id="btnNovoProdFormaPago" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdFormaPago.tooltiptext')}" />
                                <button id="btnApagarProdFormaPago" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdFormaPago.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodFormaPagoList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="100%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdFormaPagoController.FormaPago.value')}"
                                 sort="auto(formaPago.descpago)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodTipoptovta.value')}:" />
                                <button id="btnNovoProdTipoptovta" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoTipoptovta.tooltiptext')}" />
                                <button id="btnApagarProdTipoptovta" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarTipoptovta.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodTipoptovtaList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="100%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdTipoptovtaController.TipoPuntoVenta.value')}"
                                 sort="auto(tipoPtovta.desctipo)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodPuntoVenta.value')}:" />
                                <button id="btnNovoProdPuntoVenta" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdPuntoVenta.tooltiptext')}" />
                                <button id="btnApagarProdPuntoVenta" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdPuntoVenta.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodPuntoVentaList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                            height="147px">
                            <listhead sizable="true">
                                <listheader width="100%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdPuntoVentaController.PuntoVenta.value')}"
                                 sort="auto(puntoVenta.nombpuntoventa)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodVigencia.value')}:" />
                                <button id="btnNovoProdVigencia" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoVigencia.tooltiptext')}" />
                                <button id="btnApagarProdVigencia" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarVigencia.tooltiptext')}"/>
                                <button id="btnModificarProdVigencia" image="/gui/img/edit.png" height="6" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnModificarVigencia.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodVigenciaList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="50%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdVigenciaController.lbFecInicio.value')}"
                                 sort="auto(fecvigenciainicio)"/>
                                <listheader width="50%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdVigenciaController.lbFecFinal.value')}"
                                 sort="auto(fecvigenciafin)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    
                </row>

                <row valign="top">
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodRuta.value')}:" />
                                <button id="btnNovoProdRuta" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdRuta.tooltiptext')}" />
                                <button id="btnApagarProdRuta" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdRuta.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodRutaList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="100%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdRutaController.Ruta.value')}"
                                 sort="auto(ruta.descruta)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodMercado.value')}:" />
                                <button id="btnNovoProdMercado" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdMercado.tooltiptext')}" />
                                <button id="btnApagarProdMercado" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdMercado.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodMercadoList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="50%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdMercadoController.cveOrigem.value')}"
                                 sort="auto(parada1.descparada)"/>
                                <listheader width="50%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdMercadoController.cveDestino.value')}"
                                 sort="auto(parada.descparada)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodClaseServicio.value')}:" />
                                <button id="btnNovoProdClaseServicio" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdClaseServicio.tooltiptext')}" />
                                <button id="btnApagarProdClaseServicio" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdClaseServicio.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodClaseServicioList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="100%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProductoServicioController.prodClaseServicio.value')}"
                                 sort="auto(claseServicio.descclase)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                    <vbox height="150px">
                        <toolbar>
                            <hbox spacing="5px" style="padding:1px" align="right">
                                <label value="${c:l('editarProductoServicioController.prodMarca.value')}:" />
                                <button id="btnNovoProdMarca" image="/gui/img/add.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnNovoProdMarca.tooltiptext')}" />
                                <button id="btnApagarProdMarca" height="6"
                                            image="/gui/img/remove.png" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnApagarProdMarca.tooltiptext')}"/>
                                <button id="btnModificarProdMarca" image="/gui/img/edit.png" height="6" width="35px"
                                            tooltiptext="${c:l('editarProductoServicioController.btnModificarProdMarca.tooltiptext')}"/>
                            </hbox>
                        </toolbar>
                        <listbox id="prodMarcaList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox" multiple="false"
                        height="147px">
                            <listhead sizable="true">
                                <listheader width="65%" image="/gui/img/builder.gif"
                                 label="${c:l('editarProdMarcaController.ProdMarca.value')}"
                                 sort="auto(marca.descmarca)"/>
                            </listhead>
                        </listbox>
                    </vbox>
                </row>
            </rows>
        </grid>
    </window>
</zk>
