<%@page import="com.rms.tfc.entity.Pedido"%>
<%@page import="com.rms.tfc.service.HistoricoBean"%>
<%@page import="com.rms.tfc.util.DateUtil"%>
<%@page import="com.rms.tfc.util.StringUtil"%>
<%@page import="java.util.Iterator"%>
<%@page import="java.util.List"%>
<%@page import="com.rms.tfc.util.SessionUtil"%>
<%
	HistoricoBean historicoBean = (HistoricoBean) request.getAttribute("objetoJSP");
	List<Pedido> listaPedidos = historicoBean.getListaPedidos();
	String descripcion = historicoBean.getDescripcion();
	String fechaDesde = historicoBean.getFechaDesde();
	String fechaHasta = historicoBean.getFechaHasta();
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Gesti&oacute;n de tienda</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="../css/tienda.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../css/default.css" />
<link rel="stylesheet" type="text/css" href="../css/jquery-ui.css" />
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/jquery-ui.js"></script>
<script type="text/javascript">
var descripcion = '<%=descripcion%>';
var fechaDesde = '<%=fechaDesde%>';
var fechaHasta = '<%=fechaHasta%>';

jQuery(function($){
	$.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '&#x3c;Ant',
		nextText: 'Sig&#x3e;',
		currentText: 'Hoy',
		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
		'Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
		dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
		weekHeader: 'Sm',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
		$.datepicker.setDefaults($.datepicker.regional['es']);
	});    

	function Init(){
		$(document).ready(function() {
			$("#fechaDesde").datepicker({
				   showOn: 'both',
				   buttonImageOnly: true,
				   buttonImage: '../img/boton_calendario.gif',
				   buttonText: 'Selecciona una fecha',
				   changeMonth: true,
				   changeYear: true,
				   disable: true,
				   onClose: function( selectedDate ){
				   		$("#fechaHasta").datepicker("option", "minDate", selectedDate);
				   }
				});
		});
		$(document).ready(function() {
			$("#fechaHasta").datepicker({
				   showOn: 'both',
				   buttonImageOnly: true,
				   buttonImage: '../img/boton_calendario.gif',
				   buttonText: 'Selecciona una fecha',
				   changeMonth: true,
				   changeYear: true,
				   disable: true,
				   onClose: function( selectedDate ){
						$("#fechaDesde").datepicker("option", "maxDate", selectedDate);
				   }
				});
		});
		InicializaBuscador();
	}
	
	function InicializaBuscador(){
		var formulario = document.getElementById("buscador");
		if (descripcion != 'null' && descripcion != ''){
			var campoDescripcion = formulario.descripcion;
			campoDescripcion.value = descripcion;
		}
		if (fechaDesde != 'null' && fechaDesde != ''){
			var campoFechaDesde = formulario.fechaDesde;
			campoFechaDesde.value = fechaDesde;
			$("#fechaHasta").datepicker("option", "minDate", fechaDesde);
		}
		if (fechaHasta != 'null' && fechaHasta != ''){
			var campoFechaHasta = formulario.fechaHasta;
			campoFechaHasta.value = fechaHasta;
			$("#fechaDesde").datepicker("option", "maxDate", fechaHasta);
		}
	}
	
	function Buscar(){
		var formulario = document.getElementById("buscador");
		formulario.hayBusqueda.value = "true";
		formulario.submit();
	}

	function verDetallePedido(idPedido){
		window.open('DetallePedido.html?esHistorico=true&idPedido=' + idPedido,'Detalle_Pedido_' + idPedido,'scrollbars=1,toolbar=0,location=0,directories=0,resizable=1,width=900,height=300');
	}
