<?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>

        <ui:composition template="./template/productosP.xhtml">

            <ui:define name="top">
                <center>
            </center>
                
            </ui:define>

            <ui:define name="left">
                 <div class="card" style="text-align: left;">
    <h:form>
        <p:growl id="messages" showDetail="true"/>
        <p:tieredMenu  style="width:170px" >
            
            <p:submenu label="Usuarios" >
                
                    <p:menuitem value="Usuario" outcome="marcaLista3.xhtml" ajax="false"/>  
                    <p:menuitem value="Rol"  outcome="rolLista.xhtml" ajax="false"/>  
                     
            </p:submenu>
                 
             <p:submenu label="Proveedores" >
                
                    <p:menuitem value="Proveedor"  outcome="vistaProveedores.xhtml" ajax="false"/>
                    <p:menuitem value="Almacen"  outcome="ubicacionLista.xhtml" ajax="false"/> 
                     
            </p:submenu>
            
            <p:submenu label="Productos" >
                
                    <p:menuitem value="Producto"  outcome="productosLista.xhtml" ajax="false"/> 
                    <p:menuitem value="Categoria" outcome="categoriaLista.xhtml" ajax="false"/>  
                    <p:menuitem value="Talla"  outcome="tallaLista.xhtml" ajax="false"/> 
                    <p:menuitem value="Color" outcome="colorLista.xhtml" ajax="false"/> 
                    <p:menuitem value="Marca"  outcome="marcaLista.xhtml" ajax="false"/>
                    <p:menuitem value="Genero"  outcome="vistaGenero.xhtml" ajax="false"/>  
                      
            </p:submenu>
            <p:submenu label="Sesión" >
                   <p:divider/>
                            <p:menuitem value="Cerrar sesión" icon="pi pi-fw pi-power-off" action="#{demoBeanLogin.logout()}"/>     
            </p:submenu>

        </p:tieredMenu>

   
    </h:form>
</div> 
                
            </ui:define>

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

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

                    <center>
                    <h:form style="background-color: white; margin: -10px;">
                        <h1><h:outputText style="color: black;" value="#{demoBeanUbicacion.titulo}"/></h1>
                         <p:growl id="growl" showDetail="true" />
                         
                        <div style="margin-top: 50px">
                            <p:outputLabel value="Nombre del Almacen:" for="almacen" />
                            <p:inputText id="almacen" value="#{demoBeanUbicacion.ubicacion.nombreAlmacen}" style="margin: 20px; margin-right: 130px"  title="Almacen" required="true" requiredMessage="Se requiere campo Nombre del Almacen."/>
                        </div>
                        <div> 
                            <p:outputLabel value="Estante:" for="estante" />
                            <p:inputText id="estante" value="#{demoBeanUbicacion.ubicacion.estante}" style="margin-left: 20px; margin-right: 30px"  title="Estante" required="true" requiredMessage="Se requiere campo Estante."/>
                        </div>
                        <div> 
                            <p:outputLabel value="Fila:" for="fila" />
                            <p:inputText id="fila" value="#{demoBeanUbicacion.ubicacion.fila}" style="margin-left: 20px; margin-top: 20px; margin-bottom:20px " title="Fila" required="true" validatorMessage="El número 0 es inválido" requiredMessage="Se requiere campo Fila.">
                                <f:validateLongRange minimum="1" maximum="9" />
                            </p:inputText>
                        </div>
                         
                         <p:commandButton action="#{demoBeanUbicacion.agregarUbicacion()}" style="margin-left: 60px; margin-top: 30px" styleClass="rounded-button ui-button-success"  value="Guardar" update="growl" rendered="#{demoBeanUbicacion.nuevo}" ajax="false"/>
                         <p:commandButton action="ubicacionLista.xhtml" actionListener="#{demoBeanUbicacion.editarUbicaciones()}" style="margin-left: 80px; margin-top: 30px"  value="Editar" styleClass="rounded-button ui-button-success"  update="growl" rendered="#{!demoBeanUbicacion.nuevo}" ajax="false"/>
                         <p:commandButton action="ubicacionLista.xhtml" value="Cancelar" style="margin-left: 10px" styleClass="rounded-button ui-button-danger"  immediate="true" ajax="false"/>


                    </h:form>
                    </center>
                </f:view>

                
            </ui:define>

        </ui:composition>

    </body>
</html>