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

<!--CALENDARIO-->
<!--<link rel="stylesheet" href="calendario/themes/base/jquery.ui.all.css">
<meta content="text/html;" charset="iso-8859-1;" http-equiv="Content-Type" />  
	<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" type="text/css" href="notification_menu/css/style_light.css">
	<!--<link rel="stylesheet" href="calendario/demos.css">-->
	<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
	<style type="text/css">
	 select { 
		    font-family: Georgia;
			font-size: 11px;
            color: #888;
            background-color:#f6f6f6;
			width:100px;
			height:15px;
           }
	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');
}

div#contenedor
{
	position:relative;
	width: auto;
	height:auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
    background-color:#;
}
div#cuerpo
{
   position:relative;
   overflow:auto;
   height:auto;
   width:780px;
   top:px;
   left:120px;
  background-color:#;
}
.menu{
top:20px;
width:120px;
height: 500px;
position: absolute;
margin-left: ;
left:%;
margin-top: 0px;
background-color:#}
.fila{border-left: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;}

            .tabla{width:98%;background:#ffffff;border-collapse: collapse;font-family:arial;}
			.titulo{height:35px;max-height:35px !important;background:#ffffff url(images/tlcancion.jpg) repeat-x;color:#0d0d0d;font-size:10px;}
			.titulos{height:30px;background:url(images/tcancion.jpg) ;max-height:30px !important;color:#ffffff;font-size:10px;}
			.subtitulos{height:30px;background:url(images/tcancion.jpg) repeat-x;max-height:30px !important;color:#ffffff;font-size:10px;}
			.nombre{height:28px;color:#000000;text-align:center;font-size:12px;}
			.concepto{height:28px;background:url(images/tcancion.jpg) repeat-x;color:#ffffff;text-align:center;font-size:11px;}
			.inp{width:35px;text-align:right;font-size:10px;}
			.inpd{width:15px;text-align:right;font-size:10px;}
			.tdcal{background:#ffffff;font-size:11px;}
			.tdcali{background:#ffffff;font-size:11px;border-right:solid 1px #A9D0F5;}
			.tdcalm{font-size:9px;}
			.tdcal1p{background:#F9F263;font-size:11px;font-weight:bold;}
			.tdcali1p{background:#F9F263;font-size:11px;border-right:solid 1px #A9D0F5;}
			.tdcalm1p{background:#C6E06D;font-size:11px;font-weight:bold;text-align:left;}
			.act{display:block;overflow:hidden;width:100%;height:50px;background:#BEF781;font-family:arial;font-size:17px;font-weight:bold;color:#4B610B;text-align:center;border:solid 2px #4B610B;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px; -Moz-box-shadow: 0px 5px 10px # 556B2F;-webkit-box-shadow: 0px 5px 10px #556B2F; box-shadow: 0px 5px 10px #556B2F;}
			.act p{position:relative;top:0px;}
			.act img{position:relative;width:40px;height:40px;top:-50px;left:250px;}
			h2{font-family:arial;font-size:16px;}
			.sinfor{text-decoration:none;}
			.tdlin{border-right:solid 1px #A4A4A4;}
			.tdlin2{border-right:solid 1px #ffffff;}
</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;
//alert(id + "-" + n + "-" + 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,idemp,op){ 
var idp=id;
var inc=i;
var empleado=idemp;
var opc=op;
if(document.getElementById('borrar'+inc).checked == true){
$("#fila"+inc).hide();
}
$.post("borrarpendiente.php", {idp:idp,empleado:empleado,op:opc}, function(data){
$("#destino").html(data);
});
}
function noleido(id,i,idemp,op){ 
var idp=id;
var inc=i;
var empleado=idemp;
var opc=op;
if(document.getElementById('borrar'+inc).checked == true){
$("#fila"+inc).hide();
}
$.post("noleido.php", {idp:idp,empleado:empleado,op:opc}, function(data){
$("#destino").html(data);
});
}
function ver(id,op){ 
$("#entrada").hide();
$("#eee").html("<br><br><br><br><br><br><br><br><center><img width='500' src='images/loading.gif'></center>'");
var idemp=id;
var op=op;
$.post("pendientesstatus.php", {idp:idemp,op:op}, function(data){
$("#eee").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
?>
                        
						<!--<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="contenedor">						
<div id="destino"></div>
<?
//entrada
$busqueda=mysql_query("select count(*) as total from pendientes where destino='$id_empleado' AND id_subpendiente=0 and id_destino<>'$id_empleado' AND eliminado!='SI'",$db_conexion);
$r=mysql_fetch_array($busqueda);
//enviados
$enviados=mysql_query("select count(*) as total from pendientes where remitente='$id_empleado' AND id_subpendiente=0  AND id_usuario<>'$id_empleado' AND eliminado!='SI'",$db_conexion);
$envia=mysql_fetch_array($enviados);
//pendientes eliminados
$busquedaeli=mysql_query("select count(*) as total from pendientes where (destino='$id_empleado' or remitente='$id_empleado') and eliminado='SI' and (id_usuario='$id_empleado' or id_destino='$id_empleado')",$db_conexion);
$reli=mysql_fetch_array($busquedaeli);
?>
<div class="menu">
<ul class="ttw-notification-menu2" style="margin-top:15px;">
 <li class="notification-menu-item"><a href="javascript:ver(<?echo $id_empleado?>,'entrada');">Entrada</a><span id="ent_" style="background-color: #86B404;" class="notification-bubble"><?echo $r['total'];?></span></li>
</ul>
<ul class="ttw-notification-menu2" style="margin-top:15px;">
 <li class="notification-menu-item"><a href="javascript:ver(<?echo $id_empleado?>,'enviados');">Enviados</a><span id="env_" style="background-color: #FACC2E;" class="notification-bubble"><?echo $envia['total'];?></span></li>
</ul>
<ul class="ttw-notification-menu2" style="margin-top:15px;">
 <li class="notification-menu-item"><a href="javascript:ver(<?echo $id_empleado?>,'eliminados')">Eliminados</a><span id="el_" style="background-color: #FF0000;" class="notification-bubble"><?echo $reli['total'];?></span></li>
</ul>
</div>
<div id="cuerpo">
<div id="eee"></div>
				      <table border="0" cellpadding="0" cellspacing="0" class="tabla" id="entrada">
                      <caption><h4><b>PENDIENTES <?php echo $_SESSION['usuario_login']; ?></b></h4></caption>
							    <thead>								
									<tr class="titulos">
									  <th align='center'>No</th>
									  <th align='center'>Fecha</th>
									  <th align='center'>Area</th>
									  <th align='center'>Remitente</th>
									  <th align='center'>Destinatario</th>
									  <th align='center'>Asunto</th>
									  <th align='center'>Observaciones</th>
									  <th align='center'>Status</th>
									  <th align='center'>Eliminar</th>
									  <th align='center'>Ver</th>		
									</tr>
								</thead>
								<tbody>
								 					  
								 <?php	
								// or remitente='$id_empleado'
 								 $busqueda=mysql_query("select * from pendientes where destino='$id_empleado' and id_subpendiente=0 and id_destino<>'$id_empleado'  AND eliminado!='SI'order by fecha_ingreso desc",$db_conexion);
								 $i=1;
								 while($res=mysql_fetch_array($busqueda))
								 {				 
								  
								 ?>
								    <tr id="fila<?echo$i?>">
                                        <td class="tdcalm fila" align='center'><font size="1"><strong><?echo $i;?></strong></font></td>									
                                        <td class="tdcalm fila">
										<font size="1"><?echo $res['fecha_ingreso'];?></font></td>
										<td class="tdcalm fila"><font size="1"><?$txt=strtolower($res['area']);echo ucwords($txt);?></font></td>			
										<td class="tdcalm fila"><font size="1">
										<? 
										$rem=mysql_query("select * from empleados where id_empleado='$res[remitente]'",$db_conexion);
										if($rr=mysql_fetch_array($rem))
										{
										 $rem=$rr['nombre']." ".$rr['a_pat']." ".$rr['a_mat'];
										 $rem1=strtolower($rem);
										 echo ucwords($rem1);
										}										 
										?>
										</font></td>
										<td class="tdcalm fila"><font size="1">
										<? 
										$rem=mysql_query("select * from empleados where id_empleado='$res[destino]'",$db_conexion);
										if($rr=mysql_fetch_array($rem))
										{
										 $rem=$rr['nombre']." ".$rr['a_pat']." ".$rr['a_mat'];
										 $rem1=strtolower($rem);
										 echo ucwords($rem1);									 
										}										 
										?>
										</font></td>
										<td class="tdcalm fila">
                                        <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'> ".ucwords($res['accion']);
										 }
										 else 
										 {
										  echo "<img src='images/email_go.png'> ".ucwords($res['accion']);
										 }
										?>
                                        </font>
                                        </td>
										<td class="tdcalm fila"><font size="1"><? echo  ucwords(substr($res['observaciones'],0,23))."..."; ?></font></td>
										<td class="tdcalm fila">
										  <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>
											
											<?if($res['remitente']==$id_empleado){?>
											<option VALUE="OK" class="impar">OK</option>
											<?}else{?>
											<option value="NO ATENDIDO" class="impar">NO ATENDIDO</option>								
											<option value="PROCESO" class="par">PROCESO</option>
											<option value="TERMINADO" class="par">TERMINADO</option>
											<?}?>
										   </select>
										   </td>
										    <?
											 if($res['status']=="OK"){$dis="";}else{$dis="disabled";}
											?>
										   <td>
										   <div id="cambiastatus<?echo$i?>"></div>
										  </td>
										  </tr>
										  </table>
										</td>
										<td class="tdcalm fila" align="center"><input type="checkbox" name="borrar" id="borrar<?echo$i?>"  <?echo$dis;?> onclick="borrar(<?echo$res['id_pendiente']?>,<?echo$i?>,<?echo$id_empleado?>,'entrada')"></td>
										<td class="tdcalm fila">
                                       
                                         <table border="0">
                                          <tr>
                                            <td>
                                            	<form name="form1" action="pendiente_consultar.php" target="_blank" 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="noleido(<?echo$res['id_pendiente']?>,<?echo$i?>,<?echo$id_empleado?>,'entrada')">
												<input type="hidden" name="sta" id="sta<?echo$i?>" value="<?echo $res['status']?>">
                                                </form>                                                
                                            </td>
                                            <!--onClick="contenido();<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>
                      

	</div><!--cuerpo-->				   
</div><!--contenedor-->
        				
</body>