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

<zk xmlns="http://www.zkoss.org/2005/zul">
    <window id="winConferenciaComissao"
    	 title="${c:l('conferenciaComissaoController.window.title')}"
    	 apply="${conferenciaComissaoController}"
  contentStyle="overflow:auto"
  		height="630px"
  		 width="1175px"
  		border="normal" >
        <toolbar>
            <button id="btnCerrar"
               onClick="winConferenciaComissao.detach()"
              	 image="/gui/img/exit.png" 
              	 width="35px"
           tooltiptext="${c:l('conferenciaComissaoController.btnCerrar.tooltiptext')}"/>
        </toolbar>

        <grid fixedLayout="true">
            <columns>
                <column width="20%" />
                <column width="80%" />
            </columns>
            <rows>
                <row>
                    <hbox align="center">
                    	<label value="${c:l('conferenciaComissaoController.lbCompetencia.label')}" />
                    	<label value="@{winConferenciaComissao$composer.competencia}"/>
                    </hbox>
                    <hbox align="center">
                    	<label value="${c:l('conferenciaComissaoController.lbEmpresa.value')}" />
                    	<label value="@{winConferenciaComissao$composer.empresa.nombempresa}"/>
                    </hbox>
				</row>
            </rows>
        </grid>
        
       	<listbox id="conferenciaList"
       			use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
           	  vflex="true"
       	   multiple="false"
       	   	   mold="paging"
		 autopaging="true"       	   
       	   	 height="500px">
			<listhead>
				<listheader id="lhNumPuntoVenta"
						 label="${c:l('conferenciaComissaoController.lhNumPuntoVenta.value')}"
						 width="90px"/>
				<listheader id="lhNombpuntoventa"
						 label="${c:l('conferenciaComissaoController.lhNombpuntoventa.value')}"
						 width="200px"/>
				<listheader id="${each}"
					   forEach="${winConferenciaComissao$composer.columns}"
						 label="${each}"
						 width="27px"
						 align="center">
				</listheader>
			</listhead>
       	</listbox>
        
        <grid fixedLayout="true">
        	<columns>
        		<column width="16%"/>
        		<column width="16%"/>
        		<column width="16%"/>
        		<column width="16%"/>
        		<column width="16%"/>
        		<column width="21%"/>
        	</columns>
            <rows>
            	<row spans="6">
            		<label value="${c:l('conferenciaComissaoController.lbLegenda.value')}"
            			   style="font-weight:bold;"/>
            	</row>
                <row>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.branco}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbSemMovimentacao.value')}" />
                    </hbox>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.preto}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbMaloteNaoChegou.value')}" />
                    </hbox>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.vermelho}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbNaoConferido.value')}" />
                    </hbox>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.laranja}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbConferidoSemBoleto.value')}" />
                    </hbox>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.azul}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbConferidoOkComBoleto.value')}" />
                    </hbox>
                    <hbox align="center">
                    	<image src="@{winConferenciaComissao$composer.amarelo}"/>
                    	<label value="${c:l('conferenciaComissaoController.lbConferidoPendenciaComBoleto.value')}" />
                    </hbox>
				</row>
            </rows>
        </grid>
    </window>
</zk>