<html >

<head>

<?
$fecha=$_GET["fecha"];

$perfil = $_GET['op'];

if($fecha==""){$fecha=date("Y-m-d");}



?>

<style type="text/css">

.tabla{ border-collapse:collapse; border-bottom:1px black;}

.tabla td { border-bottom:1px solid black;}

.boton {

	background-color: #000000;

	color: #FFFFFF;

	width: 60px;

}

.boton:hover {

	background-color: #999999;

	width: 60px;

}

</style>

<script language="javascript" src="calendario_cierre/calendar_db.js"></script>

 <link type="text/css" href="calendario_cierre/calendar.css" rel="stylesheet" />

</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">

</script>

<script>

$(document).ready(function(){

  $("#GO").click(function(){ 

  fecha=document.getElementById("fecha").value;

  fecha2=document.getElementById("fecha2").value;

  $.post("asistencias2.php",{fecha:fecha,fecha2:fecha2,perfil:<?php echo $perfil; ?>},function(data,status){

   $("#contenido").html(data); });				

	});		

});

</script>

<style>

			  body table {

				border-collapse: collapse;

			}

			body table td {

				border: 1px solid #000000;

			}          

			  .datos .tl{-moz-box-shadow:inset 0 0 20px #000000;-webkit-box-shadow: inset 0 0 20px #000000;box-shadow: inset 0 0 20px #000000;}

			  .datos .trs{min-height:30px !important;max-height:30px !important;height:30px !important;background:url(images/tcancion.jpg) repeat-x;color:#ffffff;font-size:12px;}

			  .datos .trs .link{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;background:#86B404;padding:3px;text-decoration:none;float:left;}

			  .datos .trs .link:hover{background:#A5DF00;}

              .datos .trsb{min-height:15px !important;max-height:15px !important;height:15px !important;background:url(images/tcancion2.png);color:#58D3F7;font-size:12px;}

			  .datos .trsb td{border-left:solid 1px #6E6E6E;}

			  .datos .trsb td:first-child{border-left:none;}

			  .datos .tr{min-height:20px !important;max-height:20px !important;height:20px !important;background:#ffffff;border-top:solid 1px #D8D8D8; color:#084B8A;font-size:10px;}

			  .datos .trb{min-height:20px !important;max-height:20px !important;height:20px !important;background:#ffffff;border-top:solid 1px #D8D8D8;border-left:solid 1px #000; color:#0D0D0D;font-size:11px;}

			  .datos .trbmenosmes{min-height:20px !important;max-height:20px !important;height:20px !important;background:#ffffff;border-top:solid 1px #D8D8D8; color:#E0000D;font-size:11px;}

			  .datos .trb td{border-left:solid 1px #D8D8D8;padding-left:10px;}

			  .datos .trb td:first-child{border-left:none;}

			  .datos .trb .tds{background:#A4A4A4;}

			  .datos .trssb{min-height:15px !important;max-height:15px !important;height:15px !important;background:url(images/tcancion2.png);color:#848484;}	

			  .datos .tr td{border-left:solid 1px #D8D8D8;padding-left:10px;}

			  .datos .tr td:first-child{border-left:none;}

	          .datos .tr:hover{background:#01A9DB;color:#ffffff;}	

	          .datos .tr:hover a{color:#ffffff;}

              .datos .tr1{min-height:20px !important;max-height:20px !important;height:20px !important;background:#E0F8F7;border-top:solid 1px #D8D8D8; color:#084B8A;font-size:13px;}	

              .datos .tr1 td{border-left:solid 1px #D8D8D8;padding-left:10px;}

			  .datos .tr1 td:first-child{border-left:none;}

	          .datos .tr1:hover{background:#01A9DB;color:#ffffff;}	

	          .datos .tr1:hover a{color:#ffffff;}

			  .datos .trb1{min-height:20px !important;max-height:20px !important;height:20px !important; background:#CCCCCC;border-top:solid 1px #D8D8D8; color:#0D0D0D;font-size:12px;}

</style>

<title>Asistencias</title>

</head>

<body>

<form name="form">

<center>

<table class="tabla">

<tr><td colspan="3" align="center">Selecciona la fecha</td></tr>

<tr><td>Fecha Inicial</td><td>Fecha Final</td></tr>

<tr>

	<td>

	   <input type="text" name="fecha" id="fecha"class="inp" readonly>

				     <script language="JavaScript">

                         var o_cal = new tcal ({

                          // form name

                          'formname': 'form',

                          // input name

                          'controlname': 'fecha'

                          });

                         // individual template parameters can be modified via the calendar variable

                          o_cal.a_tpl.yearscroll = false;

                          o_cal.a_tpl.weekstart = 1;     

                     </script>

	</td>

	<td>

	   <input type="text" name="fecha2" id="fecha2" class="inp" readonly>

				     <script language="JavaScript">

                         var o_cal = new tcal ({

                          // form name

                          'formname': 'form',

                          // input name

                          'controlname': 'fecha2'

                          });

                         // individual template parameters can be modified via the calendar variable

                          o_cal.a_tpl.yearscroll = false;

                          o_cal.a_tpl.weekstart = 1;     

                     </script>

	</td>

</tr>

<TR><TD align="center" colspan="2"><P class="boton" ID="GO">BUSCAR</P></TD></TR>

</table>

<br><br>

<div class="contenido" id="contenido">

</div>

</center>

<!--<script>

fecha=document.getElementById("fecha").value;

	$.post("reporteauditoria2.php",{fecha:fecha},function(data,status){

				$("#contenido").html(data); });	

		

</script>-->

</body>

</html>