<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:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:comps="http://java.sun.com/jsf/composite/comps"
                template="./formAguaEsgoto.xhtml">
    <ui:define name="centroAguaEsgoto">
        <comps:formCompSelecionarConvenio id="compSelecionarConvenio"
                                          dialogId="selecionarConvenioDialog"
                                          titulo="#{msg_public['financeiro.consultarConvenio.titulo']}"
                                          descricao="#{msg_public['aguaEsgoto.conta.consultarConvenio.descricao']}"
                                          labelVencimento="#{msg_public['financeiro.consultarConvenio.vencimento.titulo']}"
                                          tooltipVencimento="#{msg_public['financeiro.consultarConvenio.vencimento.tooltip']}"
                                          labelConvenio="#{msg_public['financeiro.consultarConvenio.convenio.titulo']}"
                                          podeSelecionarVencimento="#{false}"
                                          value="#{contaAguaEsgotoMB.convenio}"
                                          listagemConvenios="#{contaAguaEsgotoMB.convenios}"
                                          action="#{contaAguaEsgotoMB.selecionarConvenioClick()}"
                                          ajaxOK="false"
                                          onOKClick="this.form.target='_blank';"/>
        <h:outputScript library="js" name="util.js"/>
        <h:form id="formConta">

            <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.conta']}" url="/paginas/public/aguaEsgoto/formConta.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 id="pgNumeroInscricao" layout="block" styleClass="conteudoFuncionalidade padding10px">
                <p:messages id="formMessages" for="formMessages" showDetail="true" showSummary="false"/>

                <p:panelGrid styleClass="grid" style="width: 100%" rendered="#{empty contaAguaEsgotoMB.debitos}">
                    <p:row>
                        <p:column styleClass="ui-widget-header" style="text-align: left;">
                            <h:outputLabel value="#{msg_public['aguaEsgoto.conta.dados.titulo']}"/>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <comps:formCompDadosGeraisAguaEsgoto id="compDadosGerais"
                                                                 aguaEsgotoVO="#{servicosSessionMB.aguaEsgoto}"/>
                        </p:column>
                    </p:row>
                </p:panelGrid>

                <p:tabView orientation="top" activeIndex="1" rendered="#{not empty contaAguaEsgotoMB.debitos}">
                    <p:tab title="#{msg_public['aguaEsgoto.conta.dados.titulo']}">
                        <comps:formCompDadosGeraisAguaEsgoto id="compDadosGerais"
                                                             aguaEsgotoVO="#{servicosSessionMB.aguaEsgoto}"/>
                    </p:tab>
                    <p:tab title="#{msg_public['aguaEsgoto.conta.divida.titulo']}">
                        <p:messages id="contasMessages" for="contasMessages" showDetail="true" showSummary="false"/>
                        <p:dataTable id="dataTableDados" var="debito"
                                     value="#{contaAguaEsgotoMB.debitos}"
                                     selection="#{contaAguaEsgotoMB.debitoSelecionado}"
                                     rowKey="#{debito.chavePrimaria}"
                                     disabledSelection="#{contaAguaEsgotoMB.isPermiteSelecao(debito)}"
                                     emptyMessage="#{msg_public['aguaEsgoto.conta.divida.texto.tabelaVazia']}"
                                     paginator="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: 0 px;">
                            <p:ajax event="rowSelectRadio"
                                    update=":formConta, :compSelecionarConvenio:selecionarConvenioDialogForm"
                                    listener="#{contaAguaEsgotoMB.onSelectConta()}"/>
                            <p:columnGroup type="header">
                                <p:row>
                                    <p:column style="width: 18px"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.codigo']}"
                                              sortBy="#{debito.codigoDivida}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.exercicio']}"
                                              sortBy="#{debito.anoDivida}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.mes']}"
                                              sortBy="#{debito.mes}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.vencimento']}"
                                              sortBy="#{debito.dataVencimento}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.leitura.anterior']}"
                                              sortBy="#{debito.leituraValorAnterior}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.leitura.atual']}"
                                              sortBy="#{debito.leituraValorAtual}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.leitura.data']}"
                                              sortBy="#{debito.leituraData}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.leitura.consumo']}"
                                              sortBy="#{debito.consumo}"/>
                                    <p:column
                                            headerText="#{msg_public['aguaEsgoto.conta.divida.leitura.consumoFaturado']}"
                                            sortBy="#{debito.consumoFaturado}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.valorServicos']}"
                                              sortBy="#{debito.valorServicos}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.valor']}"
                                              sortBy="#{debito.valorOriginal}"/>
                                    <p:column headerText="#{msg_public['aguaEsgoto.conta.divida.valorTotal']}"
                                              sortBy="#{debito.valorTotal}"/>
                                </p:row>
                            </p:columnGroup>
                            <p:column selectionMode="single" style="width: 18px">
                            </p:column>
                            <p:column style="text-align: center;"><h:outputText
                                    value="#{debito.codigoDivida}"/></p:column>
                            <p:column style="text-align: center;"><h:outputText value="#{debito.anoDivida}"/></p:column>
                            <p:column style="text-align: center;"><h:outputText value="#{debito.mes}"/></p:column>
                            <p:column style="text-align: center;">
                                <h:outputText value="#{debito.dataVencimento}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.consumoAguaEsgoto.leituraValorAnteriorInteger}"/>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.consumoAguaEsgoto.leituraValorAtualInteger}"/>
                            </p:column>
                            <p:column style="text-align: center;">
                                <h:outputText value="#{debito.leituraData}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.consumoAguaEsgoto.consumoInteger}"/>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.consumoAguaEsgoto.consumoFaturadoInteger}"/>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.valorServicos}">
                                    <f:convertNumber pattern="###,###,##0.00" minFractionDigits="2"
                                                     maxFractionDigits="2"/>
                                </h:outputText>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.valorOriginal}">
                                    <f:convertNumber pattern="###,###,##0.00" minFractionDigits="2"
                                                     maxFractionDigits="2"/>
                                </h:outputText>
                            </p:column>
                            <p:column style="text-align: right;">
                                <h:outputText value="#{debito.valorTotal}">
                                    <f:convertNumber pattern="###,###,##0.00" minFractionDigits="2"
                                                     maxFractionDigits="2"/>
                                </h:outputText>
                            </p:column>
                        </p:dataTable>

                        <h:panelGroup layout="block" styleClass="simple-tips" style="margin-top: 5px;" id="pEmail"
                                      rendered="#{servicosApplicationMB.grConfservicosweb.permitirContaAguaEmailCswChecked}">

                            <p:messages id="mailMessages" redisplay="false" showDetail="true" showSummary="false"/>

                            <h2>Habilitar o envio das contas por e-mail?
                                <p:selectBooleanButton
                                        value="#{contaAguaEsgotoMB.habilitarEnvioContaPorEmail}"
                                        onIcon="confirmar" offIcon="cancelar"
                                        offLabel="#{msg_geral['geral.botoes.nao']}"
                                        onLabel="#{msg_geral['geral.botoes.sim']}">
                                    <p:ajax process="@this" event="change" update="pEmail"/>
                                </p:selectBooleanButton>
                            </h2>
                            <h:panelGroup rendered="#{contaAguaEsgotoMB.habilitarEnvioContaPorEmail}">
                                <label>Informe ou atualize seu e-mail: </label>
                                <p:inputText value="#{contaAguaEsgotoMB.email}" maxlength="60" size="50" required="true"
                                             requiredMessage="Informe o e-mail"/>
                            </h:panelGroup>
                            <div align="right">
                                <p:commandButton value="Confirmar"
                                                 icon="confirmar" actionListener="#{contaAguaEsgotoMB.atualizarEmail}"
                                                 process="pEmail"
                                                 update=":formConta:formMessages, mailMessages"/>
                            </div>
                        </h:panelGroup>

                        <h:panelGroup id="pgBotoes">
                            <div align="right" style="margin-top: 3px;">
                                <h:selectBooleanCheckbox value="#{contaAguaEsgotoMB.debitoAutomaticoComCodBarras}"
                                                         style="vertical-align: middle; position: relative; top: -1px;"
                                                         rendered="#{contaAguaEsgotoMB.debitoSelecionado != null and contaAguaEsgotoMB.verificarSePossuiDebitoAutomatico()}"
                                                         id="codBarras"> Débito automático com cód. barras? </h:selectBooleanCheckbox>

                                <p:commandButton value="#{msg_public['aguaEsgoto.conta.botoes.gerarConta.titulo' ]}"
                                                 title="#{msg_public['aguaEsgoto.conta.botoes.gerarConta.tooltip']}"
                                                 icon="gerar" actionListener="#{contaAguaEsgotoMB.gerarContaClick}"
                                                 disabled="#{contaAguaEsgotoMB.debitoSelecionado eq null}"
                                                 oncomplete="gerarBoletoClickHandler(xhr, status, args)"
                                                 update=":compSelecionarConvenio:selecionarConvenioDialogForm"
                                                 rendered="#{contaAguaEsgotoMB.fichaCompensacao}"/>

                                <p:commandButton value="#{msg_public['aguaEsgoto.conta.botoes.gerarConta.titulo']}"
                                                 title="#{msg_public['aguaEsgoto.conta.botoes.gerarConta.tooltip']}"
                                                 icon="gerar" ajax="false"
                                                 actionListener="#{contaAguaEsgotoMB.gerarContaClick}"
                                                 disabled="#{contaAguaEsgotoMB.debitoSelecionado eq null}"
                                                 onclick="this.form.target = '_blank';"
                                                 rendered="#{contaAguaEsgotoMB.guiaArrecadao}"
                                                 style="margin-left: 3px;"/>
                            </div>
                        </h:panelGroup>
                    </p:tab>
                </p:tabView>
            </h:panelGroup>
        </h:form>
        <script type="text/javascript">
            //<![CDATA[
            function gerarBoletoClickHandler(xhr, status, args) {
                messagesControl.messages.clear("contasMessages");
                if (args.existemContasSelecionadas) {
                    PF('selecionarConvenioDialog').show();
                } else {
                    messagesControl.messages.addError('Selecione ao menos uma dívida para geração da conta', "contasMessages");
                }
            }

            // ]]>
        </script>
    </ui:define>
</ui:composition>