<?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/menu1.xhtml">
<ui:define name="top">
<center> <H2> U S U A R I O S </H2></center>
</ui:define>
<ui:define name="left">
<h:form >
<p:menu style="border-color: gray; margin: 1px; width: 163px; height: 600px;">
<p:menuitem action="ProductoLista.xhtml" value="Productos" ajax="false" icon="pi pi-database" iconPos="left" style="background-color: lightgray" styleClass="botonMenu" />
<p:menuitem action="proveedorLista.xhtml" value="Proveedores" ajax="false" icon="pi pi-id-card" iconPos="left" style="background-color: white " styleClass="botonMenu"/>
<p:menuitem action="marcaLista.xhtml" value="Marcas" ajax="false" icon="pi pi-tag" iconPos="left" style="background-color: lightgray" styleClass="botonMenu" />
<p:menuitem action="categoriaLista.xhtml" value="Categorias" ajax="false" icon="pi pi-star" iconPos="left" style="background-color: white" styleClass="botonMenu" />
<p:menuitem action="UbicacionAlmacenLista.xhtml" value="Almacen" ajax="false" icon="pi pi-map-marker" iconPos="left" style="background-color: lightgray" styleClass="botonMenu"/>
<p:menuitem action="usuariosLista.xhtml" value="Usuarios" ajax="false" icon="pi pi-users" iconPos="left" style="background-color: white" styleClass="botonMenu" />
</p:menu>
</h:form>
</ui:define>
<ui:define name="right">
</ui:define>
<ui:define name="content">
<f:view>
<h:form style="height: 600px; width:401px " class="form-container">
<h1><h:outputText value="#{demoBeanUsuarios.titulo}"/></h1>
<p:panelGrid id="grid" columns="3">
<p:outputLabel value="Usuario:" for="usuario" />
<p:inputText id="usuario" value="#{demoBeanUsuarios.usuarios.usuario}" title="Usuario" required="true" requiredMessage="campo obligatorio" validatorMessage="el usuario requiere la primera letra mayuscula y porlomenos 5 caracteres" styleClass="formulario-elemento">
<f:validateRegex pattern="^[A-Z][a-z]{4,9}$" for="usuario"/>
</p:inputText>
<p:messages for="usuario"/>
<p:outputLabel value="Contraseña:" for="contrasenia" />
<p:inputText id="contrasenia" value="#{demoBeanUsuarios.usuarios.contrasenia}" title="Contrasenia" required="true" requiredMessage="campo obligatorio" validatorMessage=" la contraseña requiere 8 caracteres entre letras y numeros" styleClass="formulario-elemento">
<f:validateRegex pattern="^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]{8}$" for="contrasenia"/>
</p:inputText>
<p:messages for="contrasenia"/>
</p:panelGrid>
<div>
<p:commandButton action="#{demoBeanUsuarios.agregar()}" update="grid" rendered="#{demoBeanUsuarios.nuevo}" ajax="false" icon="pi pi-check" style="margin-right: 10px; margin-top: 10px; background-color: green; color:white; border-color:green;" />
<p:commandButton action="usuariosLista.xhtml" actionListener="#{demoBeanUsuarios.editar()}" update="grid" rendered="#{!demoBeanUsuarios.nuevo}" ajax="false" icon="pi pi-check" style="margin-right: 10px; margin-top: 10px; background-color: green; color:white; border-color:green;" />
<p:commandButton action="usuariosLista.xhtml" immediate="true" ajax="false" icon="pi pi-times" style="background-color: red; color:white; border-color: red; margin-right: 15px;"/>
</div>
</h:form>
</f:view>
</ui:define>
</ui:composition>
</body>
</html>