SISVECOM/apc-web/src/main/webapp/app/admin/customer/index.xhtml

1467 lines
100 KiB
HTML
Raw Normal View History

2025-01-28 20:09:32 +00:00
<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="title">#{i18n['project.short.name']} - #{permission['admin.customer']}</ui:define>
<ui:define name="head">
<h:outputScript library="js" name="scriptGeneric/dialogGeneric.js" />
<h:outputScript library="serenity-layout" name="js/calendar_es.js" />
</ui:define>
<ui:define name="breadcrumb">
<li>#{i18n['admin.title']}</li>
<li>/</li>
<li><p:link outcome="#{i18n['outcome.admin.customer']}">#{permission['admin.customer']}</p:link></li>
</ui:define>
<ui:define name="content">
<div class="ui-g">
<div class="ui-g-12">
<div class="card card-w-title">
<h1>#{i18n['admin.customer']}</h1>
<h:form id="form" rendered="#{loginBean.isUserInRole('admin.customer')}">
<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>
<p:dataTable widgetVar="dtCustomer"
id="dtCustomer" lazy="true"
var="customer" draggableRows="true"
draggableColumns="true"
value="#{personCustomerBean.customerViews}"
style="margin-bottom:20px" reflow="true"
rowsPerPageTemplate="5,10,25,50,100"
emptyMessage="#{i18n['admin.customers.datatable.empty']}"
rowKey="#{customer.id}" selection="#{personCustomerBean.selectedCustomerView}"
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="dtCustomer" trigger="toggler" />
<p:commandButton type="button" value="Agregar préstamo" styleClass="amber-btn flat" style="float: right;" icon="ui-icon-plus" onclick="PF('dlg3').show();" rendered="#{loginBean.isUserInRole('admin.loan.add')}"/>
<p:commandButton type="button" value="Agregar cliente/aval" styleClass="amber-btn flat" style="float: right;" icon="ui-icon-plus" onclick="PF('dlg4').show();" rendered="#{loginBean.isUserInRole('admin.customer.add')}"/>
</f:facet>
<p:ajax event="rowEdit" listener="#{personCustomerBean.editRow}" update=":form:msgs" />
<p:ajax event="rowEditCancel" listener="#{personCustomerBean.onRowCancel}" update=":form:msgs" />
<p:ajax event="rowReorder" listener="#{personCustomerBean.onRowReorder}" update=":form:msgs" />
<p:column styleClass="#{customer.conditionStyle()}" headerText="NOMBRE " sortBy="#{customer.fullName}" filterBy="#{customer.fullName}">
<h:outputText value="#{customer.fullName}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="DIRECCION PERSONAL" sortBy="#{customer.addressHome}" filterBy="#{customer.addressHome}">
<h:outputText value="#{customer.addressHome}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="TELEFONO C" sortBy="#{customer.celular}" filterBy="#{customer.celular}">
<h:outputText value="#{customer.celular}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="DIRECCION TRABAJO" sortBy="#{customer.addressBusiness}" filterBy="#{customer.addressBusiness}">
<h:outputText value="#{customer.addressBusiness}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="COLONIA " sortBy="#{customer.colonia}" filterBy="#{customer.colonia}">
<h:outputText value="#{customer.colonia}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="RUTA " sortBy="#{customer.routeName}" filterBy="#{customer.routeName}">
<h:outputText value="#{customer.routeName}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="SUCURSAL" sortBy="#{customer.officeName}" filterBy="#{customer.officeName}">
<h:outputText value="#{customer.officeName}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="SALDO/ESTDO DE CUENTA" sortBy="#{customer.totalCreditos}" filterBy="#{customer.totalCreditos}">
<h:outputText value="#{customer.totalCreditos}" />
</p:column>
<p:column styleClass="#{customer.conditionStyle()}" headerText="TOTAL DE CREDITOS " sortBy="#{customer.totalOfLoan}" filterBy="#{customer.totalOfLoan}">
<h:outputText value="#{customer.totalOfLoan}" />
</p:column>
-
</p:dataTable>
<p:contextMenu for="dtCustomer">
<p:menuitem rendered="#{loginBean.isUserInRole('admin.customer.deleted')}" value="Borrar" update="dtCustomer,:form:msgs" icon="ui-icon-close" actionListener="#{personCustomerBean.deleteRow}">
<p:confirm message="#{i18n['general.confirm.confirm']}" />
</p:menuitem>
<p:menuitem rendered="#{loginBean.isUserInRole('admin.customer.updated')}" value="Permitir ser aval" update="dtCustomer,:form:msgs" icon="ui-icon-refresh" actionListener="#{personCustomerBean.updatePeopleTypeById}" >
<p:confirm message="#{i18n['general.confirm.confirm']}" />
</p:menuitem>
<p:menuitem value="Cambiar ruta" rendered="#{loginBean.isUserInRole('admin.customer.updated')}" onclick="PF('dlg2').show();" icon="ui-icon-edit" update="dtCustomer,:form:msgs" />
<p:menuitem value="Clasificar rojo" icon="ui-icon-edit" update="dtCustomer,:form:msgs" actionListener="#{personCustomerBean.CustomerClassification('RED')}" />
<p:menuitem value="Clasificar amarillo" icon="ui-icon-edit" update="dtCustomer,:form:msgs" actionListener="#{personCustomerBean.CustomerClassification('YELLOW')}" />
<p:menuitem value="Clasificar ninguno" icon="ui-icon-edit" update="dtCustomer,:form:msgs" actionListener="#{personCustomerBean.CustomerClassification('WHITE')}" />
</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>
</h:form>
</div>
</div>
<h:form id="routeForm">
<p:growl id="msgsDialog" showDetail="true"/>
<p:dialog widgetVar="dlg2" width="30%" id="routeDialog" 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="#{personCustomerBean.routeId}"
id="routeSearch" required="true"
requiredMessage="La ruta es obligatoria">
<f:selectItem itemLabel="Selecciona una ruta.." itemValue="" />
<f:selectItems value="#{personCustomerBean.routes}" 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="addButton" value="#{i18n['button.save']}" actionListener="#{personCustomerBean.changeRoute}" oncomplete="validNewObjectGeneric(xhr, status, args)" update=":form:dtCustomer,msgsDialog,routeDialog"/>
</div>
</p:dialog>
</h:form>
<h:form id="loanForm">
<p:growl id="msgsDialog2" showDetail="true"/>
<p:dialog widgetVar="dlg3" width="30%" id="loanDialog" header="Nuevo préstamo" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
<br></br>
<h:panelGroup id="dateStableBox" styleClass="md-inputfield">
<p:calendar id="createdOn"
value="#{personCustomerBean.createdOn}"
readonlyInput="true"
yearRange="-99:+0"
navigator="true"
locale="es"
pattern="dd - MMMM - yyyy"
required="true"
requiredMessage="Es obligatorio"
style="width: 100% !important;">
</p:calendar>
<label>#{i18n['admin.loan.form.field.createdOn']}</label>
<p:message for="createdOn" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.loanTypeId}"
id="loanTypeSearch" required="true"
requiredMessage="#{i18n['admin.loan.form.typeLoan.require.msg.empty']}">
<f:selectItem itemLabel="Selecciona un tipo de préstamo.." itemValue="" />
<f:selectItems value="#{personCustomerBean.loanType}" var="loanType" itemLabel="#{loanType.loanTypeName}" itemValue="#{loanType.id}" />
<p:ajax listener="#{personCustomerBean.calculationFunction}"
update="calculation">
</p:ajax>
</p:selectOneMenu>
<p:message for="loanTypeSearch" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:autoComplete
id="customerSearchAutoComplete"
value="#{personCustomerBean.autoCompleteCustomer}"
completeMethod="#{personCustomerBean.completeCustomer}"
required="true" style="width:100%"
requiredMessage="#{i18n['admin.loan.form.customer.require.msg.empty']}"
minQueryLength="3"
var="cstmr"
itemLabel="#{cstmr.firstName} #{cstmr.secondName} #{cstmr.lastName} #{cstmr.middleName}"
itemValue="#{cstmr}"
converter="peopleConverter"
forceSelection="true"
scrollHeight="250">
</p:autoComplete>
<label>Cliente</label>
<p:message for="customerSearchAutoComplete" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield">
<p:autoComplete
id="endorsementAutoCompelte"
value="#{personCustomerBean.autoCompleteEndorsement}"
completeMethod="#{personCustomerBean.completeEndorsement}"
required="true"
requiredMessage="#{i18n['admin.loan.form.endorsement.require.msg.empty']}"
minQueryLength="3"
var="endrsmnt"
itemLabel="#{endrsmnt.firstName} #{endrsmnt.secondName} #{endrsmnt.lastName} #{endrsmnt.middleName}"
itemValue="#{endrsmnt}"
converter="peopleConverter"
forceSelection="true"
scrollHeight="250">
</p:autoComplete>
<label>Aval</label>
<p:message for="endorsementAutoCompelte" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.userId}"
id="userSearch" required="true"
requiredMessage="#{i18n['admin.loan.form.user.require.msg.empty']}">
<f:selectItem itemLabel="Selecciona un asesor.." itemValue="" />
<f:selectItems value="#{personCustomerBean.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>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:inputText id="totalPayment" value="#{personCustomerBean.totalPayment}" autocomplete="off" style="width: 100%;">
<p:ajax listener="#{personCustomerBean.calculationFunction}"
update="calculation">
</p:ajax>
</p:inputText>
<label>#{i18n['admin.loan.form.field.totalPayment']}</label>
<p:message for="totalPayment" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:inputText id="totalFee" value="#{personCustomerBean.totalFee}" autocomplete="off" style="width: 100%;">
<p:ajax listener="#{personCustomerBean.calculationFunction}"
update="calculation">
</p:ajax>
</p:inputText>
<label>#{i18n['admin.loan.form.field.totalFee']}</label>
<p:message for="totalFee" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:inputText disabled="true" id="calculation" value="#{personCustomerBean.total}" autocomplete="off" style="width: 100%;">
</p:inputText>
<label>Saldo</label>
<p:message for="calculation" display="text"/>
</h:panelGroup>
<br></br>
<h:panelGroup styleClass="md-inputfield" >
<p:inputText id="comments" value="#{personCustomerBean.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>
<h:panelGroup id="isAprobado" styleClass="md-inputfield">
Cambiar a estatus Aprobado
<p:inputSwitch value="#{personCustomerBean.aprobado}">
</p:inputSwitch>
</h:panelGroup>
<br></br>
<h:panelGroup id="isTerminado" styleClass="md-inputfield">
Cambiar a estatus Terminado
<p:inputSwitch value="#{personCustomerBean.terminado}">
</p:inputSwitch>
</h:panelGroup>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup styleClass="md-inputfield">
<p:commandButton
id="addButton"
value="#{i18n['button.save']}"
actionListener="#{personCustomerBean.addRow}"
oncomplete="validNewObjectGeneric2(xhr, status, args)"
update=":form:dtCustomer,msgsDialog2,loanDialog"/>
</h:panelGroup>
<h:panelGroup styleClass="md-inputfield">
<p:commandButton
id="closeButton"
value="Cerrar"
immediate="true"
onclick="PF('dlg3').hide()"/>
</h:panelGroup>
</p:panelGrid>
</p:dialog>
</h:form>
<h:form id="peopleForm">
<p:growl id="msgsDialog3" showDetail="true"/>
<p:dialog widgetVar="dlg4" width="80%" height="40em" id="peopleDialog" header="Nuevo cliente/aval" modal="true" responsive="true" showEffect="clip" hideEffect="clip">
<p:ajax event="close" update="peopleForm" listener="#{personCustomerBean.limpiarForm()}"/>
<p:tabView id="tabMain">
<p:tab title="Cliente" id="tapCliente">
<!-- CONTENT for this FORM-->
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="ContratoPnlGrp" styleClass="md-inputfield">
<p:inputText id="Contrato"
style="width: 100%"
value="#{personCustomerBean.savePeople.contrato}"
autocomplete="off"
required="true"
requiredMessage="Seleccione un contrato">
</p:inputText>
<label>Contrato</label>
<p:message for="Contrato" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="peoplefirstNamePnlGrp" styleClass="md-inputfield">
<p:inputText id="firstName"
style="width: 100%"
value="#{personCustomerBean.savePeople.firstName}"
autocomplete="off"
required="true"
requiredMessage="#{i18n['admin.people.form.firstName.require.msg.empty']}">
</p:inputText>
<label>#{i18n['admin.people.dialog.firstName.title']}</label>
<p:message for="firstName" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleSecondNamePnlGrp" styleClass="md-inputfield">
<p:inputText id="secondName"
style="width: 100%"
value="#{personCustomerBean.savePeople.secondName}"
autocomplete="off">
</p:inputText>
<label>#{i18n['admin.people.dialog.secondName.title']}</label>
<p:message for="secondName" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="peopleLastNamePnlGrp" styleClass="md-inputfield">
<p:inputText id="lastName"
style="width: 100%"
value="#{personCustomerBean.savePeople.lastName}"
autocomplete="off"
required="true"
requiredMessage="#{i18n['admin.people.form.lastName.require.msg.empty']}">
</p:inputText>
<label>#{i18n['admin.people.dialog.lastName.title']}</label>
<p:message for="lastName" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleMiddleNamePnlGrp" styleClass="md-inputfield">
<p:inputText id="middleName"
style="width: 100%"
value="#{personCustomerBean.savePeople.middleName}"
autocomplete="off"
required="true"
requiredMessage="#{i18n['admin.people.form.middleName.require.msg.empty']}">
</p:inputText>
<label>#{i18n['admin.people.dialog.middleName.title']}</label>
<p:message for="middleName" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="customerPnlGrp" styleClass="md-inputfield">
#{i18n['admin.people.dialog.isCustomer.title']}
<p:inputSwitch value="#{personCustomerBean.customer}">
</p:inputSwitch>
</h:panelGroup>
<h:panelGroup id="endorsementPnlGrp" styleClass="md-inputfield">
#{i18n['admin.people.dialog.isEndorsement.title']}
<p:inputSwitch value="#{personCustomerBean.endorsement}">
</p:inputSwitch>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="3" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="peoplePhoneHomePnlGrp" styleClass="md-inputfield">
<p:inputNumber id="phoneHome"
style="width: 100%"
value="#{personCustomerBean.savePeople.phoneHome}"
autocomplete="off"
required="true"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol=""
requiredMessage="#{i18n['admin.people.form.phoneHome.require.msg.empty']}">
</p:inputNumber>
<label>#{i18n['admin.people.dialog.phoneHome.title']}</label>
<p:message for="phoneHome" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleCelularPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="celular"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalCelular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Celular</label>
<p:message for="celular" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressHomePnlGrp" styleClass="md-inputfield">
<p:inputText id="addressHome"
style="width: 100%"
value="#{personCustomerBean.savePeople.addressHome}"
autocomplete="off"
required="true"
requiredMessage="#{i18n['admin.people.form.addressHome.require.msg.empty']}">
</p:inputText>
<label>#{i18n['admin.people.dialog.addressHome.title']}</label>
<p:message for="addressHome" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCruzamientosPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressCruzamientos"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalCruzamientos}"
autocomplete="off" >
</p:inputText>
<label>Cruzamientos</label>
<p:message for="addressCruzamientos" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressColoniaPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressColonia"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalColonia}"
autocomplete="off"
required="true"
requiredMessage="Debe de capturar la colonia">
</p:inputText>
<label>Colonia</label>
<p:message for="addressColonia" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCiudadPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressCiudad"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalCiudad}"
autocomplete="off"
required="true"
requiredMessage="Debe de seleccionar una ciudad">
</p:inputText>
<label>Ciudad</label>
<p:message for="addressCiudad" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressEstadoPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressEstado"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalEstado}"
autocomplete="off"
required="true"
requiredMessage="Debe de seleccionar un estado">
</p:inputText>
<label>Estado</label>
<p:message for="addressEstado" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCPPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="CP"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalCodigoPostal}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Código postal</label>
<p:message for="CP" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressEmailPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressEmail"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalEmail}"
autocomplete="off" >
</p:inputText>
<label>E-mail</label>
<p:message for="addressEmail" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleBirthdatePnlGrp" styleClass="md-inputfield">
<p:calendar id="birthdate"
value="#{personCustomerBean.savePeople.birthdate}"
readonlyInput="true"
yearRange="-99:+0"
navigator="true"
locale="es"
pattern="dd - MMMM - yyyy"
required="true"
requiredMessage="#{i18n['admin.people.form.birthdate.require.msg.empty']}"
style="width: 100% !important;">
</p:calendar>
<label>#{i18n['admin.people.dialog.birthdate.title']}</label>
<p:message for="birthdate" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleEdadPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="edad"
style="width: 100%"
value="#{personCustomerBean.savePeople.personalEdad}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Edad</label>
<p:message for="edad" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="3" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="peoplePhoneBusinessPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="phoneBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.phoneBusiness}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>#{i18n['admin.people.dialog.phoneBusiness.title']}</label>
<p:message for="phoneBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleCelularBusinessPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="celularBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioCelular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Celular del negocio</label>
<p:message for="celularBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.addressBusiness}"
autocomplete="off" >
</p:inputText>
<label>#{i18n['admin.people.dialog.addressBusiness.title']}</label>
<p:message for="addressBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCruzamientosBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressCruzamientosBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioCruzamientos}"
autocomplete="off" >
</p:inputText>
<label>Cruzamientos del negocio</label>
<p:message for="addressCruzamientosBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressColoniaBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressColoniaBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioColonia}"
autocomplete="off" >
</p:inputText>
<label>Colonia del negocio</label>
<p:message for="addressColoniaBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCiudadBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressCiudadBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioCiudad}"
autocomplete="off" >
</p:inputText>
<label>Ciudad del negocio</label>
<p:message for="addressCiudadBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressEstadoBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressEstadoBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioEstado}"
autocomplete="off" >
</p:inputText>
<label>Estado del negocio</label>
<p:message for="addressEstadoBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressCPBusinessPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="CPBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioCodigoPostal}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Código postal del negocio</label>
<p:message for="CPBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleAddressEmailBusinessPnlGrp" styleClass="md-inputfield">
<p:inputText id="addressEmailBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.negocioEmail}"
autocomplete="off" >
</p:inputText>
<label>E-mail del negocio</label>
<p:message for="addressEmailBusiness" display="icon"/>
</h:panelGroup>
<h:panelGroup id="peopleCompanyNamePnlGrp" styleClass="md-inputfield">
<p:inputText id="companyNameBusiness"
style="width: 100%"
value="#{personCustomerBean.savePeople.companyName}"
autocomplete="off" >
</p:inputText>
<label>#{i18n['admin.people.dialog.companyName.title']}</label>
<p:message for="companyNameBusiness" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="routeSearchPnlGrp" styleClass="md-inputfield">
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.routeId}"
id="driverSearch" required="true"
requiredMessage="#{i18n['admin.people.form.route.require.msg.empty']}">
<f:selectItem itemLabel="Selecciona una ruta.." itemValue="" />
<f:selectItems value="#{personCustomerBean.routes}" var="routes" itemLabel="#{routes.route}" itemValue="#{routes.id}" />
</p:selectOneMenu>
<p:message for="routeSearchPnlGrp" display="text"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
<!-- *************************************************************************************************************** -->
<p:tab title="Fachada" id="tapFachada" disabled="#{personCustomerBean.savePeople.id==null}" >
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaColorFachadaPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaColorFachada"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaColorFachada}"
autocomplete="off" >
</p:inputText>
<label>Color de la fachada</label>
<p:message for="fachadaColorFachada" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaDecisionFachadaPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaDecisionFachada"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaDecisionFachada}"
autocomplete="off" >
</p:inputText>
<label>Descripción de la fachada</label>
<p:message for="fachadaDecisionFachada" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaDescripcionPuertaPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaDescripcionPuerta"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaDescripcionPuerta}"
autocomplete="off" >
</p:inputText>
<label>Descripción de la puerta</label>
<p:message for="fachadaDescripcionPuerta" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaDescripcionVentanasPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaDescripcionVentanas"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaDescripcionVentanas}"
autocomplete="off" >
</p:inputText>
<label>Descripción de las ventanas</label>
<p:message for="fachadaDescripcionVentanas" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaFrenteNumeroPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="fachadaFrenteNumero"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaFrenteNumero}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Frente a número</label>
<p:message for="fachadaFrenteNumero" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaEntreNumero1PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="fachadaEntreNumero1"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaEntreNumero1}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Entre número</label>
<p:message for="fachadaEntreNumero1" display="icon"/>
</h:panelGroup>
<h:panelGroup id="fachadaEntreNumero2PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="fachadaEntreNumero2"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaEntreNumero2}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Y número</label>
<p:message for="fachadaEntreNumero2" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaSenasViviendaPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaSenasVivienda"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaSenasVivienda}"
autocomplete="off" >
</p:inputText>
<label>Señas de la vivienda</label>
<p:message for="fachadaSenasVivienda" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="fachadaObservacionesParaCobradorPnlGrp" styleClass="md-inputfield">
<p:inputText id="fachadaObservacionesParaCobrador"
style="width: 100%"
value="#{personCustomerBean.savePeople.fachadaObservacionesParaCobrador}"
autocomplete="off" >
</p:inputText>
<label>Observaciones para el cobrador</label>
<p:message for="fachadaObservacionesParaCobrador" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
<!-- *************************************************************************************************************** -->
<p:tab title="Trabajo" id="tapTrabajo" disabled="#{personCustomerBean.savePeople.id==null}" >
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajo"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajo}"
autocomplete="off" >
</p:inputText>
<label>Trabajo</label>
<p:message for="trabajo" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoDomicilioPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoDomicilio"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoDomicilio}"
autocomplete="off" >
</p:inputText>
<label>Domicilio</label>
<p:message for="trabajoDomicilio" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoCruzamientosPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoCruzamientos"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoCruzamientos}"
autocomplete="off" >
</p:inputText>
<label>Cruzamientos</label>
<p:message for="trabajoCruzamientos" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoColoniaPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoColonia"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoColonia}"
autocomplete="off" >
</p:inputText>
<label>Colonia</label>
<p:message for="trabajoColonia" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoCiudadPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoCiudad"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoCiudad}"
autocomplete="off" >
</p:inputText>
<label>Ciudad</label>
<p:message for="trabajoCiudad" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoEstadoPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoEstado"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoEstado}"
autocomplete="off" >
</p:inputText>
<label>Estado</label>
<p:message for="trabajoEstado" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoCodigoPostalPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="trabajoCodigoPostal"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoCodigoPostal}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Codigo postal</label>
<p:message for="trabajoCodigoPostal" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoTurnoPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoTurno"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoTurno}"
autocomplete="off" >
</p:inputText>
<label>Turno</label>
<p:message for="trabajoTurno" display="icon"/>
</h:panelGroup>
<h:panelGroup id="trabajoDepartamentoPnlGrp" styleClass="md-inputfield">
<p:inputText id="trabajoDepartamento"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoDepartamento}"
autocomplete="off" >
</p:inputText>
<label>Departamento</label>
<p:message for="trabajoDepartamento" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="trabajoTelefono1PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="trabajoTelefono1"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoTelefono1}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono 1</label>
<p:message for="trabajoTelefono1" display="icon"/>
</h:panelGroup>
<h:panelGroup id="trabajoTelefonoExtra1PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="trabajoTelefonoExtra1"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoTelefonoExtra1}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Extra 1</label>
<p:message for="trabajoTelefonoExtra1" display="icon"/>
</h:panelGroup>
<h:panelGroup id="trabajoTelefono2PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="trabajoTelefono2"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoTelefono2}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono 1</label>
<p:message for="trabajoTelefono2" display="icon"/>
</h:panelGroup>
<h:panelGroup id="trabajoTelefonoExtra2PnlGrp" styleClass="md-inputfield">
<p:inputNumber id="trabajoTelefonoExtra2"
style="width: 100%"
value="#{personCustomerBean.savePeople.trabajoTelefonoExtra2}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Extra 1</label>
<p:message for="trabajoTelefonoExtra2" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
<!-- *************************************************************************************************************** -->
<p:tab title="Referencia 1" id="tapReferencia1" disabled="#{personCustomerBean.savePeople.id==null}" >
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1NombrePnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Nombre"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Nombre}"
autocomplete="off" >
</p:inputText>
<label>Nombre</label>
<p:message for="referencia1Nombre" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1DomicilioPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Domicilio"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Domicilio}"
autocomplete="off" >
</p:inputText>
<label>Domicilio</label>
<p:message for="referencia1Domicilio" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1CruzamientosPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Cruzamientos"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Cruzamientos}"
autocomplete="off" >
</p:inputText>
<label>Cruzamientos</label>
<p:message for="referencia1Cruzamientos" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1ColoniaPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Colonia"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Colonia}"
autocomplete="off" >
</p:inputText>
<label>Colonia</label>
<p:message for="referencia1Colonia" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1CiudadPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Ciudad"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Ciudad}"
autocomplete="off" >
</p:inputText>
<label>Ciudad</label>
<p:message for="referencia1Ciudad" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1EstadoPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Estado"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Estado}"
autocomplete="off" >
</p:inputText>
<label>Estado</label>
<p:message for="referencia1Estado" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1CodigoPostalPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia1CodigoPostal"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1CodigoPostal}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Codigo postal</label>
<p:message for="referencia1CodigoPostal" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1TelefonoParticularPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia1TelefonoParticular"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1TelefonoParticular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono particular</label>
<p:message for="referencia1TelefonoParticular" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia1CelularParticularPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia1CelularParticular"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1CelularParticular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Celular</label>
<p:message for="referencia1CelularParticular" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia1TelefonoTrabajoPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia1TelefonoTrabajo"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1TelefonoTrabajo}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono trabajo</label>
<p:message for="referencia1TelefonoTrabajo" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia1ExtraTelefonoTrabajoPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia1ExtraTelefonoTrabajo"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1ExtraTelefonoTrabajo}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Extra</label>
<p:message for="referencia1ExtraTelefonoTrabajo" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia1ParentescoPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia1Parentesco"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia1Parentesco}"
autocomplete="off" >
</p:inputText>
<label>Parentesco</label>
<p:message for="referencia1Parentesco" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
<!-- *************************************************************************************************************** -->
<p:tab title="Referencia 2" id="tapReferencia2" disabled="#{personCustomerBean.savePeople.id==null}" >
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2NombrePnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Nombre"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Nombre}"
autocomplete="off" >
</p:inputText>
<label>Nombre</label>
<p:message for="referencia2Nombre" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2DomicilioPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Domicilio"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Domicilio}"
autocomplete="off" >
</p:inputText>
<label>Domicilio</label>
<p:message for="referencia2Domicilio" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2CruzamientosPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Cruzamientos"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Cruzamientos}"
autocomplete="off" >
</p:inputText>
<label>Cruzamientos</label>
<p:message for="referencia2Cruzamientos" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2ColoniaPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Colonia"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Colonia}"
autocomplete="off" >
</p:inputText>
<label>Colonia</label>
<p:message for="referencia2Colonia" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2CiudadPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Ciudad"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Ciudad}"
autocomplete="off" >
</p:inputText>
<label>Ciudad</label>
<p:message for="referencia2Ciudad" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2EstadoPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Estado"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Estado}"
autocomplete="off" >
</p:inputText>
<label>Estado</label>
<p:message for="referencia2Estado" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2CodigoPostalPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia2CodigoPostal"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2CodigoPostal}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Codigo postal</label>
<p:message for="referencia2CodigoPostal" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2TelefonoParticularPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia2TelefonoParticular"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2TelefonoParticular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono particular</label>
<p:message for="referencia2TelefonoParticular" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia2CelularParticularPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia2CelularParticular"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2CelularParticular}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Celular</label>
<p:message for="referencia2CelularParticular" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia2TelefonoTrabajoPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia2TelefonoTrabajo"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2TelefonoTrabajo}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Telefono trabajo</label>
<p:message for="referencia2TelefonoTrabajo" display="icon"/>
</h:panelGroup>
<h:panelGroup id="referencia2ExtraTelefonoTrabajoPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="referencia2ExtraTelefonoTrabajo"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2ExtraTelefonoTrabajo}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Extra</label>
<p:message for="referencia2ExtraTelefonoTrabajo" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="referencia2ParentescoPnlGrp" styleClass="md-inputfield">
<p:inputText id="referencia2Parentesco"
style="width: 100%"
value="#{personCustomerBean.savePeople.referencia2Parentesco}"
autocomplete="off" >
</p:inputText>
<label>Parentesco</label>
<p:message for="referencia2Parentesco" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
<!-- *************************************************************************************************************** -->
<p:tab title="Datos credito" id="tapDatosCredito" disabled="#{personCustomerBean.savePeople.id==null}" >
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoFechaCompraPnlGrp" styleClass="md-inputfield">
<p:calendar id="datosCreditoFechaCompra"
value="#{personCustomerBean.savePeople.datosCreditoFechaCompra}"
readonlyInput="true"
yearRange="-99:+0"
navigator="true"
locale="es"
pattern="dd - MMMM - yyyy"
style="width: 100% !important;">
</p:calendar>
<label>Fecha compra</label>
<p:message for="datosCreditoFechaCompra" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoPrimerPagoPnlGrp" styleClass="md-inputfield">
<p:calendar id="datosCreditoPrimerPago"
value="#{personCustomerBean.savePeople.datosCreditoPrimerPago}"
readonlyInput="true"
yearRange="-99:+0"
navigator="true"
locale="es"
pattern="dd - MMMM - yyyy"
style="width: 100% !important;">
</p:calendar>
<label>Primer pago</label>
<p:message for="datosCreditoPrimerPago" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoEntradaEnPnlGrp" styleClass="grid-radio">
<label>Entrega en</label>
<p:selectOneRadio id="datosCreditoEntradaEn" value="#{personCustomerBean.savePeople.datosCreditoEntradaEn}" layout="responsive" columns="2">
<f:selectItem itemLabel="CASA" itemValue="CASA"/>
<f:selectItem itemLabel="TRABAJO" itemValue="TRABAJO"/>
</p:selectOneRadio>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoCobrarEnEnPnlGrp" styleClass="grid-radio">
<label>Cobrar en</label>
<p:selectOneRadio id="datosCreditoCobrarEn" value="#{personCustomerBean.savePeople.datosCreditoCobrarEn}" layout="responsive" columns="2">
<f:selectItem itemLabel="CASA" itemValue="CASA"/>
<f:selectItem itemLabel="TRABAJO" itemValue="TRABAJO"/>
</p:selectOneRadio>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoFormaPagoEnEnPnlGrp" styleClass="grid-radio">
<label>Forma de pago</label>
<p:selectOneRadio id="datosCreditoFormaPago" value="#{personCustomerBean.savePeople.datosCreditoFormaPago}" layout="responsive" columns="3">
<f:selectItem itemLabel="SEMANAL" itemValue="SEMANAL"/>
<f:selectItem itemLabel="QUINCENA" itemValue="QUINCENA"/>
<f:selectItem itemLabel="MENSUAL" itemValue="MENSUAL"/>
</p:selectOneRadio>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoPagosDePnlGrp" styleClass="md-inputfield">
<p:inputNumber id="datosCreditoPagosDe"
style="width: 100%"
value="#{personCustomerBean.savePeople.datosCreditoPagosDe}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Pagos de</label>
<p:message for="datosCreditoPagosDe" display="icon"/>
</h:panelGroup>
<h:panelGroup id="datosCreditoNumeroPagosPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="datosCreditoNumeroPagos"
style="width: 100%"
value="#{personCustomerBean.savePeople.datosCreditoNumeroPagos}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Numero pagos</label>
<p:message for="datosCreditoNumeroPagos" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="userVIdPnlGrp" styleClass="md-inputfield">
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.userVId}"
id="userVId" >
<f:selectItem itemLabel="Seleccione un  vendedor" itemValue="" />
<f:selectItems value="#{personCustomerBean.user}" var="user" itemLabel="#{user.userName}" itemValue="#{user.id}" />
</p:selectOneMenu>
<p:message for="userVId" display="text"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="userIIdPnlGrp" styleClass="md-inputfield">
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.userIId}"
id="userIId" >
<f:selectItem itemLabel="Seleccione un  investigador" itemValue="" />
<f:selectItems value="#{personCustomerBean.user}" var="user" itemLabel="#{user.userName}" itemValue="#{user.id}" />
</p:selectOneMenu>
<p:message for="userIId" display="text"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="userAIdPnlGrp" styleClass="md-inputfield">
<p:selectOneMenu style="width:100%"
filter="true"
filterMatchMode="contains"
value="#{personCustomerBean.userAId}"
id="userAId" >
<f:selectItem itemLabel="Seleccione a quien estará asignado" itemValue="" />
<f:selectItems value="#{personCustomerBean.user}" var="user" itemLabel="#{user.userName}" itemValue="#{user.id}" />
</p:selectOneMenu>
<p:message for="userAId" display="text"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="datosCreditoZonaPagosPnlGrp" styleClass="md-inputfield">
<p:inputNumber id="datosCreditoZona"
style="width: 100%"
value="#{personCustomerBean.savePeople.datosCreditoZona}"
autocomplete="off"
decimalPlaces="0"
decimalSeparator=""
thousandSeparator=""
symbol="">
</p:inputNumber>
<label>Zona</label>
<p:message for="datosCreditoZona" display="icon"/>
</h:panelGroup>
</p:panelGrid>
</p:tab>
</p:tabView>
<!-- Button for this FORM -->
<p:panelGrid columns="2" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup styleClass="md-inputfield">
<p:commandButton value="#{i18n['add']}"
id="btnGuardar"
style="width: 100%"
update="peopleForm:tabMain, form:msgs"
actionListener="#{personCustomerBean.addPeople()}"
rendered="#{loginBean.isUserInRole('admin.customer.add') or loginBean.isUserInRole('admin.endorsement.add')}">
<p:confirm header="#{i18n['general.confirm.header']}"
message="#{i18n['general.confirm.confirm']}"
icon="ui-icon-person"/>
</p:commandButton>
</h:panelGroup>
<h:panelGroup styleClass="md-inputfield">
<p:commandButton
id="closeButton"
value="Cerrar"
immediate="true"
style="width: 100%"
onclick="PF('dlg4').hide()"/>
</h:panelGroup>
</p:panelGrid>
</p:dialog>
</h:form>
</div>
</ui:define>
</ui:composition>