SISVECOM/apc-web/src/main/webapp/dashboard.xhtml

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/WEB-INF/template.xhtml">
    <ui:define name="head">
        <h:outputScript library="js" name="scriptGeneric/dialogGeneric.js" />
    </ui:define>
    <ui:define name="breadcrumb">
        <li><p:link outcome="#{i18n['outcome.dashboard']}">#{i18n['dashboard.title']}</p:link></li>
    </ui:define>

    <ui:define name="content">
        <div class="ui-g">
            <div class="ui-g-12">

                <h:form id="dashboardResumen">
                    <p:growl id="msgs" showDetail="true"/>

                    <style type="text/css">
                        .redRow {
                            background-color: #ff0000 !important;
                            background-image: none !important;
                            color: #000000 !important;
                        }
                        .yellowRow {
                            background-color: #ffff00 !important;
                            background-image: none !important;
                            color: #000000 !important;
                        }
                    </style>

                    <div class="ui-g-12">
                        <div class="card">
                            <h4 style="font-weight: bold; " >Historial de ventas por cliente</h4>
                            <p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">

                                <h:panelGroup id="customerLoanPnlGrp" styleClass="md-inputfield">
                                    <p:selectOneMenu style="width:100%"
                                                     filter="true"
                                                     filterMatchMode="contains"
                                                     value="#{dashboardManager.customerId}" 
                                                     id="customerLoan"  >
                                        <f:selectItem itemLabel="Selecciona un cliente.." itemValue="" />
                                        <f:selectItems value="#{dashboardManager.customers}" var="customers" itemLabel="#{customers.fullName}" itemValue="#{customers.id}" />
                                    </p:selectOneMenu>
                                    <p:message for="customerLoan" display="text"/>
                                </h:panelGroup>
                                <h:panelGroup styleClass="md-inputfield">
                                    <p:commandButton value="#{i18n['general.search']}"
                                                     update="dtLoan"
                                                     action="#{dashboardManager.getLoansByCustomer()}">
                                    </p:commandButton>
                                </h:panelGroup>
                            </p:panelGrid>

                            <p:dataTable widgetVar="dtLoan" id="dtLoan" var="loan" draggableRows="true" draggableColumns="true" value="#{dashboardManager.loan}" style="margin-bottom:20px" reflow="true" rowsPerPageTemplate="5,10,25,50,100" emptyMessage="#{i18n['admin.loans.datatable.empty']}"
                                         rowKey="#{loan.id}" selection="#{dashboardManager.selectedLoan}" editable="true" selectionMode="single" paginator="true" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">

                                <f:facet name="header">
                                    <p:commandButton id="toggler" type="button" value="Columnas" style="float:left;" styleClass="amber-btn flat" icon="ui-icon-calendar"/>
                                    <p:columnToggler datasource="dtLoan" trigger="toggler" />

                                    <p:outputPanel>
                                        <h:outputText value="#{i18n['general.search']}: " />
                                        <p:inputText id="globalFilter" onkeyup="PF('dtLoan').filter()" style="width:150px;color: #000000;"/>
                                    </p:outputPanel>

                                </f:facet>

                                <p:column headerText="#{i18n['admin.loans.datatable.column.endorsement']}" sortBy="#{loan.endorsement.fullName}" filterBy="#{loan.endorsement.fullName}">
                                    <h:outputText value="#{loan.endorsement.fullName}" />
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.amountPaid']}" sortBy="#{loan.loanType.payment}" filterBy="#{loan.loanType.payment}">
                                    <h:outputText value="#{loan.loanType.payment}">
                                        <f:convertNumber pattern="¤#,##0.00" locale="en_US" currencySymbol="$" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="Tipo de venta" sortBy="#{loan.loanTypeByDays}" filterBy="#{loan.loanTypeByDays}" filterMatchMode="contains">
                                    <h:outputText value="#{loan.loanTypeByDays}" />
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.loan.amountToPaid']}" sortBy="#{loan.amountToPay}" filterBy="#{loan.amountToPay}">
                                    <h:outputText value="#{loan.amountToPay}">
                                        <f:convertNumber pattern="¤#,##0.00" locale="en_US" currencySymbol="$" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.loan.amountPaid']}" sortBy="#{loan.amountPaid}" filterBy="#{loan.amountPaid}">
                                    <h:outputText value="#{loan.amountPaid}">
                                        <f:convertNumber pattern="¤#,##0.00" locale="en_US" currencySymbol="$" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.loan.saldo']}" sortBy="#{loan.amountToPay - loan.amountPaid}" filterBy="#{loan.amountToPay - loan.amountPaid}">
                                    <h:outputText value="#{loan.amountToPay - loan.amountPaid}">
                                        <f:convertNumber pattern="¤#,##0.00" locale="en_US" currencySymbol="$" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['admin.customers.detail.datatable.column.totalFee']}" sortBy="#{loan.totalFeeByLoan}" filterBy="#{loan.totalFeeByLoan}">
                                    <h:outputText value="#{loan.totalFeeByLoan}" />
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.loanStatus']}" sortBy="#{loan.loanStatus.value}" filterBy="#{loan.loanStatus.value}">
                                    <h:outputText value="#{loan.loanStatus.value}" />
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.createdOn']}" sortBy="#{loan.createdOn}" filterBy="#{loan.createdOn}">
                                    <h:outputText value="#{loan.createdOn}">
                                        <f:convertDateTime type="date" locale="es" timeZone="GMT-6" pattern="dd - MMMM - yyyy"/>
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['admin.loans.datatable.column.asesor']}" sortBy="#{loan.asesor}" filterBy="#{loan.asesor}">
                                    <h:outputText value="#{loan.asesor}" />
                                </p:column>

                                <p:column headerText="Acción" style="text-align: center">
                                    <p:button 
                                        icon="ui-icon-search" 
                                        class="ui-button-icon-only green-pixcua" 
                                        outcome="#{i18n['outcome.dashboard.loan.detail']}">
                                        <f:param name="selectedId" value="#{loan.id}"/>
                                    </p:button>
                                </p:column>

                            </p:dataTable>
                            <p:contextMenu for="dtLoan">
                                <p:menuitem value="Cambiar propietario" icon="ui-icon-people" onclick="PF('dlg2').show();" update="dtLoan,:dashboardResumen:msgs" />
                                <p:menuitem rendered="#{dashboardManager.getAction()}" value="Agregar abono" icon="ui-icon-check" onclick="PF('dlg3').show();" update="dtLoan,:dashboardResumen:msgs"/>
                                <p:menuitem value="Agregar depósito" icon="ui-icon-check" onclick="PF('dlg7').show();" update="dtLoan,:dashboardResumen:msgs"/>
                                <p:menuitem rendered="#{dashboardManager.getAction()}" value="Agregar multa" icon="ui-icon-close" onclick="PF('dlg4').show();" update="dtLoan,:dashboardResumen:msgs" />
                                <p:menuitem value="Cambiar préstamo" icon="ui-icon-edit" onclick="PF('dlg5').show();" update="dtLoan,:dashboardResumen:msgs" />
                                <p:menuitem value="Cambiar ruta" icon="ui-icon-edit" onclick="PF('dlg6').show();" update="dtLoan,:dashboardResumen:msgs" />
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.deleted') and dashboardManager.getAction()}" onclick="PF('dlg9').show();" value="Borrar abono del día" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-remove">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.deleted') and dashboardManager.getAction()}" onclick="PF('dlg10').show();" value="Borrar multa del día" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-remove">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.deleted')}" onclick="PF('dlg8').show();" value="Borrar" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-close">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.deleted')}" onclick="PF('dlg12').show();" value="Finalizar" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-close">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Bono cliente nuevo" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-check" actionListener="#{dashboardManager.changeBonusNewCustomer()}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Bono cliente nuevo" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-close" actionListener="#{dashboardManager.removeBonusNewCustomer()}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Fecha de liberación" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-edit" actionListener="#{dashboardManager.updateReleaseDate()}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Permitir renovar" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-edit" actionListener="#{dashboardManager.allowRenew()}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Congelar" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-edit" actionListener="#{dashboardManager.changeFrozenStatus(true)}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                                <p:menuitem rendered="#{loginBean.isUserInRole('admin.loan.updated')}" value="Descongelar" update="dtLoan,:dashboardResumen:msgs" icon="ui-icon-edit" actionListener="#{dashboardManager.changeFrozenStatus(false)}">
                                    <p:confirm message="#{i18n['general.confirm.confirm']}" /> 
                                </p:menuitem>
                            </p:contextMenu>
                            <p:confirmDialog header="Confirmación" global="true" showEffect="fade" hideEffect="fade">
                                <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="pi pi-check" />
                                <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="pi pi-times" />
                            </p:confirmDialog>

                        </div>
                    </div>
                </h:form>

                <h:form id="loanForm">
                    <p:growl id="msgsDialog" showDetail="true"/>
                    <p:dialog  widgetVar="dlg2" width="30%" id="loanDialog" header="Cambiar propietario" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.userId}" 
                                             id="userSearch" required="true" 
                                             requiredMessage="#{i18n['admin.loan.form.user.require.msg.empty']}">
                                <f:selectItem itemLabel="Selecciona un asesor.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.users}" var="user" itemLabel="#{user.humanResource.firstName} #{user.humanResource.lastName}" itemValue="#{user.id}" />
                            </p:selectOneMenu>
                            <p:message for="userSearch" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.changeOwner}" oncomplete="validNewObjectGeneric(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog,loanDialog"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="loanForm2">
                    <p:growl id="msgsDialog2" showDetail="true"/>
                    <p:dialog  widgetVar="dlg3" width="30%" id="loanDialog2" header="Agregar abono" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="payment" value="#{dashboardManager.payment}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.moneyDaily.form.field.amount']}</label>
                            <p:message for="payment" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.userId}" 
                                             id="userSearch" required="true" 
                                             requiredMessage="#{i18n['admin.loan.form.user.require.msg.empty']}">
                                <f:selectItem itemLabel="Selecciona un asesor.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.users}" var="user" itemLabel="#{user.humanResource.firstName} #{user.humanResource.lastName}" itemValue="#{user.id}" />
                            </p:selectOneMenu>
                            <p:message for="userSearch" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="comments" value="#{dashboardManager.comments}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.loan.form.field.comments']}</label>
                            <p:message for="comments" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton2" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.addPayment()}" oncomplete="validNewObjectGeneric2(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog2,loanDialog2"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="loanForm3">
                    <p:growl id="msgsDialog3" showDetail="true"/>
                    <p:dialog  widgetVar="dlg4" width="30%" id="loanDialog3" header="Agregar multa" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="fee" value="#{dashboardManager.fee}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.moneyDaily.form.field.amount']}</label>
                            <p:message for="fee" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.userId}" 
                                             id="userSearch2" required="true" 
                                             requiredMessage="#{i18n['admin.loan.form.user.require.msg.empty']}">
                                <f:selectItem itemLabel="Selecciona un asesor.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.users}" var="user" itemLabel="#{user.humanResource.firstName} #{user.humanResource.lastName}" itemValue="#{user.id}" />
                            </p:selectOneMenu>
                            <p:message for="userSearch2" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="comments2" value="#{dashboardManager.comments}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.loan.form.field.comments']}</label>
                            <p:message for="comments2" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton2" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.addFee()}" oncomplete="validNewObjectGeneric3(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog3,loanDialog3"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="loanForm4">
                    <p:growl id="msgsDialog4" showDetail="true"/>
                    <p:dialog  widgetVar="dlg5" width="30%" id="loanDialog4" header="Modificar monto a vender" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.loanTypeId}" 
                                             id="userSearch4" required="true" 
                                             requiredMessage="El tipo de préstamo es obligatorio">
                                <f:selectItem itemLabel="Selecciona un tipo de venta.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.loanType}" var="loanType" itemLabel="#{loanType.loanTypeName}" itemValue="#{loanType.id}" />
                            </p:selectOneMenu>
                            <p:message for="userSearch4" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora2" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora2" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton3" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.changeLoanType()}" oncomplete="validNewObjectGeneric4(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog4,loanDialog4"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="loanForm5">
                    <p:growl id="msgsDialog5" showDetail="true"/>
                    <p:dialog  widgetVar="dlg6" width="30%" id="loanDialog5" header="Cambiar ruta" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.routeId}" 
                                             id="routeSearch" required="true" 
                                             requiredMessage="La ruta es obligatoria">
                                <f:selectItem itemLabel="Selecciona una ruta.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.route}" var="route" itemLabel="#{route.route}" itemValue="#{route.id}" />
                            </p:selectOneMenu>
                            <p:message for="routeSearch" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton4" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.changeRoute}" oncomplete="validNewObjectGeneric5(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog5,loanDialog5"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="loanForm6">
                    <p:growl id="msgsDialog6" showDetail="true"/>
                    <p:dialog  widgetVar="dlg7" width="30%" id="loanDialog6" header="Agregar depósito" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="paymentDeposit" value="#{dashboardManager.payment}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.moneyDaily.form.field.amount']}</label>
                            <p:message for="paymentDeposit" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:selectOneMenu style="width:100%"
                                             filter="true"
                                             filterMatchMode="contains"
                                             value="#{dashboardManager.userId}" 
                                             id="userSearchDeposit" required="true" 
                                             requiredMessage="#{i18n['admin.loan.form.user.require.msg.empty']}">
                                <f:selectItem itemLabel="Selecciona un asesor.." itemValue="" />
                                <f:selectItems value="#{dashboardManager.users}" var="user" itemLabel="#{user.humanResource.firstName} #{user.humanResource.lastName}" itemValue="#{user.id}" />
                            </p:selectOneMenu>
                            <p:message for="userSearchDeposit" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsDeposit" value="#{dashboardManager.comments}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>#{i18n['admin.loan.form.field.comments']}</label>
                            <p:message for="commentsDeposit" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButton5" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.addDeposit()}" oncomplete="validNewObjectGeneric6(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialog6,loanDialog6"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="bitacoraForm">
                    <p:growl id="msgsDialogBitacora" showDetail="true"/>
                    <p:dialog  widgetVar="dlg8" width="30%" id="loanDialogBitacora" header="Eliminar préstamo" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButtonBitacora" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.deleteLoan}" oncomplete="validNewObjectGeneric7(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialogBitacora,loanDialogBitacora"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="bitacoraForm1">
                    <p:growl id="msgsDialogBitacora1" showDetail="true"/>
                    <p:dialog  widgetVar="dlg9" width="30%" id="loanDialogBitacora1" header="Eliminar abono del día" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora1" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora1" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButtonBitacora1" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.deletePaymentLoan}" oncomplete="validNewObjectGeneric8(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialogBitacora1,loanDialogBitacora1"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="bitacoraForm2">
                    <p:growl id="msgsDialogBitacora2" showDetail="true"/>
                    <p:dialog  widgetVar="dlg10" width="30%" id="loanDialogBitacora2" header="Eliminar multa del día" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora2" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora2" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButtonBitacora2" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.deleteFeeLoan}" oncomplete="validNewObjectGeneric9(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialogBitacora2,loanDialogBitacora2"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="bitacoraForm3">
                    <p:growl id="msgsDialogBitacora3" showDetail="true"/>
                    <p:dialog  widgetVar="dlg11" width="30%" id="loanDialogBitacora3" header="Cambiar a aprobado" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora3" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora3" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButtonBitacora3" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.changeApprovedStatus}" oncomplete="validNewObjectGeneric10(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialogBitacora3,loanDialogBitacora3"/>
                        </div>
                    </p:dialog>
                </h:form>

                <h:form id="bitacoraForm4">
                    <p:growl id="msgsDialogBitacora4" showDetail="true"/>
                    <p:dialog  widgetVar="dlg12" width="30%" id="loanDialogBitacora4" header="Cambiar a finalizado" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
                        <br></br>
                        <h:panelGroup styleClass="md-inputfield" >
                            <p:inputText id="commentsBitacora4" value="#{dashboardManager.commentsBitacora}" autocomplete="off" style="width: 100%;">
                            </p:inputText>
                            <label>Comentarios</label>
                            <p:message for="commentsBitacora4" display="text"/>
                        </h:panelGroup>
                        <br></br>
                        <div class="ui-g-12">
                            <p:commandButton id="addButtonBitacora4" value="#{i18n['button.save']}"  actionListener="#{dashboardManager.changeFinishStatus}" oncomplete="validNewObjectGeneric11(xhr, status, args)" update=":dashboardResumen:dtLoan,msgsDialogBitacora4,loanDialogBitacora4"/>
                        </div>
                    </p:dialog>
                </h:form>

            </div>
        </div>
    </ui:define>

</ui:composition>