<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:jsf="http://xmlns.jcp.org/jsf"
xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/layout/template.xhtml">
<ui:define name="titulo">Categoria</ui:define>
<ui:define name="content">
<div class="conteudo">
<div class="base-geral">
<h1 class="titulo">
<span>categoria</span>
</h1>
<div class="base-home">
<div class="base-lista">
<form>
<div class="formback">
<div class="caixa01">
<a href="#{request.contextPath}/pages/form/form-categoria.xhtml" class="btn">Adicionar nova categoria</a>
</div>
</div>
</form>
</div>
<div class="base-lista">
<p:dataTable value="#{categoriaBean.listar()}" var="categoria" id="tabela-categorias">
<p:column headerText="#">
<h:outputText value="#{categoria.nome}" />
</p:column>
</p:dataTable>
</div>
</div>
</div>
</div>
</ui:define>
</ui:composition>
</html>