<h:form >

<p:commandButton value="Nuevo cliente"

oncomplete="PF('dialogNuevoCliente').show()"

actionListener="#{clienteBean.prepararNuevoCliente()}"
update=":formNuevoCliente"/><!--
actionListener="#"{clienteBean.prepararNuevoCliente()}" -->
</h:form>
<h:form id="formMostraClientes">
<p:dataTable id="tablaClientes" paginator="true"
paginatorPosition="top" var="cl"
value="#{clienteBean.listaClientes}"
emptyMessage="No hay clientes">

<p:column headerText="Codigo">
<h:outputText value="#{cl.id}"/>
</p:column>
<p:column headerText="Nombres ">
<h:outputText value="#{cl.nombres} #{cl.apellidos}"/>
</p:column>

<p:column headerText="usuario">
<h:outputText value="#{cl.usuario_id}"/>
</p:column>
<p:column headerText="tipo de documento">
<h:outputText value="#{cl.tipo_documento_id}"/>
</p:column>
<p:column headerText="numero de documento">
<h:outputText value="#{cl.numero_doc}"/>
</p:column>

<p:column headerText="Ver mas" class="action">

<p:commandButton value="Ver"
oncomplete="PF('dialogVerCliente').show()"
update=":formVerCliente" >
<f:setPropertyActionListener
target="#{clienteBean.cliente}" value="#{cl}" />

</p:commandButton>
</p:column>
<p:column headerText="Modificar">
<p:commandButton value="Modificar"
oncomplete="PF('dialogModificarCliente').show()"
update=":formModificarCliente" >
<f:setPropertyActionListener
target="#{clienteBean.cliente}" value="#{cl}" />

</p:commandButton>
</p:column>
<p:column headerText="Eliminar">
<p:commandButton value="Eliminar"
oncomplete="PF('dialogEliminarCliente').show()"
update=":formEliminarCliente">
<f:setPropertyActionListener
target="#{clienteBean.cliente}" value="#{cl}" />
</p:commandButton>
</p:column>
</p:dataTable>
</h:form>
 <h:form id="formNuevoCliente">

<p:dialog id="dlgNuevoCliente" widgetVar="dialogNuevoCliente"

resizable="false" showEffect="explode"
hideEffect="explode" modal="true" >
<!-- <p:panelGrid columns="2" style="margin:0 auto;">

<p:outputLabel value="Nombres" />

<p:inputText value="#"{clienteBean.cliente.nombres}"/>
<p:outputLabel value="Apellidos" />
<p:inputText
value="#"{clienteBean.cliente.apellidos}"/>
<p:outputLabel value="Direccion" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="Telefono1" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="Telefono2" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="email" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="pagina web" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>

<p:outputLabel value="Usuario: " />

<p:selectOneMenu id="proveedor2"
value="#"{insumosBean.proveedor.proveedorId}">
<f:selectItem itemLabel="--seleccione--"
itemValue="#"{insumosBean.proveedor.razonSocial}"/>
<f:selectItems
value="#"{insumosBean.listaProveedores}" />
</p:selectOneMenu>
<p:outputLabel value="Tipo Documento " />
<p:selectOneMenu id="proveedor2"
value="#"{insumosBean.proveedor.proveedorId}">
<f:selectItem itemLabel="--seleccione--"
itemValue="#"{insumosBean.proveedor.razonSocial}"/>
<f:selectItems
value="#"{insumosBean.listaProveedores}" />
</p:selectOneMenu>
<p:outputLabel value="Numero Doc." />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>

</p:panelGrid>

<p:commandButton value="Guardar"
actionListener="#"{clienteBean.nuevoCliente()}"

update=":formMostraClientes:tablaClientes"

oncomplete="PF('dialogNuevoCliente').hide();"/>
 <p:commandButton value="Cancelar"

oncomplete="PF('dialogNuevoCliente').hide()"/>-->

</p:dialog>

</h:form>
<!-- modificar-->
<h:form id="formModificarCliente">

