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

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winEditarImagem" border="normal"
            apply="${editarImagemController}"
            width="800px"  height="500px" contentStyle="overflow:auto"
            title="${c:l('editarImagemController.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('editarImagemController.btnApagar.tooltiptext')}"/>
                <button id="btnSalvar" height="20"
                        image="/gui/img/save.png" width="35px"
                        tooltiptext="${c:l('editarImagemController.btnSalvar.tooltiptext')}"/>
                <button id="btnFechar" height="20"
                        image="/gui/img/exit.png" width="35px"
                        onClick="winEditarImagem.detach()"
                        tooltiptext="${c:l('editarImagemController.btnFechar.tooltiptext')}"/>
            </hbox>
        </toolbar>

        <grid>
            <columns>
                <column width="40%" />
            </columns>
            <rows>
                <row>
                    <label id="lbNome" value="${c:l('editarImagemController.lbNome.value')}"/>
                    <textbox id="txtNome" constraint="no empty" width="100%" maxlength="30"
                             value="@{winEditarImagem$composer.imagem.nombImagem}"
                             use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox"/>
                </row>
                              
                <row >
                    <fileupload  width="60%" label="${c:l('editarImagemController.fileupload.label')}"  
                        onUpload="winEditarImagem$composer.uploadPhoto(event)"/> 
                </row>
   
            </rows>
           
        </grid>
         <image id="img" droppable="true"  style="overflow:auto" />
    </window>
</zk>