</script>
</head>
<body onLoad="javascript:Init();">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#272e96" width="945" height="75" align="center"><span style="color: #FFFFFF; font-weight:bold; font-size: 35px;">Aplicaci&oacute;n de gesti&oacute;n de tienda</span></td>
  </tr>
  <tr>
    <td><%@ include file="cabecera.jsp" %>
		<table width="912" border="0" align="center" cellpadding="0" cellspacing="0">
		  <tr>
		    <td class="texto">Usuario: <strong><%=SessionUtil.getUserSession()%></strong></td>
		    <td class="volver">&nbsp;</td>
		  </tr>
		  <tr>
		    <td class="texto"><a href="admin.html">Administraci&oacute;n</a> &gt; <strong>Hist&oacute;rico de pedidos</strong></td>
            <td class="volver"><div align="right" class="volver"></div></td>
		  </tr>
		  <tr>
		    <td colspan="2" class="texto"><img src="../img/sp.gif" width="2" height="5"></td>
		  </tr>
		  <tr>
		    <td colspan="2" class="texto"><img src="../img/sp-gris.gif" width="912" height="1"></td>
		  </tr>
		</table>
	</td>
  </tr>
  <tr>
        <td height="20">&nbsp;</td>
  </tr>
  <tr>
    <td>
    	<form action="Historico.html" method="post" name="buscador" id="buscador">
    	<table cellpading="0" cellspacing="5" align="center" width="500" style="border: 1px solid #000000;">
    		<tr>
    			<td colspan="2" style="font-family: Verdana; font-size: 14px; font-weight: bold; color: #004b96;">
    				Filtros de b&uacute;squeda
    				<input type="hidden" name="hayBusqueda" id="hayBusqueda" value="false" />
    			</td>
    		</tr>
			<tr>
				<td colspan="2" valign="bottom">
					<strong class="texto">Descripci&oacute;n:</strong>&nbsp;&nbsp;
					<input type="text" class="texto" name="descripcion" id="descripcion" size="70" />
				</td>
			</tr>
			<tr>
				<td colspan="2" valign="bottom">
					<strong class="texto">Fecha del pedido:</strong><br/>&nbsp;&nbsp;
					<strong class="texto">Desde:</strong>&nbsp;&nbsp;
					<input name="fechaDesde" type="text" class="texto" id="fechaDesde" size="11" maxlength="10" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<strong class="texto">Hasta:</strong>&nbsp;&nbsp;
					<input name="fechaHasta" type="text" class="texto" id="fechaHasta" size="11" maxlength="10" />
				</td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<a href="javascript:Buscar();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Buscar','','../img/buscar2.gif',1)"><img src="../img/buscar.gif" alt="Buscar" name="Buscar" height="35" border="0"></a>
				</td>
			</tr>
    	</table>
    	</form>
    </td>
  </tr>
  <tr>
  	<td height="20">&nbsp;</td>
  </tr>
  <tr>
    <td>
    <table width="610"  border="0" align="center" cellpadding="2" cellspacing="0">    
      <tr>
        <td width="130" bgcolor="#F0F0F0"> &nbsp;<img src="../img/bulet5.gif" width="15" height="16" align="absmiddle"> <span class="titulos">Id del pedido</span></td>
        <td width="240" bgcolor="#E1E1E1" class="titulos">Descripci&oacute;n del pedido</td>
        <td width="120" bgcolor="#F0F0F0" class="titulos"><div align="center">Fecha del pedido</div></td>
        <td width="120" bgcolor="#E1E1E1" class="titulos"><div align="center">Estado</div></td>
      </tr>
      <tr>
        <td colspan="4" class="texto_titulos">
<% 
	Iterator<Pedido> itPedidos = listaPedidos.iterator();
	Pedido pedido = null;
	int i = 0;
	while(itPedidos.hasNext()){
		pedido = itPedidos.next();
		i++;
%>          
		 <table width="100%" border="0" >
          <tr>
          	<td width="130" bgcolor="#F0F0F0"><span class="texto"><%=pedido.getIdPedido()%></span></td>
	        <td width="240" bgcolor="#E1E1E1"><span class="texto"><%=pedido.getDescripcion()%></span></td>
	        <td width="120" bgcolor="#F0F0F0"><span class="texto"><%=DateUtil.getStringFromDate(pedido.getFechaPedido(), "dd/MM/yyyy")%></span></td>
	        <td width="120" bgcolor="#E1E1E1"><span class="texto"><%=pedido.getEstado()%></span></td>
	      </tr>
          <tr>
			<td bgcolor="#F9F9F9" class="texto_titulos" nowrap><a href="javascript:verDetallePedido(<%=pedido.getIdPedido()%>)" style="color:#004b96; text-decoration:none;"><span style="font-weight:bold;">Ver Detalle&nbsp;</span></a>
			<td colspan="3"></td>
          </tr>
        </table> 
<% } %>    
        </td>
      </tr>              
    </table>
	</td>
  </tr>  
  <tr>
      <td>
      	<table width="934" border="0" align="center" cellpadding="0" cellspacing="0">
      		<tr>
		    	<td>&nbsp;</td>
		    </tr>
		    <tr>
		    	<td><div align="center">
		          <p><img src="../img/line.gif" width="913" height="10"></p>
		        </div></td>
		    </tr>
		    <tr>
        <td><div align="center"><span class="pie">2015 TFC Roberto Mart&iacute;nez Sierra</span></div></td>
		    </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>