<p:dialog id="dlgModificarCliente"
widgetVar="dialogModificarCliente"
resizable="false" showEffect="explode"
hideEffect="explode" modal="true" >
<!-- <p:panelGrid columns="2" style="margin:0 auto;">

<p:outputLabel value="Nombres" />

<p:inputText value="#"{clienteBean.cliente.nombres}"/>
<p:outputLabel value="Apellidos" />
<p:inputText
value="#"{clienteBean.cliente.apellidos}"/>
<p:outputLabel value="Direccion" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="Telefono1" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="Telefono2" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="email" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>
<p:outputLabel value="pagina web" />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>

<p:outputLabel value="Usuario: " />

<p:selectOneMenu id="proveedor2"
value="#"{insumosBean.proveedor.proveedorId}">
<f:selectItem itemLabel="--seleccione--"
itemValue="#"{insumosBean.proveedor.razonSocial}"/>
<f:selectItems
value="#"{insumosBean.listaProveedores}" />
</p:selectOneMenu>
<p:outputLabel value="Tipo Documento " />
<p:selectOneMenu id="proveedor2"
value="#"{insumosBean.proveedor.proveedorId}">
<f:selectItem itemLabel="--seleccione--"
itemValue="#"{insumosBean.proveedor.razonSocial}"/>
<f:selectItems
value="#"{insumosBean.listaProveedores}" />
</p:selectOneMenu>
<p:outputLabel value="Numero Doc." />
<p:inputText
value="#"{clienteBean.cliente.direccion}"/>

</p:panelGrid>
 <p:commandButton value="Guardar"
actionListener="#"{clienteBean.modificarCliente()}"

update=":formMostraClientes:tablaClientes"

oncomplete="PF('dialogModificarCliente').hide();"/>
<p:commandButton value="Cancelar"

oncomplete="PF('dialogModificarCliente').hide()"/>
-->
</p:dialog>

</h:form>
<!-- Eliminar -->

<h:form id="formEliminarCliente">

<p:dialog id="dlgEliminarCliente"
widgetVar="dialogEliminarCliente"
resizable="false" showEffect="explode"
hideEffect="explode" modal="true" >

<h:outputText value="Desea eliminar este registro?"/>

<p:commandButton value="SI"
actionListener="#{clienteBean.eliminarCliente()}"
update=":formMostraClientes:tablaClientes"

oncomplete="PF('dialogEliminarCliente').hide();"/>
<p:commandButton value="NO"

oncomplete="PF('dialogEliminarCliente').hide()"/>

</p:dialog>

</h:form>

<!-- Ver mas -->

<h:form id="formVerCliente">
<p:dialog id="dlgVerCliente" widgetVar="dialogVerCliente"
resizable="false" showEffect="explode"
hideEffect="explode" modal="true" >
<p:panelGrid columns="2" style="margin:0 auto;">
<p:outputLabel value="direccion: " />
<p:outputLabel
value="#{clienteBean.cliente.direccion}"/><!--{clienteBean.cliente.nombres}" -->
<p:outputLabel value="Telefono 1: " />
<p:outputLabel
value="#{clienteBean.cliente.telefono1}"/>
<p:outputLabel value="Telefono 2: " />
<p:outputLabel
value="#{clienteBean.cliente.telefono2}"/>
<p:outputLabel value="email: " />
<p:outputLabel value="#{clienteBean.cliente.email}"/>
<p:outputLabel value="pagina_web: " />
<p:outputLabel
value="#{clienteBean.cliente.paginaWeb}"/>
<p:outputLabel value="fecha_registro: " />
<p:outputLabel
value="#{clienteBean.cliente.fechaRegistro}">
<f:convertDateTime pattern="dd/MM/yyyy" />
</p:outputLabel>

</p:panelGrid>
<p:commandButton value="cerrar"
oncomplete="PF('dialogVerCliente').hide()"/>

</p:dialog>
</h:form>