<?
  session_start();
  require('../valtiempoinact.php');
  require("../conectar.php");
  $usuario_nivel=$_SESSION['usuario_nivel'];
  $usuario_login=$_SESSION['usuario_login'];
?>
<html>
<head>
<title></title>
<!--Evita que muestre signos raros al colocar ñ y acentos -->
<meta content="text/html; charset="iso-8859-1; http-equiv="Content-Type" />  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<!--CALENDARIO-->
<link rel="stylesheet" href="calendario/themes/base/jquery.ui.all.css">
	<script src="calendario/jquery-1.5.1.js"></script>
	<script src="calendario/ui/jquery.ui.core.js"></script>
	<script src="calendario/ui/jquery.ui.widget.js"></script>
	<script src="calendario/ui/jquery.ui.datepicker.js"></script>
	<!--<link rel="stylesheet" href="calendario/demos.css">-->
	<style type="text/css">
	 select { 
		    font-family: Georgia;
			font-size: 11px;
            color: #888;
            background-color:#f6f6f6;
           }
	option { font-family: Georgica; font-size: 16px; color: #888; background-color:#f6f6f6; }
    option.impar {background-color: #fff}
    option.par {background-color: #f6f6f6}

.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	width: 200px; height: 14px;
    position:fixed;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -100px;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/exito.png');
}
</style>
	<script>
	$(function() {
		$( "#datepicker" ).datepicker();
	});
	</script>
<!--TERMINA CALENDARIO-->

<!--estilo de la tabla      conflictoooooooooooo-->
<link rel="stylesheet" href="style.css"/>

<script language="javascript">
function contenido()
{
 div=document.getElementById('contenido');
 div.style.display='';
}

function contenido_ocultar()
{
 div=document.getElementById('contenido');
 div.style.display='none';
}
function status(id,n,i){
var status=n; 
var idp=id;
var inc=i;
if(status!="OK"){
document.getElementById('borrar'+i).disabled=true;
}else{
document.getElementById('borrar'+i).disabled=false;
}
$.post("actstatuspen.php", {status:status,idp:idp}, function(data){
$("#cambiastatus"+i).html(data);
document.getElementById('sta'+inc).value=status;
});
}
function borrar(id,i){ 
var idp=id;
var inc=i;
if(document.getElementById('borrar'+inc).checked == true){
$("#fila"+inc).hide();
}
$.post("borrarpendiente.php", {idp:idp}, function(data){
$("#destino").html(data);
});
}
</script>

</head>
<body>
<?php
 
 // CONSULTA PARA EXTRAER LOS VALORES DEL USUARIO ACTUAL
 $empleado=mysql_query("select * from empleados where id_empleado='$_SESSION[usuario_id]'",$db_conexion);
 if($re=mysql_fetch_array($empleado))
 {
  $id_empleado=$re['id_empleado'];	
  $usuario=$re['usuario'];								 
 }
 // CONSULTA PARA EXTRAER LOS VALORES DEL USUARIO ACTUAL
?>
<div class="post_section" style="text-align:center;">
                        
						<!--<a href="pendiente_enviados.php?usuario=<? // echo $_SESSION['usuario_login']; ?>" onClick="window.open(this.href, this.target,'width=1000, height=400,scrollbars=yes'); return false;" style="cursor:pointer; text-decoration:none;"><img src="images/enviados.png" width="18" height="18"><br>Mensajes Enviados</a>-->
<div id="destino"></div>
				      <table border="0" cellpadding="0" cellspacing="0" class="sortable" id="table">
                      <caption><h4><b>PENDIENTES ELIMINADOS <?php echo $_SESSION['usuario_login']; ?></b></h4></caption>
							    <thead>								
									<tr style="font-size:10px;">
									  <th width="183">No</th>
									  <th width="183">FECHA</th>
									  <th width="183">AREA</th>
									  <th width="239">REMITENTE</th>
									  <th width="239">DESTINATARIO</th>
									  <th width="158">ASUNTO</th>
									  <th width="183">OBSERVACIONES</th>
									  <th width="183">STATUS</th>
									  <th width="172">CONSULTAR</th>		
									</tr>
								</thead>
								<tbody>
								 					  
								 <?php								 
 								 $busqueda=mysql_query("select * from pendientes where (destino='$id_empleado' or remitente='$id_empleado') and id_subpendiente=0 and eliminado='SI' order by fecha_ingreso desc",$db_conexion);
								 $i=1;
								 while($res=mysql_fetch_array($busqueda))
								 {				 
								  
								 ?>
								    <tr id="fila<?echo$i?>">
                                        <td><font size="1"><?echo $i;?></font></td>									
                                        <td>
										<font size="1"><?echo $res['fecha_ingreso'];?></font></td>
										<td><font size="1"><?echo $res['area'];?></font></td>										
										<td><font size="1">
										<? 
										$rem=mysql_query("select * from empleados where id_empleado='$res[remitente]'",$db_conexion);
										if($rr=mysql_fetch_array($rem))
										{
										 echo $rr['nombre']." ".$rr['a_pat']." ".$rr['a_mat'];									 
										}										 
										?>
										</font></td>
										<td><font size="1">
										<? 
										$rem=mysql_query("select * from empleados where id_empleado='$res[destino]'",$db_conexion);
										if($rr=mysql_fetch_array($rem))
										{
										 echo $rr['nombre']." ".$rr['a_pat']." ".$rr['a_mat'];									 
										}										 
										?>
										</font></td>
										<td>
                                        <font size="1">
										<? 	
										$respuestas=mysql_query("select count(*) as res from pendientes where id_subpendiente='$res[id_pendiente]' and status='En proceso' and destino='$id_empleado';",$db_conexion);
										$resp=mysql_fetch_array($respuestas);
										 if($resp['res']>0)
										 {
										  echo "<img src='images/email_add.png'> ".$res['accion'];
										 }
										 else 
										 {
										  echo "<img src='images/email_go.png'> ".$res['accion'];
										 }
										?>
                                        </font>
                                        </td>
										<td><font size="1"><? echo substr($res['observaciones'],0,23)."..."; ?></font></td>
										<td>
										  <table>
										  <tr>
										   <td>
										   <select name="status" onchange="javascript:status(<?echo $res['id_pendiente'];?>,this.value,<?echo$i?>)">
										    <option value="<?echo $res['status']?>"><? echo $res['status'];?></option>
											<option value="NO ATENDIDO" class="impar">NO ATENDIDO</option>
											<option value="PROCESO" class="par">PROCESO</option>
											<?if($res['remitente']==$id_empleado){?>
											<option VALUE="OK" class="impar">OK</option>
											<?}?>
										   </select>
										   </td>
										    <?
											 if($res['status']=="OK"){$dis="";}else{$dis="disabled";}
											?>
										   <td>
										   <div id="cambiastatus<?echo$i?>"></div>
										  </td>
										  </tr>
										  </table>
										</td>
										<td>
                                         <table border="0">
                                          <tr>
                                            <td>
                                            	<form name="form1" action="pendiente_consultar.php" target="mensajes" method="post">
                                                <input type="hidden" name="id" value="<? echo $res['id_pendiente']; ?>">
                                                <input type="image" src="images/magnifier_zoom_in.png" width="18" height="18" title="Consultar Mensaje" onClick="contenido();">
												<input type="hidden" name="sta" id="sta<?echo$i?>" value="<?echo $res['status']?>">
                                                </form>                                                
                                            </td>
                                            <td>
                                            	<form name="form2" action="" target="mensajes">
                                                <input type="image" src="images/magnifier_zoom_out.png" width="18" height="18" title="Ocultar Mensaje" onClick="contenido_ocultar();">
                                                </form>                                                
                                            </td>
                                          </tr>
                                        </table>                                       
                                       
                                        </td>
									</tr>
									
								  <?
									$i++;								  
								   } 
								 ?>
					    </tbody>
					  </table>
                      
					  <!-- ESPACIO DONDE SE VERA EL CONTENIDO DEL MENSAJE -->  
                                        
                      <div id="contenido" style="display:none;">
                      <table border="0" cellpadding="0" cellspacing="0" class="sortable" id="table">
					   <tbody>
					    <tr>										
						 <td colspan="6" align="center">
                         <iframe width="963px" height="300" src="" scrolling="yes" frameborder="0" name="mensajes"></iframe>
                         </td>
						</tr>
					    </tbody>
					  </table>                      
                       <!-- ESPACIO DONDE SE VERA EL CONTENIDO DEL MENSAJE -->
                       </div>
                   
						 <!-- <div id="controls">
								<div id="perpage">
									<select onChange="sorter.size(this.value)">
									    <option value="1">1</option>
										<option value="10" selected="selected">10</option>
										<option value="20">20</option>
										<option value="50">50</option>
										<option value="100">100</option>
									</select>
									<span>Entradas por Página</span>
								</div>
								<div id="navigation">
									<img src="images/first.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1,true)" />
									<img src="images/previous.gif" width="16" height="16" alt="First Page" onClick="sorter.move(-1)" />
									<img src="images/next.gif" width="16" height="16" alt="First Page" onClick="sorter.move(1)" />
									<img src="images/last.gif" width="16" height="16" alt="Last Page" onClick="sorter.move(1,true)" />
								</div>
								<div id="text">Pagina <span id="currentpage"></span> de <span id="pagelimit"></span></div>
							</div>
							<script type="text/javascript" src="script.js"></script>-->
							<!--<script type="text/javascript">
								var sorter = new TINY.table.sorter("sorter");
								sorter.head = "head";
								sorter.asc = "asc";
								sorter.desc = "desc";
								sorter.even = "evenrow";
								sorter.odd = "oddrow";
								sorter.evensel = "evenselected";
								sorter.oddsel = "oddselected";
								sorter.paginate = true;
								sorter.currentid = "currentpage";
								sorter.limitid = "pagelimit";
								sorter.init("table",0);
							</script>-->
					
						</p>                
                    </div>
					
</body>