<!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">
    <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">

                <f:view>
                    <h:form>
                        <p:commandButton action="ubicacionNueva.xhtml" actionListener="#{ubiBean.prepararNuevaUbicacion()}" value="Nueva ubicacion" ajax="false"/>
                        <p:commandButton action="ubiTablaPrueba.xhtml"  value="Prueba" ajax="false"/>

                        <h1><h:outputText value="List"/></h1>
                        <p:dataTable value="#{ubiBean.ubicaciones}" var="item">
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="IdUbicacion"/>
                                </f:facet>
                                <h:outputText value="#{item.idUbicacion}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Pasillo"/>
                                </f:facet>
                                <h:outputText value="#{item.pasillo}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Anaquel"/>
                                </f:facet>
                                <h:outputText value="#{item.anaquel}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Nivel"/>
                                </f:facet>
                                <h:outputText value="#{item.nivel}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Status"/>
                                </f:facet>
                                <h:outputText value="#{item.status}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">
                                    <h:outputText value="Opciones"/>
                                </f:facet>
                                <p:commandButton action="ubicacionNueva.xhtml" actionListener="#{ubiBean.prepararEditarUbicacion(item)}" value="Editar" ajax="true"/>
                                <p:commandButton action="ubicacionEliminar.xhtml" actionListener="#{ubiBean.preparaEliminarUbicacion(item)}" value="Eliminar" ajax="false"/>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </f:view>

            </ui:define>

        </ui:composition>

    </body>
</html>