<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@ taglib prefix="t" uri="http://myfaces.apache.org/tomahawk" %>

<html>
<%@include file="/paginas/comum/head.jsp" %>
<body>
<f:view>
<%@include file="/paginas/comum/cabecalho.jsp" %>

<f:verbatim>
<style type="text/css">

	.colunaPedidos {
		background-color: #000;
		color: white;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 0;
	}

	.colunaPizzas {
		background-color: #CCC;
		margin: 0;
		padding: 0 0 0 0;
	}

	.colunaIngredientes {
		background-color: #FFFFFF;
		margin-left: 10px;
		padding: 0 0 0 0;
	}
	
	.tabelaDePedidos {
		background-color: #CCC;
		margin: 0;
		padding: 0 0 0 0;
		width: 50%;
	}

	.tabelaCabecalhoPizza {
		background-color: #FFFF55;
		text-align: left;
	}

	.tabelaPizza {
		width: 100%;
	}

	.tabelaIngredientes {
		width: 100%;
	}
	
</style>
</f:verbatim>

<h1>Fila de Pedidos</h1>

<t:dataTable id="tabelaDePedidos"
	var="pedido" value="#{pizzaioloControlador.pedidosPizzaiolo}"
			border="1"
			renderedIfEmpty="false"
			styleClass="tabelaDePedidos"
			headerClass="tabelaCabecalhoPedido"
			footerClass="tabelaRodape"
			columnClasses="colunaPedidos"
			rowClasses="tabelaLinha1,tabelaLinha2"
			rowOnMouseOver="tabelaMouseOver(this)"
			rowOnMouseOut="tabelaMouseOut(this)"
			rowIndexVar="indice" >
	
	<h:column> 
		
			<h:outputText value="#{indice} - "/>
			<h:outputText value="#{pedido.endereco.telefone} - "/>
			<h:outputText value="#{pedido.endereco.rua}"/>
		
		
		
		<t:dataTable id="tabelaDePizzas"
			
			var="pizza" value="#{pedido.pizzas}"
			styleClass="tabelaPizza"
			headerClass="tabelaCabecalhoPizza"
			columnClasses="colunaPizzas">
			<f:facet name="header">
				
				<h:outputText value="Pizza: #{pizza.nome}"/>
			</f:facet>			
			<h:column> 
				<t:dataTable id="tabelaDeIngredientes"
					var="ingrediente" value="#{pizza.ingredientes}"
			
					styleClass="tabelaIngredientes"
					headerClass="tabelaCabecalhoIngredientes"
					columnClasses="colunaIngredientes">
					
					<h:column> 
						<h:outputText value="#{ingrediente.nome}"/>
					</h:column>
		
				</t:dataTable>

			</h:column>

		</t:dataTable>

	</h:column>


</t:dataTable>

		
</f:view>
<%@include file="/paginas/comum/rodape.jsp" %>
</body>
</html>