<?php
session_start();
include "./var.php";
$datostablausuarios = getusuarios();
$tablalineadeneg = gelineadenegocio();
$tabaetapaproy = getetapaproy();
$movingresostab = getmovingresostab();
$tableodirect = gettableotrdirectos();
$optionespecialistas = getoptiongastosoperativos();

$totalotrosdirectos = gettotlmontootrosdirectos();

$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 Otros Directos:</strong> </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">Concepto:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="nombreprod" class="form-control">
                            <!--<select id="nombreprod" class="form-control">
                              <option value="">Selecciona una opción </option>
                            </select>-->
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Monto:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="monto" class="form-control col-md-7 col-xs-12" type="text" name="puestoprod" required="required">
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Descripción:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="descripcion" class="form-control col-md-7 col-xs-12" type="text" name="sueldoprod" required="required">
                          </div>
                        </div>

                        <!--<div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Total otros directos:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="totales" class="form-control col-md-7 col-xs-12" type="text" name="sueldoprod"  value="$totalotrosdirectos" disabled>
                          </div>
                        </div>


                        

                        <div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Costo hora:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="costohora" class="form-control col-md-7 col-xs-12" type="text" name="costohora" required="required">
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Horas laborales :</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="tiempohoras" class="form-control col-md-7 col-xs-12" type="text" name="tiempohoras" required="required">
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Días laborales a la semana:</label>
                          <div class="col-md-6 col-sm-6 col-xs-12">
                            <input id="tiempodiassemana" class="form-control col-md-7 col-xs-12" type="text" name="tiempodiassemana" 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="limpiargastos" class="btn btn-primary" type="reset">Limpiar</button>
                            <button type="button" class="btn btn-success" onclick="agregarotrosdirect();">Guardar</button>
                          </div>
                        </div>
                    </form>
                  </div>
                  
                   <div class="x_content">
                    <div class="table-responsive">
                      <table class="table table-striped jambo_table bulk_action" id="example2" class="table table-striped table-bordered dt-responsive nowrap"cellspacing="0">
                        <thead>
                        <th>Concepto</th>
                        <th>Monto</th>
                        <th>Descripción</th>
                        <th>Eliminar</th>
                        </thead>
                        <tbody>
                       $tableodirect
                        </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;
?>