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

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winEditarConfiguracionCategoriasPeriodo" border="normal"
            title="${c:l('editarConfiguracionCategoriaController.window.title')}"
            apply="${editarConfiguracionCategoriaPeriodoController}"
            width="600px"  height="300px" contentStyle="overflow:auto">
        <toolbar>
            <hbox spacing="5px" style="padding:1px" align="right">
                <button id="btnSalvar" height="20"
                        image="/gui/img/save.png" width="35px"
                        
                        tooltiptext="${c:l('editarConfiguracionCategoriaController.btnSalvar.tooltiptext')}"/>
                <button id="btnFechar" height="20"
                        image="/gui/img/exit.png" width="35px"
                        onClick="winEditarConfiguracionCategoriasPeriodo.detach()"
                        tooltiptext="${c:l('editarConfiguracionCategoriaController.btnFechar.tooltiptext')}"/>
            </hbox>
        </toolbar>
     
        <!--Periodo-->
        <grid fixedLayout="true">
            <columns>
                <column width="25%" />
                <column width="75%" />
            </columns>
            <rows>
                <row>
                    <label id="lbFecInicio" value="${c:l('editarConfiguracionCategoriaController.lbFecInicio.value')}"/>
                    <datebox id="fecInicio" width="50%" mold="rounded" 
                    format="dd/MM/yyyy HH:mm"/>
                </row>
                <row>
                    <label id="lbFecFinal" value="${c:l('editarConfiguracionCategoriaController.lbFecFinal.value')}"/>
                    <datebox id="fecFinal" width="50%" mold="rounded" 
                    format="dd/MM/yyyy HH:mm"/>
                </row>
                <row>
                    <label value=" " />
                    <hbox spacing="5px" style="padding:1px" align="right">
                        <button id="btnSalvarPeriodo" height="20"
                                        image="/gui/img/add.png" width="35px"
                                        tooltiptext="${c:l('editarConfiguracionCategoriaController.btnSalvar.tooltiptext')}"/>
                        <button id="btnApagarPeriodo" height="20"
                                        image="/gui/img/remove.png" width="35px"
                                        tooltiptext="${c:l('editarConfiguracionCategoriaController.btnApagar.tooltiptext')}"/>
                    </hbox>
                </row>
            </rows>
        </grid>

        <listbox id="categoriaPeriodoList" use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
                        vflex="true" multiple="false">
            <listhead sizable="true">
                <listheader id="lhFecIncio" image="/gui/img/builder.gif"
                                label="${c:l('editarConfiguracionCategoriaController.lbFecInicio.value')}"/>
                <listheader id="lhFecFim" image="/gui/img/create_doc.gif"
                                label="${c:l('editarConfiguracionCategoriaController.lbFecFinal.value')}"/>
            </listhead>
        </listbox>              
    </window>
</zk>
