Untitled

}

<body>

    <ui:composition template="./../templates/template.xhtml">

        <ui:define name="top">
            <ui:include src="/includes/menu.xhtml"/>
        </ui:define>

        <ui:define name="content">
            <h:form>
                <p:dataTable id="singleCli" var="cliente" value="#{controlerCliente.obterClientes()}" rows="3" rowKey="#{cliente.codigo}"
                             selection="#{controlerCliente.selectClientes}" selectionMode="single" paginator="true">
                    <f:facet name="header">
                        LISTA DE CLIENTES CADASTRADOS
                    </f:facet>

                    <p:column headerText="CODIGO: ">
                        <h:outputLabel value="#{cliente.codigo}"/>
                    </p:column>
                    <p:column headerText="NOME: " filterBy="#{cliente.nome}">
                        <h:outputText value="#{cliente.nome}"/>
                    </p:column>
                    <p:column headerText="CPF: ">
                        <h:outputText value="#{cliente.cpf}"/>
                    </p:column>
                    <p:column headerText="DATA CADASTRO">
                        <h:outputText value="#{cliente.dataAbertura}"/>
                    </p:column>

                    <p:column headerText="E-MAIL: ">
                        <h:outputText value="#{cliente.email}"/>
                    </p:column>

                    <p:column headerText="TELEFONE: ">
                        <h:outputText value="#{cliente.telefone}"/>
                    </p:column>

                    <p:column headerText="RUA: ">
                        <h:outputText value="#{cliente.endereco.bairro}"/>
                    </p:column>

                    <p:column headerText="NÚMERO: ">
                        <h:outputText value="#{cliente.endereco.numero}"/>
                    </p:column>
                    <p:column headerText="CEP: ">
                        <h:outputText value="#{cliente.endereco.cep}"/>
                    </p:column>

                    <p:column headerText="OPÇÕES">
                        <p:commandButton icon="ui-icon-trash"/>
                    </p:column>
                    <f:facet name="footer">
                        <p:commandButton value="VISUALIZAR" onclick="PF('cliDialog').show();"/>
                    </f:facet>


                </p:dataTable>
            </h:form>

            <p:dialog id="visuCliente"  header="cliente - view" widgetVar="cliDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false"
                      draggable="false" >

                <h:form>
                    <p:panelGrid  columns="2"  >
                        <h:outputText value="CÓDIGO"/>
                        <p:outputLabel value="#{controlerCliente.cliente.codigo}"/>

                        <h:outputText value="CPF"/>
                        <p:outputLabel value="#{controlerCliente.cliente.cpf}"/>

                        <h:outputText value="EMAIL"/>
                        <p:outputLabel value="#{controlerCliente.cliente.email}"/>

                        <h:outputText value="NOME"/>
                        <p:outputLabel value="#{controlerCliente.cliente.nome}"/>

                        <h:outputText value="DATA-CADASTRO"/>
                        <p:outputLabel value="#{cliente.dataAbertura}"/>

                        <h:outputText value="RUA"/>
                        <p:outputLabel value="#{controlerCliente.cliente.endereco.rua}"/>

                        <h:outputText value="BAIRRO"/>
                        <p:outputLabel value="#{controlerCliente.cliente.endereco.cep}"/>

                        <h:outputText value="CIDADE"/>
                        <p:outputLabel value="#{controlerCliente.cliente.endereco.cidade}"/>

                    </p:panelGrid>

                </h:form>
            </p:dialog>

        </ui:define>


    </ui:composition>

</body>