<!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="#{ubiBean.titulo}"/></h5>
<div style="margin-bottom: 20xp"></div>
<h:panelGrid columns="2">
<div >
<span class="ui-input-icon-left">
<i class="pi pi-angle-right"></i><input id="pasillo" name="pasillo" value="#{ubiBean.ubicacion.pasillo}"
type="text" class="ui-inputfield ui-inputtext" placeholder="Pasillo" required="true" requiredMessage="El pasillo es requerido"/>
</span>
</div>
<div >
<span class="ui-input-icon-left">
<i class="pi pi-angle-right"></i><input id="anaquel" name="anaquel" value="#{ubiBean.ubicacion.anaquel}" type="text" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" placeholder="Anaquel" required="true" requiredMessage="El anaquel es requerido"/>
</span>
</div>
<div >
<span class="ui-input-icon-left">
<i class="pi pi-angle-right"></i><input id="nivel" name="nivel" value="#{ubiBean.ubicacion.nivel}" type="text"
class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" placeholder="Nivel"
required="true" validatorMessage="Solo se aceptan números" requiredMessage="El nivel es requerido. ⚠️" >
<f:validateRegex pattern="[1-9]+" for="nivel"></f:validateRegex>
</span>
</div>
</h:panelGrid>
<div class="button-container">
<p:commandButton action="#{ubiBean.agregarU()}" value="Guardar" update="growl" rendered="#{ubiBean.nuevo}" icon="pi pi-save" styleClass="ui-button-raised ui-button-flat"/>
<p:commandButton action="ubiTablaPrueba.xhtml" actionListener="#{ubiBean.editarUbicacion()}" value="Editar" update="growl" rendered="#{!ubiBean.nuevo}" icon="pi pi-file-edit" styleClass="ui-button-raised ui-button-danger ui-button-flat" />
<p:commandButton action="ubiTablaPrueba.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>