<h:form id="formFactura">

<p:growl id="growl" sticky="true" showDetail="true"

severity="info,fatal"/>

<p:wizard flowListener="#{VentaC1.onFlowProcess}">

<p:tab id="personal" title="CLIENTE">

<p:panel id="Factura" header="CLIENTE">
<p:messages />
<p:panelGrid columns="2">
<p:outputLabel value="DNI" />

<p:commandButton value="Buscar"
action="#{VentaC1.Filtrado()}" update="txtApellido txtDireccion txtCelular">
<p:inputText id="Nombre"
value="#{VentaC1.cli.docclie}" maxlength="8"/>
</p:commandButton>

<p:outputLabel value="Apellido y Nombre"/>

<p:outputLabel id="txtApellido"
value="#{VentaC1.cli.apeclie}, #{VentaC1.cli.nomclie}"/>
<p:outputLabel value="Gmail"/>
<p:outputLabel id="txtDireccion"
value="#{VentaC1.cli.emaclie}"/>
<p:outputLabel value="Celular"/>
<p:outputLabel id="txtCelular"
value="#{VentaC1.cli.celclie}"/>
</p:panelGrid>
</p:panel>
</p:tab>

<p:tab id="address" title="MOTOS">

<p:panel header="MOTOS">
<p:messages />
<p:panelGrid columns="2">
<p:outputLabel value="Nombre del producto"/>
<p:commandButton value="Mostrar"
action="#{VentaC1.ojalafuncione()}" update="txtStock txtPrecio">
<p:autoComplete id="AutocompletarProducto"
value="#{VentaC1.mot.MODMOT}" completeMethod="#{VentaC1.autocompletePrueba}"
immediate="true" />
</p:commandButton>
<p:outputLabel value="Stock disponible"/>
<p:outputLabel id="txtStock"
value="#{VentaC1.mot.STOCK}" />
<p:outputLabel value="Precio"/>
<p:outputLabel id="txtPrecio"
value="#{VentaC1.mot.PREVENMOT}"/>
</p:panelGrid>
</p:panel>
</p:tab>

<p:tab id="contact" title="DETALLE">

<p:panel header="DETALLE">
<p:messages />
<h:panelGrid columns="2" columnClasses="label, value">
<p:outputLabel value="Cantidad Deseada"/>
<p:inputText id="cantidad"
value="#{VentaC1.mot.CANMOT}"/>
<p:outputLabel for="button" value="Fecha" />
<p:calendar id="button"
value="#{VentaC1.venta.FECVEN}" pattern="dd-MM-yyyy"/>
<p:outputLabel value="Tipo de pago"/>
<p:selectOneMenu id="tipo_de_pago"
styleClass="ticket"
style=" width: 225px"
value="#{VentaC1.venta.FOR_PAG}">

<f:selectItem noSelectionOption="true"
itemLabel="Seleccionar" />
<f:selectItem noSelectionOption="true"
itemLabel="Efectivo"
itemValue="Efectivo"/>
<f:selectItem noSelectionOption="true"
itemLabel="Tarjeta"
itemValue="Tarjeta" />
</p:selectOneMenu>
</h:panelGrid>
</p:panel>
</p:tab>

<p:tab title="CONFIRMACIÓN">
<p:panel id="confirm" header="CONFIRMACIÓN">
<h:panelGrid id="confirmation" columns="3"
columnClasses="grid,grid,grid">
<h:panelGrid columns="2" columnClasses="label,
value">
<h:outputText value="Nombre " />
<h:outputText value="#{VentaC1.cli.nomclie}"
styleClass="outputLabel"/>

<h:outputText value="Apellido " />

<h:outputText value="#{VentaC1.cli.apeclie}"
styleClass="outputLabel"/>

</h:panelGrid>

<h:panelGrid columns="2" columnClasses="label,

value">

<h:outputText value="Producto " />

<h:outputText value="#{VentaC1.mot.MODMOT}"
styleClass="outputLabel"/>

<h:outputText value="Marca " />

<h:outputText value="#{VentaC1.mot.MARMOT}"
styleClass="outputLabel"/>

<h:outputText value="Color: " />

<h:outputText value="#{VentaC1.mot.COLMOT}"
styleClass="outputLabel"/>

<h:outputText value="Stock " />

<h:outputText value="#{VentaC1.mot.STOCK}"
styleClass="outputLabel"/>
</h:panelGrid>
 <h:panelGrid columns="2" columnClasses="label,
value">
<h:outputText value="Cantidad " />
<h:outputText value="#{VentaC1.mot.CANMOT}"
styleClass="outputLabel"/>
<h:outputText value="Fecha " />
<h:outputText value="#{VentaC1.venta.FECVEN}"
styleClass="outputLabel" />
<h:outputText value="Categoria: " />
<h:outputText value="#{VentaC1.venta.FOR_PAG}"
styleClass="outputLabel"/>
</h:panelGrid>
</h:panelGrid>
</p:panel>
</p:tab>

</p:wizard>

<center>
<p:toolbar>
<f:facet name="left">
<p:commandButton value="Limpiar"
actionListener="#{VentaC1.limpiar()}" update="formFactura:Factura
MostrarVenta:TabalaAgragar MostrarVenta:total mensaje" icon="pi pi-save"/>
<p:commandButton value="Agregar"
actionListener="#{VentaC1.manuel()}" update="MostrarVenta:TabalaAgragar
MostrarVenta:total mensaje formFactura:confirm" icon="pi pi-save"/>
<span class="ui-separator">
<span class="ui-icon pi pi-ellipsis-v"></span>
</span>
<p:commandButton value="Registrar"
actionListener="#{VentaC1.registrar()}" update="formFactura:Factura
MostrarVenta:TabalaAgragar MostrarVenta:total mensaje MostrarVenta:tablventa"
icon="pi pi-save"/>

</f:facet>
</p:toolbar>
</center>

</h:form>