
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:pe="http://primefaces.org/ui/extensions"
                xmlns:comps="http://java.sun.com/jsf/composite/comps"
                template="./formAguaEsgoto.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="centroAguaEsgoto">

        <h:form id="formDebitos">
            <p:breadCrumb>
                <p:menuitem value="home" url="/home.jsf"/>
                <p:menuitem value="#{msg_public['aguaEsgoto']}" url="/paginas/public/aguaEsgoto/formAguaEsgoto.jsf" />
                <p:menuitem value="#{msg_public['aguaEsgoto.leiturasInformadas']}" url="/paginas/public/aguaEsgoto/formLeiturasInformadas.jsf"/>
            </p:breadCrumb>

            <!-- rendered direto no ui:include não funciona aqui: problemas com o ciclo do jsf -->
            <ui:fragment rendered="#{servicosSessionMB.opcaoVOSelecionado.exibeAjuda and not empty servicosSessionMB.opcaoVOSelecionado.ajuda}">
                <ui:include src="#{pageContext.request.contextPath}/ajuda.xhtml">
                    <ui:param name="texto" value="#{servicosSessionMB.opcaoVOSelecionado.ajuda}"/>
                </ui:include>
            </ui:fragment>  

            <h:panelGroup layout="block" id="pgLeituras" styleClass="padding10px">
                <p:messages id="formMessages" showDetail="true" showSummary="false" closable="true" />
                <p:focus for="tabLeitura:iptLeitura"/>
                <p:tabView orientation="top" activeIndex="1" id="tabLeitura">
                    <p:tab title="#{msg_public['aguaEsgoto.dadosCadastrais.uc.titulo']}">
                        <comps:formCompDadosGeraisAguaEsgoto id="compDadosGerais" aguaEsgotoVO="#{dadosCadastraisAguaEsgotoMB.aguaEsgoto}"/>
                    </p:tab>
                    <p:tab title="#{msg_public['aguaEsgoto.dadosCadastrais.leitura.titulo']}" rendered="#{not leiturasInformadasMB.aguaEsgoto.empreendimento}">
                        <p:panelGrid id="pgLeituraInformada"  styleClass="grid" style="width: 99%">
                            <p:row>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.referencia']}"/></p:column>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.dadosCadastrais.tecnica.hidrometro.codigo']}"/></p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.agLeiturasInfoPK.datareferAli}">
                                        <f:convertDateTime pattern="MM/yyyy"/>
                                    </h:outputText>                                    
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.equipAli}"/>
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.minima']}"/></p:column>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.maxima']}"/></p:column>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.media']}"/></p:column>                                
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.dias']}"/></p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.leituraMinima}"/>
                                </p:column>                                
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.leituraMaximo}"/>
                                </p:column>                                
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.media}"/>
                                </p:column>                                
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.totdiasAli}"/>
                                </p:column>                                
                            </p:row>
                            <p:row>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.leituraAnterior']}"/></p:column>
                                <p:column><p:outputLabel for="iptLeitura" value="#{msg_public['aguaEsgoto.leituras.leitura']}"/></p:column>
                                <p:column><p:outputLabel for="iptDtLeitura" value="#{msg_public['aguaEsgoto.leituras.dataLeitura']}"/></p:column>
                                <p:column><h:outputLabel value="#{msg_public['aguaEsgoto.leituras.consumo']}"/></p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.leituraAnterior}"/>
                                </p:column>
                                <p:column>
                                    <p:inputNumber id="iptLeitura" value="#{leiturasInformadasMB.agLeiturasInfo.valLeitAli}"
                                                    decimalPlaces="0" thousandSeparator="" style="width: 80px;" required="true"
                                                    requiredMessage="Informe a leitura">
                                        <p:ajax event="change" update="tabLeitura:pgLeituraInformada" process="tabLeitura"/>
                                    </p:inputNumber>
                                </p:column>
                                <p:column>
                                    <p:inputMask id="iptDtLeitura" mask="99/99/9999" value="#{leiturasInformadasMB.agLeiturasInfo.dthLeitAli}" 
                                                 size="11" required="true" requiredMessage="Informe a data da leitura" converterMessage="Data da leitura invalida">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </p:inputMask>
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{leiturasInformadasMB.agLeiturasInfo.consumo}"/>
                                </p:column>                                
                            </p:row>                            
                        </p:panelGrid>
                    </p:tab>
                    <p:tab title="#{msg_public['aguaEsgoto.dadosCadastrais.leitura.titulo']}" rendered="#{leiturasInformadasMB.aguaEsgoto.empreendimento}">

                        <p:dataTable id="listaLeituraInfo" var="leituraInfo"
                                     value="#{leiturasInformadasMB.leiturasEmpreendimento}"
                                     rowKey="#{leituraInfo.chavePrimaria}"
                                     paginator="true" lazy="true"
                                     paginatorAlwaysVisible="false"
                                     paginatorPosition="bottom"
                                     rowsPerPageTemplate="5,10,20"
                                     pageLinks="4" rows="10"
                                     paginatorTemplate="#{msg_geral['geral.paginacao.registros']} {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {CurrentPageReport}"
                                     currentPageReportTemplate="#{msg_geral['geral.paginacao.pagina']} {currentPage} #{msg_geral['geral.paginacao.de']} {totalPages}"
                                     style="margin-left: 0px;">

                            <p:ajax event="page" update=":formDebitos:formMessages" process="@this"/>

                            <p:column headerText="#{msg_public['aguaEsgoto.agua.instalacao']}">
                                #{leituraInfo.agLeiturasInfoPK.instalacaoAli}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.referencia']}">
                                <h:outputText value="#{leituraInfo.agLeiturasInfoPK.datareferAli}">
                                    <f:convertDateTime pattern="MM/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.dadosCadastrais.tecnica.hidrometro.codigo']}">
                                #{leituraInfo.equipAli}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.minima']}">
                                #{leituraInfo.leituraMinima}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.maxima']}">
                                #{leituraInfo.leituraMaximo}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.media']}">
                                #{leituraInfo.media}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.dias']}">
                                #{leituraInfo.totdiasAli}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.leituraAnterior']}">
                                #{leituraInfo.leituraAnterior}
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.leitura']}">
                                <p:inputNumber id="iptLeituraDt" value="#{leituraInfo.valLeitAli}"
                                                decimalPlaces="0" thousandSeparator="" style="width: 80px;" required="true"
                                                requiredMessage="Informe a leitura">
                                    <p:ajax event="change"
                                            update=":formDebitos:tabLeitura:listaLeituraInfo:consumo"
                                            process="@this" listener="#{leiturasInformadasMB.atualizarLeiturasEditadas(leituraInfo)}"/>
                                </p:inputNumber>
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.dataLeitura']}">
                                <p:inputMask id="iptDtLeituraDt" mask="99/99/9999" value="#{leituraInfo.dthLeitAli}"
                                             size="11" required="true" requiredMessage="Informe a data da leitura" converterMessage="Data da leitura invalida">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </p:inputMask>
                            </p:column>
                            <p:column headerText="#{msg_public['aguaEsgoto.leituras.consumo']}">
                                <h:outputText value="#{leituraInfo.valLeitAli ne null ? leituraInfo.valLeitAli - leituraInfo.valLantAli : 0}" id="consumo"/>
                            </p:column>
                        </p:dataTable>
                    </p:tab>
                </p:tabView>
                <h:panelGroup layout="block" styleClass="alinhar_direita">
                    <p:commandButton value="#{msg_geral['geral.botoes.salvar']}" 
                                     actionListener="#{leiturasInformadasMB.salvar()}"
                                     partialSubmit="true" process="@this,formDebitos:tabLeitura:iptLeitura,formDebitos:tabLeitura:iptDtLeitura"
                                     icon="salvar" update=":formDebitos:formMessages"
                                     rendered="#{not leiturasInformadasMB.aguaEsgoto.empreendimento}"/>

                    <p:commandButton value="#{msg_geral['geral.botoes.salvar']}"
                                     actionListener="#{leiturasInformadasMB.salvar()}"
                                     partialSubmit="true" process="@this,formDebitos:tabLeitura:listaLeituraInfo"
                                     icon="salvar" update=":formDebitos:formMessages"
                                     rendered="#{leiturasInformadasMB.aguaEsgoto.empreendimento}"/>
                </h:panelGroup>
            </h:panelGroup>
        </h:form>        
    </ui:define>
</ui:composition>