<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<head>
<link href="resources/css/stylesButtons.css" rel="stylesheet" type="text/css"/>
<link href="resources/css/stylosNoemi.css" rel="stylesheet" type="text/css"/>
<link href="resources/css/theme.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<ui:composition template="./template/templatePlantilla.xhtml">
<ui:define name="top">
top
</ui:define>
<ui:define name="left">
left
</ui:define>
<ui:define name="content">
<h:form>
<div class="form-card">
<div class="form-container">
<p:growl id="growl" showDetail="true" />
<h5 style="font-size: 16px; text-align: center;">
<h:outputText value="#{productosBean.titulo}" />
</h5>
<div style="margin-bottom: 20px;"></div>
<h:panelGrid columns="2">
<h:outputLabel value="Marca:" for="Marca" />
<p:selectOneMenu id="Marca" value="#{productosBean.producto.marcaidMarca}" converter="selectOneMenuConverter" required="true">
<f:selectItems value="#{demoBean.marcas}" var="item" itemLabel="#{item.nombre}" itemValue="#{item}" />
</p:selectOneMenu>
<h:outputLabel value="Categoría:" for="Categoria" />
<p:selectOneMenu id="Categoria" value="#{productosBean.producto.categoriaidCategoria}" converter="selectOneMenuConverter" required="true">
<f:selectItems value="#{demoBean.categorias}" var="item" itemLabel="#{item.nombre}" itemValue="#{item}" />
</p:selectOneMenu>
<h:outputLabel value="Ubicación:" for="Ubicacion" />
<p:selectOneMenu id="Ubicacion" value="#{productosBean.producto.ubicacionidUbicacion}" converter="selectOneMenuConverter" required="true">
<f:selectItems value="#{demoBean.ubicaciones}" var="item" itemLabel="#{item.pasillo}" itemValue="#{item}" />
</p:selectOneMenu>
<h:outputLabel value="Proveedor:" for="Proovedor" />
<p:selectOneMenu id="Proovedor" value="#{productosBean.producto.proovedoridProovedor}" converter="selectOneMenuConverter" required="true">
<f:selectItems value="#{demoBean.proovedor}" var="item" itemLabel="#{item.proovedor}" itemValue="#{item}" />
</p:selectOneMenu>
<h:outputLabel value="Código:" for="Codigo" />
<p:inputText id="Codigo" value="#{productosBean.producto.codigo}" title="Código" required="true" requiredMessage="El campo Código es obligatorio."/>
<h:outputLabel value="Descripción:" for="Descripcion" />
<p:inputText id="Descripcion" value="#{productosBean.producto.descripcion}" title="Descripción" required="true" requiredMessage="El campo Descripción es obligatorio."/>
<h:outputLabel value="Precio:" for="Precio" />
<p:inputText id="Precio" value="#{productosBean.producto.precio}" title="Precio" required="true" requiredMessage="El campo Precio es obligatorio."/>
<h:outputLabel value="Cantidad:" for="Cantidad" />
<p:inputText id="Cantidad" value="#{productosBean.producto.cantidadTotal}" title="Cantidad" required="true" requiredMessage="El campo Cantidad es obligatorio."/>
</h:panelGrid>
<div class="button-container">
<p:commandButton action="#{productosBean.agregarP()}" value="Guardar" update="growl" icon="pi pi-save" styleClass="ui-button-raised ui-button-flat"/>
<p:commandButton action="productosLista.xhtml" actionListener="#{productosBean.editarProducto()}" value="Editar" update="growl" rendered="#{!productosBean.nuevo}" icon="pi pi-file-edit" styleClass="ui-button-raised ui-button-danger ui-button-flat" />
<p:commandButton action="productosLista.xhtml" value="Cancelar" immediate="true" icon="pi pi-times-circle" styleClass="ui-button-raised ui-button-danger ui-button-flat" />
</div>
</div>
</div>
</h:form>
</ui:define>
</ui:composition>
</body>
</html>