<?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="Eliminar"/></h1>
                            <p:panelGrid columns="2">

                                <h:outputText value="Nombre:"/>
                                <h:outputText value="#{demoBeanTipo.tipo.nombre}" title="Nombre"/>

                                <p:commandButton action="Tipo.xhtml" icon="pi pi-fw pi-trash"
                                                 actionListener="#{demoBeanTipo.eliminarTipo()}" 
                                                 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="Tipo.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>