<?php include('meta.php') ?>
<?php $bg_header = "bg_hc"; include('header.php') ?>
<div id="box_body"><!-- body center -->

<script type="text/javascript">
$(document).ready(function() {
        $.datetimepicker.setLocale('es');
        $('#datetimepicker').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker2').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker3').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker4').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker5').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker6').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker7').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker8').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker9').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker10').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker11').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker12').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker13').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
        $('#datetimepicker14').datetimepicker({
          format:'Y-m-d',
          timepicker:false,
        });
    });
</script>
<h3 style="color:red">Modulo en pruebas</h3>
  <br /><span class="big_title_h2">Informes</span>
    <br />
    <form name="form1" method="post" action="result_informe.php" >
      <div class="row" style="display:initial">
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 1 Efectividad de agenda -->
              <h3 class="panel-title">Efectividad de agenda</h3>
            </div>
            <div class="panel-body">
              <p>DESDE:  <input type="text" name="start_efec_agen" id="datetimepicker" style="width:160px;" ></p>
              <p>HASTA: <input type="text" name="end_efec_agen" id="datetimepicker2" style="width:160px;" >  </p>
            </div>
          </div>  
            <strong></strong><br><br>          
          </div>
          <div class="col-md-4">
          <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 2 Efectividad de valoración -->
              <h3 class="panel-title">Efectividad de valoración</h3>
            </div>
            <div class="panel-body"> 
              <p>DESDE: <input type="text" name="start_efec_val" id="datetimepicker3" style="width:160px;"></p>
              <p>HASTA: <input type="text" name="end_efec_val" id="datetimepicker4" style="width:160px;" ></p>     
            </div>
          </div>  
          </div>
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 3 Efectividad de de tratamiento de alimentación -->            
              <h3 class="panel-title">Efectividad de tratamiento de alimentación</h3>
            </div>
            <div class="panel-body">             
              <p>DESDE: <input type="text" name="start_efec_tal" id="datetimepicker5" style="width:160px;"></p>
              <p>HASTA: <input type="text" name="end_efec_tal" id="datetimepicker6" style="width:160px;" ></p>    
            </div>
          </div>              
          </div>
        </div>  
<!-- segunda linea de cajas -->
        <div class="row" style="display:initial">
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!--- 4 - Efectividad de adherencia             -->
              <h3 class="panel-title">Efectividad de adherencia</h3>
            </div>
            <div class="panel-body">
             <p>DESDE: <input type="text" name="start_efec_adh" id="datetimepicker7" style="width:160px;"></p>
             <p>HASTA: <input type="text" name="end_efec_adh" id="datetimepicker8" style="width:160px;" ></p>
            </div>
          </div>  <br><br>          
          </div>
          <div class="col-md-4">
          <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 5 Porcentaje de abandono             -->
              <h3 class="panel-title">Porcentaje de abandono</h3>
            </div>
            <div class="panel-body">            
              <p>DESDE: <input type="text" name="start_efec_aba" id="datetimepicker9" style="width:160px;"></p>
              <p>HASTA: <input type="text" name="end_efec_aba" id="datetimepicker10" style="width:160px;" ></p>
            </div>
          </div> 
 </div>   
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!--- 6 - Efectividad de agendamiento P.A.            -->
              <h3 class="panel-title">Efectividad de agendamiento P.A.</h3>
            </div>
            <div class="panel-body">
             <p>DESDE: <input type="text" name="start_efec_apa" id="datetimepicker11" style="width:160px;"></p>
             <p>HASTA: <input type="text" name="end_efec_apa" id="datetimepicker12" style="width:160px;" ></p>
            </div>
          </div>      
          </div>
         </div>  
<!-- 3 linea -->
<!-- 
 <div class="row" style="display:initial">
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 1 Efectividad de agenda 
              <h3 class="panel-title">Efectividad de tiempo de citas</h3>
            </div>
            <div class="panel-body">
              <p>DESDE:  <input type="text" name="start_efec_time" id="datetimepicker13" style="width:160px;" ></p>
              <p>HASTA: <input type="text" name="end_efec_time" id="datetimepicker14" style="width:160px;" >  </p>
            </div>
          </div>  
            <strong></strong><br><br>          
          </div>
          <div class="col-md-4">
          <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 2 Efectividad de valoración 
              <h3 class="panel-title"></h3>
            </div>
            <div class="panel-body"> 
            </div>
          </div>  
          </div>
          <div class="col-md-4">
            <div class="panel panel-default" >
            <div class="panel-heading" style="background-color:#F3DC64">
<!-- 3 Efectividad de de tratamiento de alimentación            
              <h3 class="panel-title"></h3>
            </div>
            <div class="panel-body">             
            </div>
          </div>              
          </div>
        </div>
<!-- end 3 line 
-->
           <br/ ><br /><br /><br/ ><br />
            <div align="center"><input type="submit" name="submit" value="Consultar"></div> 
          </div>
          
        </div>  
    </form>

</div>
	</div><!-- END body center -->
<?php include('../footer.php') ?>
