<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>
        <center>
            <ui:composition template="./template/Principal.xhtml">

                <ui:define name="top">
                    SISTEMA DE INVENTARIO 
                </ui:define>

                <ui:define name="left">
                    
                </ui:define>

                <ui:define name="right">
                   
                </ui:define>

                <ui:define name="content">
                    <f:view>


                        <h:form>

                            <h1><h:outputText value="Eliminnar"/></h1>
                            <p:panelGrid columns="2">
                                <h:outputText value="Id:"/>
                                <h:outputText value="#{demoBeanProducto.producto.id}" title="Id"/>
                                <h:outputText value="Cantidad:"/>
                                <h:outputText value="#{demoBeanProducto.producto.cantidad}" title="Cantidad"/>
                                <h:outputText value="Nombre:"/>
                                <h:outputText value="#{demoBeanProducto.producto.nombre}" title="Nombre"/>
                                <h:outputText value="Precio:"/>
                                <h:outputText value="#{demoBeanProducto.producto.precio}" title="Precio"/>
                                <h:outputText value="CodigoBarras:"/>
                                <h:outputText value="#{demoBeanProducto.producto.codigoBarras}" title="CodigoBarras"/>
                                <h:outputText value="Medida:"/>
                                <h:outputText value="#{demoBeanProducto.producto.medida}" title="Medida"/>
                                <h:outputText value="Lote:"/>
                                <h:outputText value="#{demoBeanProducto.producto.lote}" title="Lote"/>
                                <h:outputText value="Status:"/>
                                <h:outputText value="#{demoBeanProducto.producto.status}" title="Status"/>
                                <h:outputText value="TipoId:"/>
                                <h:outputText value="#{demoBeanProducto.producto.tipoId.nombre}" title="TipoId"/>
                                <h:outputText value="DepartamentoId:"/>
                                <h:outputText value="#{demoBeanProducto.producto.departamentoId.nombre}" title="DepartamentoId"/>
                                <h:outputText value="MarcasId:"/>
                                <h:outputText value="#{demoBeanProducto.producto.marcasId.nombre}" title="MarcasId"/>
                                <h:outputText value="ProvedoresId:"/>
                                <h:outputText value="#{demoBeanProducto.producto.provedoresId.nombre}" title="ProvedoresId"/>


                                <p:commandButton action="Producto.xhtml" icon="pi pi-fw pi-trash"
                                                 actionListener="#{demoBeanProducto.eliminarProducto()}" 
                                                 style=" padding: 2px 8px; font-size: 13px; font-weight: bold; color: #990000; background-color: #fff; border: 2px solid #FF0000; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; margin-right: 6px;"
                                                 value="Eliminar" 
                                                 ajax="false"/>
                                <p:commandButton action="Producto.xhtml" icon="pi pi-fw pi-times"
                                                 style=" padding: 2px 8px; font-size: 13px; font-weight: bold; color: #990000; background-color: #fff; border: 2px solid #FF0000; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; margin-right: 6px;"
                                                 value="Cancelar"  
                                                 immediate="true"
                                                 ajax="false"/>

                            </p:panelGrid>
                        </h:form>
                    </f:view>



                </ui:define>

                <ui:define name="bottom">

                </ui:define>

            </ui:composition>
            </center>
                </body>
                </html>