
<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="./formImobiliario.xhtml">

    <ui:define name="centroImobiliario">
        <comps:formCompSelecionarConvenio id="compSelecionarConvenio"
                                          dialogId="selecionarConvenioDialog"
                                          titulo="#{msg_public['financeiro.consultarConvenio.titulo']}"
                                          descricao="#{msg_public['imobiliario.segundaViaCarneIptu.consultarConvenio.descricao.normal']}"
                                          labelVencimento="#{msg_public['financeiro.consultarConvenio.vencimento.titulo']}"
                                          tooltipVencimento="#{msg_public['financeiro.consultarConvenio.vencimento.tooltip']}"
                                          labelConvenio="#{msg_public['financeiro.consultarConvenio.convenio.titulo']}"
                                          podeSelecionarVencimento="#{false}"
                                          value="#{carneImobiliarioMB.convenio}"
                                          listagemConvenios="#{carneImobiliarioMB.convenios}"
                                          action="#{carneImobiliarioMB.selecionarConvenioClick()}"
                                          ajaxOK="false"
                                          onOKClick="this.form.target='_blank';"
                                          pagarCartao="#{servicosApplicationMB.empresa.integracaoCartaoEmp != 0}"
                                          linhaDigitavel="#{carneImobiliarioMB.linhaDigitavel}"
                                          pixCopiaCola="#{carneImobiliarioMB.pixCopiaCola}"
                                          onPagarCartaoClick="#{carneImobiliarioMB.pagarComCartao()}"
                                          onImprimirParcelaClick="#{carneImobiliarioMB.imprimirParcela()}"/>
        <h:outputScript library="js" name="util.js"/>

        <h:form id="formCarne">

            <p:breadCrumb>
                <p:menuitem value="home" url="/home.jsf"/>
                <p:menuitem value="#{msg_public['imobiliario']}" url="/paginas/public/imobiliario/formImobiliario.jsf"/>
                <p:menuitem value="#{msg_public['imobiliario.emitirCarneIptu.titulo']}"
                            url="/paginas/public/imobiliario/formSegundaViaCarneIptu.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:tabView id="tabIptu" activeIndex="1">
                    <p:tab title="#{msg_public['imobiliario.segundaViaCarneIptu.dadosGerais.titulo']}">
                        <comps:formCompDadosGeraisImobiliario id="compDadosGerais"
                                                              imobiliario="#{servicosSessionMB.imobiliario}"/>
                    </p:tab>
                    <p:tab title="#{msg_public['imobiliario.segundaViaCarneIptu.divida.titulo']}">
                        <p:messages id="carnesMessages" for="carnesMessages" showDetail="true" showSummary="false"/>
                        <p:spacer height="5"/>
                        <p:dataTable id="dataTableDados" var="carne"
                                     value="#{carneImobiliarioMB.carnes}"
                                     rowKey="#{carne.chavePrimaria}"
                                     emptyMessage="#{msg_public['imobiliario.segundaViaCarneIptu.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: 0px;">

                            <p:columnGroup type="header">
                                <p:row>
                                    <p:column rowspan="2" headerText="Parcela"/>
                                    <p:column colspan="4" headerText="Parcelas"/>
                                </p:row>
                                <p:row>
                                    <p:column headerText="Vencimento"/>
                                    <p:column headerText="Valor"/>
                                    <p:column headerText=""/>
                                </p:row>
                            </p:columnGroup>
                            <p:subTable var="parcela" value="#{carne.parcelas}">
                                <f:facet name="header">
                                    <div class="" style="display: inline-block; width: 50%; padding-top: 10px;">
                                        #{carne.descricaoReceitaPrincipal} - #{carne.exercicio} - Dívida: #{carne.codigoDivida}
                                    </div>
                                    <div style="float: right; text-align: right; width: 50%;">
                                        <p:commandButton value="Imprimir Carnê" styleClass="preto"
                                                         onstart="document.getElementById('formCarne:iptCodigoDivida').value = #{carne.codigoDivida};"
                                                         icon="imprimir" oncomplete="gerarBoletoClick(xhr, status, args)"/>
                                    </div>
                                </f:facet>
                                <p:column style="text-align: center">
                                    <h:outputText
                                            value="#{parcela.numeroParcela == 0 || parcela.numeroParcela > 90 ? carneImobiliarioMB.descricaoCotaUnica(parcela.numeroParcela) : 'Parcela - '.concat(parcela.numeroParcela)}"/>
                                </p:column>
                                <p:column style="text-align: center">
                                    <h:outputText value="#{parcela.dataVencimento}">
                                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center">
                                    <h:outputText value="#{parcela.valor}">
                                        <f:convertNumber pattern="###,###,##0.00" minFractionDigits="2"
                                                         maxFractionDigits="2"/>
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center; max-width: 100px">
                                    <div>
                                        <strong>
                                            <h:outputText value="#{parcela.mensagemVenciemto}"/>
                                        </strong>
                                    </div>
                                    <div>
                                        <p:commandButton value="Detalhes"
                                                         onstart="document.getElementById('formCarne:iptCodigoDivida').value = #{carne.codigoDivida};document.getElementById('formCarne:iptNumeroParcela').value = #{parcela.numeroParcela};"
                                                         icon="pagar" oncomplete="gerarParcelaClick(xhr, status, args)"/>
                                    </div>
                                </p:column>
                            </p:subTable>
                        </p:dataTable>

                        <h:panelGroup layout="block" styleClass="simple-tips" style="margin-top: 5px;" id="pEmail" rendered="#{servicosApplicationMB.grConfservicosweb.permitirEnvioCarneEmailCswChecked}">

                            <p:messages id="mailMessages" redisplay="false" showDetail="true" showSummary="false"/>

                            <h2>Responda abaixo, se deseja receber o carnê pelo e-mail.</h2>

                            <h:panelGroup>
                                <label>Email do proprietário: </label>
                                <p:inputText value="#{carneImobiliarioMB.emailProprietario}"
                                             maxlength="60" size="50"
                                             required="#{carneImobiliarioMB.enviarCarneEmailProp}" requiredMessage="Informe o e-mail do proprietário"/>
                                <label>Enviar carnê por e-mail? </label>
                                <p:selectBooleanButton
                                        value="#{carneImobiliarioMB.enviarCarneEmailProp}"
                                        onIcon="confirmar" offIcon="cancelar"
                                        offLabel="#{msg_geral['geral.botoes.nao']}"
                                        onLabel="#{msg_geral['geral.botoes.sim']}"/>
                            </h:panelGroup>

                            <br/>

                            <h:panelGroup>
                                <label>Email do compromissário: </label>
                                <p:inputText value="#{carneImobiliarioMB.emailCompromissario}"
                                             maxlength="60" size="50"
                                             required="#{carneImobiliarioMB.enviarCarneEmailComp}" requiredMessage="Informe o e-mail do compromissário"/>
                                <label>Enviar carnê por e-mail? </label>
                                <p:selectBooleanButton
                                        value="#{carneImobiliarioMB.enviarCarneEmailComp}"
                                        onIcon="confirmar" offIcon="cancelar"
                                        offLabel="#{msg_geral['geral.botoes.nao']}"
                                        onLabel="#{msg_geral['geral.botoes.sim']}"/>
                            </h:panelGroup>

                            <div style="alignment: right;">
                                <p:commandButton value="Confirmar"
                                                 icon="confirmar"
                                                 actionListener="#{carneImobiliarioMB.atualizarEmail}"
                                                 process="pEmail"
                                                 update=":formCarne:formMessages, pEmail, mailMessages"
                                                 ajax="true"/>
                            </div>
                        </h:panelGroup>

                        <h:panelGroup id="pgBotoes">
                            <div align="right" style="margin-top: 5px;">
                                <p:commandButton
                                        value="#{msg_public['imobiliario.segundaViaCarneIptu.botoes.imprimir.todos.titulo' ]}"
                                        title="#{msg_public['imobiliario.segundaViaCarneIptu.botoes.imprimir.todos.tooltip']}"
                                        actionListener="#{carneImobiliarioMB.imprimirTodosDebitosClick}"
                                        ajax="false" icon="imprimir"
                                        onclick="this.form.target = '_blank';"
                                        disabled="#{carneImobiliarioMB.botoesDesabilitados()}"
                                        rendered="#{not servicosApplicationMB.grConfservicosweb.desativaImprListagemIptuCswChecked}"
                                        style="margin-left: 5px;"/>
                            </div>
                        </h:panelGroup>

                    </p:tab>
                </p:tabView>
            </h:panelGroup>

            <p:commandButton actionListener="#{carneImobiliarioMB.imprimirCarne()}" style="display: none;"
                             ajax="false" onclick="this.form.target = '_blank';" id="cmImprimir"/>

            <!--actionlistener não funciona em boões e links dentro do header da subTable-->
            <p:commandButton actionListener="#{carneImobiliarioMB.gerarCarneClick()}" style="display: none;"
                             id="cmGerar" process="@form" oncomplete="gerarBoletoClickHandler(xhr, status, args)"/>

            <p:commandButton actionListener="#{carneImobiliarioMB.gerarParcelaClick()}" style="display: none;"
                             id="cmGerarParcela" process="@form"
                             update=":compSelecionarConvenio:selecionarConvenioDialog"
                             oncomplete="PF('selecionarConvenioDialog').show();"/>

            <h:inputHidden id="iptCodigoDivida" value="#{carneImobiliarioMB.codigoDividaSelecionada}"/>
            <h:inputHidden id="iptNumeroParcela" value="#{carneImobiliarioMB.numeroParcelaSelecionada}"/>

        </h:form>
        <script type="text/javascript">
            //<![CDATA[
            function gerarBoletoClickHandler(xhr, status, args) {
                if (args.abrirDialogConvenios) {
                    PF('selecionarConvenioDialog').show();
                } else {
                    performClick('formCarne', 'cmImprimir');
                }
            }

            function gerarBoletoClick(xhr, status, args) {
                performClick('formCarne', 'cmGerar');
            }

            function gerarParcelaClick(xhr, status, args) {
                performClick('formCarne', 'cmGerarParcela');
            }

            // ]]>
        </script>
    </ui:define>
</ui:composition>