<?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:p="http://primefaces.org/ui"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <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">
                INVENTARIO
            </ui:define>
            <ui:define name="content">
                <div class="form-card">
                    <div class="form-container">
                        
                        <h5 style="font-size: 18px; text-align: center;">MENÚ DE OPCIONES</h5>
                        <div class="form-content">
                            <div>
                                <div >
                                    <span class="ui-input-icon-left">
                                        <i class="pi pi-angle-right"></i><input id="pasillo" name="pasillo" type="text" value="" class="ui-inputfield ui-inputtext" placeholder="Pasillo" />
                                    </span>
                                </div>
                                <div >
                                    <span class="ui-input-icon-left">
                                        <i class="pi pi-angle-right"></i><input id="anaquel" name="anaquel" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" placeholder="Anaquel" />
                                    </span>
                                </div>
                                <div >
                                    <span class="ui-input-icon-left">
                                        <i class="pi pi-angle-right"></i><input id="nivel" name="nivel" type="text" value="" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" placeholder="Nivel" />
                                    </span>
                                </div>
                            </div>
                            <div class="button-container">
                                <h:form>
                                    <p:commandButton type="button" value="Guardar" icon="pi pi-save" styleClass="ui-button-raised ui-button-flat" />
                                    <p:commandButton type="button" value="Cancelar" icon="pi pi-times-circle" styleClass="ui-button-raised ui-button-danger ui-button-flat" />
                                </h:form>
                            </div>
                        </div>
                    </div>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>