<?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:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>SISTEMA DE INVENTARIO</title>
    </h:head>

    <h:body>
        <center>
            <ui:composition template="./template/Principal.xhtml">

                <ui:define name="top">
                    SISTEMA DE INVENTARIO
                </ui:define>

                <ui:define name="left">
                    <div class="card">
                        <h:form>
                            <p:growl id="messages"/>

                            <p:menubar>
                                <p:menuitem value="Agregar" icon="pi pi-fw pi-plus" action="ProvedorCrear.xhtml"
                                            
                                            actionListener="#{demoBeanProvedor.prepararNuevo()}"/>

                                <p:menuitem value="Departamento" icon="pi pi-fw pi-building" action="Departamento.xhtml"/>
                                <p:menuitem value="Marca" icon="pi pi-fw pi-tag" action="Marca.xhtml"/>
                                <p:menuitem value="Producto" icon="pi pi-fw pi-shopping-bag" action="Producto.xhtml"/>
                                <p:menuitem value="Proveedor" icon="pi pi-fw pi-truck" disabled="true" action="Provedor.xhtml"/>
                                <p:menuitem value="Registro" icon="pi pi-fw pi-book" disabled="true" action="Registro.xhtml"/>
                                <p:menuitem value="Tipo" icon="pi pi-fw pi-table" action="Tipo.xhtml"/>
                                <p:menuitem value="Usuario" icon="pi pi-fw pi-user" action="Usuario.xhtml"/>
                                <p:menuitem value="Inicio" icon="pi pi-fw pi-home" action="Menu.xhtml"/>
                                <p:divider layout="vertical"/>
                            </p:menubar>
                        </h:form>
                    </div>
                </ui:define>
                <ui:define name="right">

                </ui:define>
                <ui:define name="content">
                    <h3>Proveedores</h3>

                    <h:form>
                        <p:dataTable value="#{demoBeanProvedor.provedores}" var="item" styleClass="dataTable">
                            <p:column headerText="Id">
                                <h:outputText value="#{item.id}" />
                            </p:column>
                            <p:column headerText="Nombre">
                                <h:outputText value="#{item.nombre}" />
                            </p:column>
                            <p:column headerText="Dirección">
                                <h:outputText value="#{item.direccion}" />
                            </p:column>
                            <p:column headerText="Correo">
                                <h:outputText value="#{item.correo}" />
                            </p:column>
                            <p:column headerText="Teléfono">
                                <h:outputText value="#{item.telefono}" />
                            </p:column>
                            <p:column headerText="Estado">
                                <h:outputText value="#{item.status == 1 ? 'Activo' : 'Inactivo'}" />
                            </p:column>
                            <p:column headerText="Opciones">
                                <p:commandButton action="ProvedorCrear.xhtml" icon="pi pi-fw pi-pencil"
                                                 actionListener="#{demoBeanProvedor.prepararEditar(item)}"
                                                 update="dataTable"
                                                 value="Editar"
                                                 style="padding: 2px 8px; font-size: 11px; font-weight: bold; color: #3366FF; background-color: #fff; border: 2px solid #3366FF; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; margin-right: 6px;"
                                                 ajax="false" />
                                <p:commandButton action="ProvedorEliminar.xhtml" icon="pi pi-fw pi-trash"
                                                 actionListener="#{demoBeanProvedor.prepararEliminar(item)}"
                                                 update="dataTable"
                                                 value="Eliminar"
                                                 style="padding: 2px 8px; font-size: 11px; font-weight: bold; color: #990000; background-color: #fff; border: 2px solid #FF0000; border-radius: 8px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; margin-right: 6px;"
                                                 ajax="false" />
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </ui:define>

                <ui:define name="bottom">
                    
                </ui:define>

            </ui:composition>
        </center>
    </h:body>

</html>