<?php
session_start();
include "./var.php";
$datostablausuarios = getusuarios();
$tablagastos = getgastos($_SESSION['id_estrategia']);
$tablalineadeneg = gelineadenegocio();
$tabaetapaproy = getetapaproy();
$movingresostab = getmovingresostab();

$proyectosoption = getproyectosoption();
$etapasoption = getetapasoption();
$idusuario = $_SESSION['id_estrategia'];
$nombreusuario = $_SESSION['nombre_estrategia'];
$horastable = gethorastable();
$adicionales=<<<sss
<script src="../js/scripttable.js"></script>
<script>
$('#example2').DataTable();
var table = $('#example2').DataTable();

$('#example2 tbody').on( 'click', 'tr', function () {
    if ( $(this).hasClass('selected') ) {
        $(this).removeClass('selected');
    }
    else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    }
} );

$('#example3').DataTable();
var table = $('#example3').DataTable();

$('#example3 tbody').on( 'click', 'tr', function () {
    if ( $(this).hasClass('selected') ) {
        $(this).removeClass('selected');
    }
    else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    }
} );

</script>
sss;
echo $varfirst;

echo $var=<<<llll
<div class="right_col" role="main">
            <div class="col-md-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><strong>Agregar Horas:</strong> <small></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
                    <br />
                    <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
                      
                      <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Número de Horas:</label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="idnumerohoras" class="form-control col-md-7 col-xs-12" type="number" name="ndegasto" required="required">
                          <input id="idusuario" class="form-control col-md-7 col-xs-12" type="hidden" name="ndegasto" required="required" value="$idusuario">
                          <input id="idusuarionombre" class="form-control col-md-7 col-xs-12" type="hidden" name="ndegasto" required="required" value="$nombreusuario">
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Nombre de proyecto:
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" id="idproyecto" required="required">
                            <option value="">Seleccione proyecto</option>
                            $proyectosoption
                          </select>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Etapa:
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" id="idetapa" required="required">
                            <option value="">Seleccione etapa</option>
                            $etapasoption
                          </select>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Fecha:
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="fechahoras" class="form-control col-md-7 col-xs-12" type="date" name="" required="required">
                        </div>
                      </div>

                      <div class="ln_solid"></div>
                      <br>
                      <div class="form-group">
                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                          <button id="limpiahoras" class="btn btn-primary" type="reset">Limpiar</button>
                          <button type="button" class="btn btn-success" onclick="agregarhoras();">Guardar</button>
                        </div>
                      </div>

                    </form>
                  </div>
                  
                   <div class="x_content">
                   <a onclick="descargarExcel();" title="Exportar a Excel" align="right"> <img src="./images/excel.png" title="Exportar" align="middle" height="22" width="22">Exportar a Excel</a>
                    <div class="table-responsive">
                      <table class="table table-striped jambo_table bulk_action" id="example3" class="table table-striped table-bordered dt-responsive nowrap"cellspacing="0">
                        <thead>
                          <th>&nbsp;&nbsp;&nbsp;&nbsp;Nombre de &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Usuario</th>
                          <th>Nombre de proyecto</th>
                          <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Etapa</th>
                          <th>Horas</th>
                          <th>Fecha</th>
                          <th>Eliminar</th>
                        </thead>
                        <tbody>
                          $horastable
                        </tbody>
                      </table>
                    </div>
                  <!--<button class="btn btn-danger" type="button" id="button">Borrar</button>
                  <small>(Para eliminar un registro debe seleccionarlo y después debe oprimir Borrar).</small>-->
                </div>
                </div>
            </div>

</div>
llll;
echo $varend;
echo $adicionales;
echo $cerrarend;
?>