<?php
session_start();
include "./var.php";
$tablagastos = getgastos($_SESSION['id_estrategia']);
$id_usuario = $_SESSION['id_estrategia'];
$clientesoptions = getclientesoption();
$lineasdenegocio = getoptionlienaneg();
$tipologias = getoptiotipologia();
$checksetapas = getchecketapas();

$adicionales=<<<sss
<script src="../js/scripttable.js"></script>
<script>

var idusuario = $id_usuario;
$('#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">
ejenmplo
<div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><i class="fa fa-bars"></i> Vertical Tabs <small>Float left</small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul>
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul>
                    <div class="clearfix"></div>
                    <form id="demo-form2" data-parsley-validate class="form-horizontal form-label-right">
                      <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Folio:</label>
                        <div class="col-md-2 col-sm-2 col-xs-12">
                          <input id="ndegasto" class="form-control col-md-7 col-xs-12" type="text" name="ndegasto" required="required" disabled>
                        </div>
                      </div>

                      <div class="form-group">
                        <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Cliente:</label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" id="idcliente" required="required">
                            <option value="">Seleccione opcion</option>
                            $clientesoptions
                          </select>
                        </div>
                      </div>

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

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

                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Seleccione linea de negocio:
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" id="idlineadenegocio" required="required">
                            <option value="">Seleccione opcion</option>
                            $lineasdenegocio
                          </select>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="last-name">Tipologia:
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" id="idtipologia" required="required">
                            <option value="">Seleccione opcion</option>
                            $tipologias
                          </select>
                        </div>
                      </div>
                        

                        <label class="col-md-1 col-sm-1 col-xs-12 control-label">Seleccione Etapas:
                          <br>
                        </label>
                      <div class="form-group">
                        $checksetapas
                      </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="agregarcotizacion();">Sioguiente</button>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="x_content">

                    <div class="col-xs-3">
                      <!-- required for floating -->
                      <!-- Nav tabs -->
                      <ul class="nav nav-tabs tabs-left">
                        <li class=""><a href="#home" data-toggle="tab" aria-expanded="false"><strong>Nómina arquitectura</strong></a>
                        </li>
                        <li class=""><a href="#profile" data-toggle="tab" aria-expanded="false"><strong>Especialistas</strong></a>
                        </li>
                        <li class="active"><a href="#messages" data-toggle="tab" aria-expanded="true"><strong>Otros Directos</strong></a>
                        </li>
                        <li class=""><a href="#settings" data-toggle="tab" aria-expanded="false"><strong>Indirectos</strong></a>
                        </li>
                      </ul>
                    </div>

                   
<div class="col-md-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2><strong>Presupuesto agregar indirectos:</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 />
                    
                  </div>
                   <div class="x_content">
                    <div class="table-responsive">
                      
                    </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;
?>