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

1467 lines
100 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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="QUINCENAL" itemValue="QUINCENAL"/>
<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>