<?php
ob_start();
$id_proyecto = base64_decode($_GET['ticket']);
$session_id = trim($_REQUEST['session_id']);
session_save_path("../sesiones/");
session_name($session_id);
session_start();
$id_persona = $_SESSION['ID_PERSONA'];
  if(isset($id_persona)){
    include("../datos/mysqlpersona.php");                         
     $p = new mysqlpersona();
     $data = $p->getPersonaID($id_persona);
       for($i =0;$i<count($data);$i++){
            $nombre=  $data[$i]['NOMBRE'];
            $apellido_pa=  $data[$i]['APE_PATERNO'];
            $apellido_ma=  $data[$i]['APE_MATERNO'];
            $perfil =  $data[$i]['PERFIL'];
            $id_perfil=  $data[$i]['ID_PERFIL'];
            //DATA PERSONAL
            $email = $data[$i]['EMAIL'];
            $celular = $data[$i]['CELULAR'];
        }  
            $_SESSION['nombre']= $nombre;
            $_SESSION['ape_paterno']= $apellido_pa;
            $_SESSION['ape_materno']= $apellido_ma;
            $_SESSION['perfil']= $perfil;
            $_SESSION['id_perfil']= $id_perfil;
            //DATA PERSONAL
            $_SESSION['email']=$email;
            $_SESSION['celular']=$celular;
            $_SESSION['id_persona_registro'] = $_SESSION['ID_PERSONA'];
            $_SESSION['url'] = SID.'&session_id='.$session_id;

            require_once("../datos/mysqlproyecto.php");  
             $pro = new mysqlproyecto();
              $ar = $pro->getInfoProyecto($id_proyecto);
              for($i =0;$i<count($ar);$i++){
                if(empty($ar)){
                }else{  
                  $proyecto=  $ar[$i]['PROYECTO'];
                  $razon = $ar[$i]['RAZ_SOCIAL'];
                  $proyecto_id = $ar[$i]['ID_PROYECTO'];
                  $latitud=   $ar[$i]['LAT'];
                  $longitud = $ar[$i]['LONGI'];
                  $propio = $ar[$i]['PROPIO'];
                  $direccion= $ar[$i]['DIRECCION'];
                  $email= $ar[$i]['EMAIL'];
                  $abreviatura = $ar[$i]['ABREVIATURA'];
                  $activoProyecto = $ar[$i]['Activo'];

                }
              }
                $_SESSION['ID_PROYECTO']= $proyecto_id;
                $_SESSION['PROYECTO']= $proyecto;
                 $clave = base64_encode($proyecto_id);
  }else{
     //echo "<meta http-equiv='refresh' content='0;url=../administracion'>";
} 

function dameURL(){
  $url="http://".$_SERVER['HTTP_HOST'].":".$_SERVER['SERVER_PORT'].$_SERVER['REQUEST_URI'];
  return $url;
}

  ?>  
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Detalle Proyectos</title>
         <link href="../css/style.default.css" rel="stylesheet">
        <link href="../css/style.calendar.css" rel="stylesheet">
        <link href="../css/fullcalendar.print.css"  rel='stylesheet' media='print' />
        <link href="../css/select2.css" rel="stylesheet" />
        <link href="../css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
        <link href="../css/bootstrap-timepicker.min.css" rel="stylesheet" />
        <link href="../css/datepicker3.css" rel="stylesheet" />
        <link href="../css/jquery.gritter.css" rel="stylesheet">
        <link href="../css/jquery.multi-emails.css" rel="stylesheet">

        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">

        

        <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css">
        <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.css">
        <link rel="stylesheet" type="text/css" href="//editor.datatables.net/examples/resources/bootstrap/editor.bootstrap.css">
        <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
        <link href="../css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
      <link rel="stylesheet" type="text/css" href="../js/combodate.js">


    </head>
        <style type="text/css">
/* Tabs panel */
  .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 2000 !important;}
.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 8px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}.modal-static { 
    position: fixed;
    top: 50% !important; 
    left: 50% !important; 
    margin-top: -100px;  
    margin-left: -100px; 
    overflow: visible !important;
  }
  .modal-static,
  .modal-static .modal-dialog,
  .modal-static .modal-content {
      width: 200px; 
      height: 200px; 
  }
  .modal-static .modal-dialog,
  .modal-static .modal-content {
      padding: 0 !important; 
      margin: 0 !important;
  }
  .modal-static .modal-content .icon {
  }.container{
    margin-top:30px;
}

.filter-col{
    padding-left:10px;
    padding-right:10px;
}   { margin: 0; padding: 0; }
   

    </style>


    <body>
        <header>
            <div class="headerwrapper">
                <div class="header-left">
                    <div class="pull-right">
                        <a href="#" class="menu-collapse">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </div>
                <div class="header-right">
                    <div class="pull-right">                    
                        <div class="btn-group btn-group-option">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                              <i class="fa fa-caret-down"></i>
                            </button>
                            <ul class="dropdown-menu pull-right" role="menu">
                               
                              <li><a id="configcuenta" href="#"><i class="glyphicon glyphicon-cog"></i> Configuración cuenta</a></li>
                              <li class="divider"></li>
                               <li><a id="cerrar_session" href="#"><i class="glyphicon glyphicon-log-out"></i>Cerrar sesión</a></li>
                            </ul>
                        </div><!-- btn-group -->
                        
                    </div><!-- pull-right -->
                </div><!-- header-right -->
            </div>
        </header>
        <section>
            <div class="mainwrapper">
                             <div class="leftpanel">
                    <div class="media profile-left">
                        <div class="media-body">
                            <h4 class="media-heading"><?php echo $_SESSION['perfil'];?></h4>
                            <small class="text-muted"><?php echo $_SESSION['nombre']." ".$_SESSION['ape_paterno']    ;?></small>
                        </div>
                    </div><!-- media -->
                    <h5 class="leftpanel-title">Menu</h5>
                          <ul class="nav nav-pills nav-stacked">                    
                             <?php 
                               if($_SESSION['id_perfil'] == "10"){

                               }else{
                                  ?>
                                   <li><a href="dashboard?<?php echo SID.'&session_id='.$session_id?>"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>        
                                  <?php
                               }
                             ?>
                            <li class="parent active"><a ><i class="fa fa-inbox"></i> <span>Requerimientos</span></a>
                                <ul class="children">
                                    <li class="active"><a href="requerimientos?<?php echo SID.'&session_id='.$session_id?>">Lista</a></li>
                                </ul>
                            </li>

                            <li class="parent"><a href="#"><i class="fa fa-calendar"></i> <span>Calendario</span></a>
                                <ul class="children">
                                        <?php 
                                     if($_SESSION['id_perfil'] == "8" || $_SESSION['id_perfil'] == "10"){
                                        ?>
                                       <li><a href="calendario?<?php echo SID.'&session_id='.$session_id?>">Calendario</a></li>
                                        <?php 
                                    }else{
                                            ?>                                       
                                        <li><a href="calendario?<?php echo SID.'&session_id='.$session_id?>">Calendario</a></li>
                                        <li><a href="configuracioncalendario?<?php echo SID.'&session_id='.$session_id?>">Configuración</a></li>
                                        <?php 
                                        }
                                    ?>
                            
                                </ul>
                            </li>                             
                     

                     <?php 
                        if($_SESSION['id_perfil'] == "8" || $_SESSION['id_perfil'] == "10" ){
                            }else{
                                ?>
                                    <li class="parent"><a href="#"><i class="fa fa-briefcase"></i> <span>Proyectos</span></a>
                                             <ul class="children">
                                                                                
<li><a href="proyectos?<?php echo SID.'&session_id='.$session_id?>">Lista Proyectos</a></li>
                                <li><a href="proyectomasivo?<?php echo SID.'&session_id='.$session_id?>">Crear Proyecto</a></li>
                                                <li ><a href="ambientes?<?php echo SID.'&session_id='.$session_id?>">Ambientes</a></li>
                                                <li><a href="tipopropiedad?<?php echo SID.'&session_id='.$session_id?>">Tipo Propiedad</a></li>
                                                <li><a href="modelospropiedades?<?php echo SID.'&session_id='.$session_id?>">Modelos Propiedades</a></li><li><a href="personas?<?php echo SID.'&session_id='.$session_id?>">Personas</a></li><li ><a href="propiedades?<?php echo SID.'&session_id='.$session_id?>">Propiedades</a></li>                            
                                            </ul>
                                        </li>
                                <?php 
                            }
                            ?>
                        

                        <?php 
                              if($_SESSION['id_perfil'] == "10" ){
                              }else{
                                ?>
                                  <li class="parent"><a href="#"><i class="fa fa-pencil"></i> <span>Datos</span></a>
                                            <ul class="children">
                                                    <?php 
                                                     if($_SESSION['id_perfil'] == "8"){
                                                        ?>
                                                    
                                                         <li><a href="servicios?<?php echo SID.'&session_id='.$session_id?>">Servicios</a></li>
                                                         <li> <a href="configuracionCorreos?<?php echo SID.'&session_id='.$session_id?>">Configuración global Correo</a></li>

                                                        <?php 
                                                    }else{
                                                        ?>
                                                         <li><a href="usuarios?<?php echo SID.'&session_id='.$session_id?>">Usuarios</a></li>
                                                                                         <li><a href="empresa?<?php echo SID.'&session_id='.$session_id?>">Empresa</a></li>

                                                         <li><a href="categoria?<?php echo SID.'&session_id='.$session_id?>">Categoría</a></li>
                                                         <li><a href="preguntas?<?php echo SID.'&session_id='.$session_id?>">Preguntas</a></li>
                                                         <li><a href="responsable?<?php echo SID.'&session_id='.$session_id?>">Responsable</a></li>
                                                         <li><a href="servicios?<?php echo SID.'&session_id='.$session_id?>">Servicios</a></li>
                                                         <li> <a href="configuracionCorreos?<?php echo SID.'&session_id='.$session_id?>">Configuración global Correo</a></li>

                                                        <?php 
                                                        }
                                                    ?>
                                            </ul>
                                        </li>
                                <?php
                              }
                            if($_SESSION['id_perfil'] == "8"){
                            }else{
                                ?>
                                 <li class="parent "><a href="#"><i class="fa fa-suitcase"></i> <span>Terceros</span></a>
                                        <ul class="children">
                                             <li ><a href="procesoterceros?<?php echo SID.'&session_id='.$session_id?>">Generar Postventa</a></li>
                                        </ul>
                                    </li>
                                <?php 
                            }
                            ?>
                
                         <li class="parent"><a href="#"><i class="fa fa-copy"></i> <span>Reportes</span></a>
                            <ul class="children">
                                <li><a href="reportepostventa?<?php echo SID.'&session_id='.$session_id?>">Lista Reportes</a></li>                         
                                <li><a href="ReporteTransparencia?<?php echo SID.'&session_id='.$session_id?>">Reporte Transparencia</a></li>  
                              </ul>
                        </li>
                            <li class="parent"><a href="#"><span>Otras Páginas</span></a>
                                <ul class="children">
                                    <li><a href="https://login.microsoftonline.com/">Microsoft Office 365</a></li>
                                    <li><a href="http://vain-arm.cl/">Vain - Arm</a></li>
                                </ul>
                            </li>
                
                    </ul>
                </div>
                <div class="mainpanel">
                    <div class="pageheader">
                        <div class="media">
                            <div class="pageicon pull-left">
                                <i class="fa fa-inbox"></i>
                            </div>
                            <div class="media-body">
                                <ul class="breadcrumb">
                                    <li><a href="#"><i class="glyphicon glyphicon-inbox"></i></a></li>
                                    <li>Proyecto</li>
                                    <li><a href="requerimientos.php">Lista</a></li>
                                </ul>
                                <h4>Detalles Proyecto</h4>
                            </div>
                        </div><!-- media -->
                    </div><!-- pageheader -->
                    <div class="contentpanel">
                      <div class="row">
                                <div class="col-md-12">
                                  <h3><?php echo $proyecto;?></h3>
                                  <div class="tabbable-panel">
                                    <div class="tabbable-line">
                                      <ul class="nav nav-tabs ">
                                        <li class="active"><a href="#datos" data-toggle="tab">Datos Proyecto</a></li>
                                        <li><a href="#etapa" data-toggle="tab">Etapas</a></li>
                                        <li><a href="#edificio" data-toggle="tab">Unidad Contrucción(Edificio/Manzana)</a></li>
                                        <li><a href="#propiedades" data-toggle="tab">Propiedades</a></li>
                                        <li><a href="#clientes" data-toggle="tab">Clientes</a></li>
                                      </ul>
                                      <input type= "hidden" name="id_proyecto" id="id_proyecto" value="<?php echo  $id_proyecto;?>">
                                      <div class="tab-content">
                                        <div class="tab-pane active" id="datos">
                                              <div class="row">
                                                <div class="col-sm-12">
                                                     <div class="col-sm-6">
                                                            <div class="form-group">
                                                              <label class="col-sm-3">Proyecto*</label>
                                                              <div class="col-sm-5">
                                                                  <input type="text" required value ="<?php echo  $proyecto;?>" onchange="javascript:this.value=this.value.toUpperCase();" name="datoproyecto" id="datoproyecto" class="form-control"  maxlength="10000"  />
                                                              </div>
                                                          </div> 
                                                            <div class="form-group">
                                                                <label class="col-sm-3">Abreviatura</label>
                                                                <div class="col-sm-5">
                                                                    <input type="text" required  value="<?php echo $abreviatura;?>" onchange="javascript:this.value=this.value.toUpperCase();" id="datoabreviatura" class="form-control"  maxlength="49"  />
                                                                </div>
                                                            </div> 
                                                               <div class="form-group">
                                                                <label class="col-sm-3">Dirección</label>
                                                                <div class="col-sm-5">
                                                                    <input type="text" required  value="<?php echo $direccion;?>"   onchange="javascript:this.value=this.value.toUpperCase();" id="superficie" class="form-control"  maxlength="49"  />
                                                                </div>
                                                              </div> 
                                                               <div class="form-group">
                                                                <label class="col-sm-3">Razon Social</label>
                                                                <div class="col-sm-5">
                                                                    <input type="text" required value="<?php echo $razon;?>"    onchange="javascript:this.value=this.value.toUpperCase();" id="superficie" class="form-control"  maxlength="49"  />
                                                                </div>
                                                              </div> 
                                                              <div class="form-group">
                                                                <label class="col-sm-3">Email</label>
                                                                <div class="col-sm-5">
                                                                    <input type="text" value="<?php echo $email;?>" required   onchange="javascript:this.value=this.value.toUpperCase();" id="superficie" class="form-control"  maxlength="49"  />
                                                                </div>
                                                              </div> 
                                                              <div class="form-group">
                                                                    <?php
                                                                      if($activoProyecto == 1){
                                                                        ?>
                                                                      <input checked type="checkbox" class="form-check-input" id="checkActivarProyecto">

                                                                      <?php
                                                                      }else{
                                                                        ?>
                                                                        <input  type="checkbox" class="form-check-input" id="checkActivarProyecto">
                                                                        <?php
                                                                      }
                                                                    ?>
                                                                    
                                                                    <label class="form-check-label" for="exampleCheck1">Activar/Desactivar</label>

                                                                </div>
                                                            <div class="form-group">
                                                              <i>Para agregar un nuevo correo utilizar ","</i>
                                                                <div class="input-group">
                                                                    <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i> Para:</span>
                                                                    <input class="form-control" type="text" id="email-addresses" />
                                                                  </div>

                                                            <div id="show-emails">
                                                                  <ul id="ulMenu" style="color:#000000">
                                                                  <?php
                                                                      require_once("../datos/mysqlticket.php");  
                                                                      $t = new mysqlticket();
                                                                      $hv = $t->ListarCorreosPorProyecto($proyecto_id);
                                                                      //print_r($hv);
                                                                        for($i =0;$i < count($hv);$i++){
                                                                          if(!(empty($hv))){
                                                                            ?>
                                                                            <li style="background-color:rgba(52,58,64,0.08);border-left: 3px solid#343a40">
                                                                                  <?php echo $hv[$i]['Correo']?>
                                                                                  <span class="float-right remove" data-index="<?php echo $i?>">X</span>
                                                                              </li>
                                                                          <?php
                                                                          }
                                                                        }
                                                                        ?>
                                                                  </ul>
                                                              </div>


                                                      
                                                            </div>

                                                           </div>
                                                              <div class="col-sm-6">

                                                              </div>
                                                
                                                            </div>
                                                    <button  id="guardarproyecto" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar</span></button>

                                              </div>
                                        
                                        </div>
                                        <div class="tab-pane" id="etapa">
                                          
                                        <table id="tablaetapas" class="table  table-bordered responsive">
                                              <thead class="">
                                                  <tr>
                                                      <th>#</th>
                                                      <th>Etapa</th>
                                                      <th>Fecha Recepción Municipal</th>
                                                  </tr>
                                              </thead>
                                              <tbody>
                                                  <?php 
                                                  $et = $pro->getEtapas($_SESSION['ID_PROYECTO']);
                                                  for($i =0;$i<count($et);$i++){
                                                    if(empty($ar)){
                                                    }else{
                                                      ?>
                                                        <tr id="<?php echo $et[$i]['ID_ETAPA'];?>">
                                                          <td><?php echo $i+1;?></td>
                                                          <td><?php echo $et[$i]['ETAPA'];?></td>
                                                         <td>
                                                             <div class="input-group">
                                                              <input type="text" class="form-control fecha_municipal" placeholder="mm/dd/yyyy" value="<?php echo $et[$i]['FEC_RES_MUNICIPAL']?>" readonly="">
                                                              <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                                          </div>

                                                         </td>
                                                        </tr>
                                                      <?php 
                                                    }
                                                  }
                                                  ?>
                                              </tbody>
                                          </table>
                                            <div class="row">
                                                    <div class="col-sm-9">
                                                        <button  id="crearetapa"  type="button" class="btn btn-primary" >Crear Etapa  </button>
                                                                                                                <div class="col-md-3"><button  id="guardarcambioetapa"  type="button" class="btn btn-primary" >Guardar Cambios Etapa  </button></div>

                                                   </div>
                                      
                                          </div>
                                        </div>

                                        <div class="tab-pane" id="edificio">
                         
                               
                            
                                     <table id="tablaedificio" class="table  table-bordered responsive">
                                              <thead class="">
                                                  <tr>
                                                      <th>#</th>
                                                      <th>Abreviatura</th>
                                                      <th>Etapa</th>
                                                      <th>Unidad Contruccion</th>
                                                      <th>Cantidad de Propiedades</th>
                                                      <th>Superficie</th>
                                                      <th>Numero de Pisos</th>
                                                      <th>Numero Subterraneos</th>
                                                  
                                                  </tr>
                                              </thead>
                                              <tbody>
                                                  <?php 
                                                  $ed = $pro->getEdificiosIdProyecto($_SESSION['ID_PROYECTO']);
                                                  for($i =0;$i<count($ed);$i++){
                                                    if(empty($ar)){
                                                    }else{
                                                      ?>
                                                        <tr>
                                                          <td><?php echo $i+1;?></td>
                                                          <td><?php echo $ed[$i]['EDIFICIO'];?></td>
                                                          <td><?php echo $ed[$i]['ETAPA'];?></td>
                                                          <td><?php echo $ed[$i]['UNIDADCONSTRUCCION'];?></td>
                                                          <td><?php echo $ed[$i]['CANT_PROPIEDADES'];?></td>
                                                          <td>
                                                          <?php 
                                                              if(empty($ed[$i]['SUPERFICIE'])){
                                                                  echo "---";
                                                              }else{
                                                                  echo $ed[$i]['SUPERFICIE'];
                                                              }
                                                          ?>
                                                          </td> 
                                                          <td><?php echo $ed[$i]['NUM_PISOS'];?></td>
                                                          <td><?php echo round($ed[$i]['NUM_SUBTERRANEOS']);?></td>
                                                        </tr>
                                                      <?php 
                                                    }
                                                  }
                                                  ?>
                                              </tbody>
                                          </table>
                                             <div class="row">
                                                    <div class="col-sm-9">
                                                        <button  id="crearedificio"  type="button" class="btn btn-primary" >Crear Edificio  </button>
                                                   </div>
                                              </div>


                                        </div>
                                       <div class="tab-pane" id="propiedades">
                                             <div class="row">
                                                          <div id="filter-panel2" class="collapse filter-panel">
                                                              <div class="panel panel-default">
                                                                  <div class="panel-body">
                                                                    <div class="col-md-6">
                                                                      <div class="form-group">
                                                                              <label class="col-sm-4 control-label">Número Propiedad:</label>
                                                                              <div class="col-sm-3">
                                                                                <input type="text" onkeypress="ValidaSoloNumeros();" id="filtronumeropropiedadproceso" name="filtronumeropropiedadproceso" class="form-control">
                                                                              </div>
                                                                       </div>   
                                                                       <div class="form-group">
                                                                              <label class="col-sm-4 control-label">Tipo propiedad:</label>
                                                                              <div class="col-sm-8">
                                                                                   <select multiple id="filtrotipopropiedad" name="filtrotipopropiedad" data-placeholder="Estado  Requerimiento" class="width100p" required>
                                                                                      <?php 
                                                                            
                                                                                       $tpro = $pro->getTipopropiedades();
                                                                                      for($i =0;$i<count($tpro);$i++){
                                                                                        if(empty($tpro)){
                                                                                        }else{
                                                                                          ?>
                                                                                            <option value="<?php echo $tpro[$i]['ID_TIPOPROPIEDAD']?>"><?php echo $tpro[$i]['TIPOPROPIEDAD'] ?></option>
                                                                                          <?php 
                                                                                        }
                                                                                      }
                                                                                      ?>
                                                                                        </select>  
                                                                              </div>
                                                                       </div> 
                             
                                                                    </div>

                                                                    <div class="col-md-6">
                                                                      <div class="form-group">
                                                                         <label class="col-sm-4 control-label">Etapa:</label>
                                                                          <div class="col-sm-8">
                                                                                      <select multiple id="filtroetapa" name="filtroetapa" data-placeholder="Etapa" class="width100p" required>
                                                                                       <?php 
                                                                            
                                                                                       $tpro = $pro->getEtapasMostrar($_SESSION['ID_PROYECTO']);
                                                                                      for($i =0;$i<count($tpro);$i++){
                                                                                        if(empty($tpro)){
                                                                                        }else{
                                                                                          ?>
                                                                                            <option value="<?php echo $tpro[$i]['ID_ETAPA']?>"><?php echo $tpro[$i]['ETAPA'] ?></option>
                                                                                          <?php 
                                                                                        }
                                                                                      }
                                                                                      ?>
                                                                     
                                                                                      </select>  
                                                                           </div>
                                                                       </div>

                                                                      <div class="form-group">
                                                                            <label class="col-sm-4 control-label">Edificio:</label>
                                                                            <div class="col-sm-8">
                                                                              <select multiple id="filtroedificio" name="filtroedificio" data-placeholder="Edificio" class="width100p" required>
                                                                                     <?php 
                                                                  
                                                                                       $fe = $pro->filtroEdificio($_SESSION['ID_PROYECTO']);
                                                                                      for($i =0;$i<count($fe);$i++){
                                                                                        if(empty($fe)){
                                                                                        }else{
                                                                                          ?>
                                                                                            <option value="<?php echo $fe[$i]['ID_MODELOUNIDADCONSTRUCCION']?>"><?php echo $fe[$i]['EDIFICIO'] ?></option>
                                                                                          <?php 
                                                                                        }
                                                                                      }
                                                                                      ?>
                                                                              </select>  

                                                                            </div>
                                                                       </div> 


                                                                         <div class="form-group">
                                                                          <button id="aplicarfiltroproceso" class="btn btn-white">
                                                                          <i class="fa fa-filter mr5"></i> Aplicar Filtro</button>
                                                                      </div>
                                                                
                                                                    </div>
                                        
                                                              </div>
                                                          </div>
                                                      </div>    
                                                </div>

                                          <div class="row">
                                                  <div class="col-sm-9">
                                                        <button   type="button" class="btn btn-primary" data-toggle="collapse" data-target="#filter-panel2">
                                                            <span class="glyphicon glyphicon-cog"></span> Filtros
                                                        </button>

                                                  </div>
                        
                                        </div>
                                  <form enctype="multipart/form-data" id="formpropiedades"  action="../negocio/xlspropiedades.php" method="post">
                                      <input type="hidden" name="rutaUrl" value="<?php echo dameURL(); ?> ">
                                       <table id="tablapropiedades" class="table  table-bordered responsive">
                                                <thead class="">
                                                    <tr>
                                                        <th>#</th>
                                                        <th>Numero</th>
                                                        <th>Edificio</th>
                                                        <th>Proyecto</th>
                                                        <th>Etapa</th>
                                                        <th>Tipo Propiedad</th>
                                                        <th>Modelo Propiedad</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <?php 
                                                    $de = $pro->getPropiedadesIdProyecto($_SESSION['ID_PROYECTO']);
                                                    for($i =0;$i<count($de);$i++){
                                                      if(empty($de)){
                                                      }else{
                                                    ?>
                                                      <tr>
                                                        <td width="5%"><?php echo $i+1;?></td>
                                                        <td width="5%"><?php echo $de[$i]['NUMERO'];?></td>
                                                        <td width="5%"><?php echo $de[$i]['EDIFICIO'];?></td>
                                                        <td width="15%"><?php echo $de[$i]['PROYECTO'];?></td>
                                                        <td width="5%"><?php echo $de[$i]['ETAPA'];?></td>

                                                        <td width="15%"><?php echo $de[$i]['TIPOPROPIEDAD'];?></td>
                                                        <td width="5%"><?php echo $de[$i]['ABREVIATURA'];?></td>
                                                    </tr>
                                                    <?php 
                                                     }
                                                    }
                                                    ?>
                                                </tbody>
                                            </table> 
                                           <div class="form-group" >
                                             <label class="col-sm-2">Descargar Excel</label>
                                                <div class="col-sm-6">
                                                       <div class="col-sm-3" style="padding-top:25px;"><a href="#" id="descargacompleta" class="btn btn-warning">Descargar Archivo</a></div>
                                                </div>
                                            </div>
                                             <div class="form-group" >
                                                   <label class="col-sm-2">Subir Archivo Excel</label>
                                                    <div class="col-sm-6">
                                                        <input  type="file" required name="file"  id="file"/>
                                                      </div>
                                                         <div class="col-sm-3" style="padding-top:25px;">
                      
                                                            <button class="btn btn-warning" type="submit" >Subir Archivo</button>
                                                         </div>
                                                  </div>

                                              </form>


                                        </div>
                                          <div class="tab-pane" id="clientes">
                                          <form enctype="multipart/form-data" id="formclientes"  action="../negocio/xlscliente.php" method="post">

                                            <input type="hidden" name="urlanterior" value="detalleproyecto.php?ticket=<?php echo $clave.'&'.SID.'&session_id='.$session_id;?>">

                                            <table id="tablaclientes" class="table  table-bordered responsive">
                                                    <thead class="">
                                                        <tr>
                                                            <th>Proceso Compra</th>
                                                            <th>Numero Propiedad</th>
                                                            <th>Rut</th>
                                                            <th>Nombre</th>
                                                            <th>Apellidos</th>
                                                            <th>Email</th>
                                                            <th>Celular</th>
                                                            <th>Teléno Oficina</th>

                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <?php 
                                                        $de = $pro->getClientes($_SESSION['ID_PROYECTO']);
                                                        for($i =0;$i<count($de);$i++){
                                                          if(empty($de)){
                                                          }else{
                                                        ?>
                                                          <tr>
                                                            <td width="5%"><?php echo $de[$i]['PRO_VENTA'];?></td>
                                                            <td width="5%"><?php echo $de[$i]['NUMERO'];?></td>
                                                            <td width="15%"><?php echo $de[$i]['RUT'];?></td>
                                                            <td width="25%"><?php echo $de[$i]['NOMBRE'];?></td>
                                                            <td width="25%"><?php echo $de[$i]['APE_PATERNO']." ".$de[$i]['APE_MATERNO']." ";?></td>
                                                            <td width="5%"><?php echo $de[$i]['EMAIL'];?></td>
                                                            <td width="5%"><?php echo $de[$i]['CELULAR'];?></td>
                                                            <td width="5%"><?php echo $de[$i]['TEL_OFICINA'];?></td>
                                                        </tr>
                                                        <?php 
                                                         }
                                                        }
                                                        ?>
                                                    </tbody>
                                                </table>

                                              <div class="form-group" >
                                                 <label class="col-sm-2">Descargar Excel</label>
                                                    <div class="col-sm-6">
                                                           <div class="col-sm-3" style="padding-top:25px;"><a href="#" id="descargarclientes" class="btn btn-warning">Descargar Archivo</a></div>
                                                    </div>
                                                </div>

                           
                                                <div class="form-group" >
                                                   <label class="col-sm-2">Subir Archivo Excel</label>
                                                    <div class="col-sm-6">
                                                        <input  type="file" name="file"  id="file"/>
                                                      </div>
                                                         <div class="col-sm-3" style="padding-top:25px;">
                      
                                                            <button class="btn btn-warning" type="submit" >Subir Archivo</button>
                                                         </div>
                                                  </div>

                                             </form>
                                            
                                          </div>
                                      </div>
                                    </div>
                                  </div>


                                </div>
                              </div>
                
                    </div><!-- contentpanel -->
            </div><!-- mainwrapper -->
        </section>


   <div id="modalcrearetapa" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-sm">
              <div class="modal-content">
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="modal-title">Crear Etapa</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                            <div class="col-md-12">
                                  <div class="form-group">
                                    <label class="col-sm-4">Etapa*</label>
                                    <div class="col-sm-8">
                                        <input type="text" required onchange="javascript:this.value=this.value.toUpperCase();" name="etapavalue" id="etapavalue" class="form-control"  maxlength="49"  />
                                    </div>
                       
                                </div>   

                                <div class="form-group">
                                    <label class="col-sm-4 control-label">Recepción Municipal:<span class="asterisk">*</span></label>
                                        <div class="col-sm-8">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="mm/dd/yyyy" id="datepicker">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div><!-- row -->
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="guardaretapa"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
    </div>

  <div id="modalcrearedificio" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-sm">
              <div class="modal-content">
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="modal-title">Crear Edificio</h4>
                  </div>
                  <div class="modal-body">
                      <div class="row">
                        <div class="col-md-12">
                            
                                <div class="form-group">
                                   <label class="col-sm-4 control-label">Etapa:</label>
                                    <div class="col-sm-8">
                                            <select  id="filtroetapaedificio" name="filtroetapaedificio" data-placeholder="Etapa" class="width100p" required>
                                               <?php 
                                               $fil = $pro->getEtapas($_SESSION['ID_PROYECTO']);
                                              for($i =0;$i<count($fil);$i++){
                                                if(empty($fil)){
                                                }else{
                                                  ?>
                                                    <option value="<?php echo $fil[$i]['ID_ETAPA']?>"><?php echo $fil[$i]['ETAPA'] ?></option>
                                                  <?php 
                                                }
                                              }
                                              ?>
                                            </select>  
                                     </div>
                                 </div>
                                 <div class="form-group">
                                   <label class="col-sm-4 control-label">Unidad Construcción:</label>
                                    <div class="col-sm-8">
                                                <select  id="unidadconstruccion" name="unidadconstruccion" data-placeholder="Etapa" class="width100p" required>
                                                <?php 
                                                $uc = $pro->getUnidadConstruccion();
                                                for($i =0;$i<count($uc);$i++){
                                                  if(empty($uc)){
                                                  }else{
                                                    ?>
                                                      <option value="<?php echo $uc[$i]['ID_UNIDADCONSTRUCCION']?>"><?php echo $uc[$i]['UNIDADCONSTRUCCION'] ?></option>
                                                    <?php 
                                                  }
                                                }
                                                ?>
                                                </select>  
                                     </div>
                                 </div>

  
                                  <div class="form-group">
                                        <label class="col-sm-4">Edificio*</label>
                                        <div class="col-sm-8">
                                            <input type="text" required onchange="javascript:this.value=this.value.toUpperCase();" name="edificiovalue" id="edificiovalue" class="form-control"  maxlength="10000"  />
                                        </div>
                                    </div> 
                                     <div class="form-group">
                                        <label class="col-sm-4">Superficie</label>
                                        <div class="col-sm-8">
                                            <input type="text" required  name="superficie"  onkeypress="ValidaSoloNumeros();" id="superficie" class="form-control"  maxlength="49"  />
                                        </div>
                                    </div> 
                                    <div class="form-group">
                                        <label class="col-sm-4">Numero de Pisos*</label>
                                        <div class="col-sm-8">
                                            <input type="text"  onkeypress="ValidaSoloNumeros();"  required  name="numero_pisos" id="numero_pisos" class="form-control"  maxlength="50"  />
                                        </div>
                                    </div> 
                                      <div class="form-group">
                                        <label class="col-sm-4">Numero de Subterraneos*</label>
                                        <div class="col-sm-8">
                                            <input type="text" onkeypress="ValidaSfileoloNumeros();"  required  name="numero_subterraneos" id="numero_subterraneos" class="form-control"  maxlength="10"  />
                                        </div>
                                    </div> 
                                           <div class="form-group">
                                        <label class="col-sm-4">Cantidad de Propiedades</label>
                                        <div class="col-sm-8">
                                            <input onkeypress="ValidaSoloNumeros();"  type="text" required  name="cantidadpropiedades" id="cantidadpropiedades" class="form-control"  maxlength="1000"  />
                                        </div>
                                    </div> 
                            </div>

                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="guardaredificio"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
    </div>




        <script src="../js/jquery-1.11.1.min.js"></script>
        <script src="../js/jquery-migrate-1.2.1.min.js"></script>
        <script src="../js/jquery-ui-1.10.3.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/modernizr.min.js"></script>
        <script src="../js/pace.min.js"></script>
        <script src="../js/retina.min.js"></script>
        <script src="../js/jquery.cookies.js"></script>
        <script src="../js/bootstrap-wizard.min.js"></script>
        <script src="../js/jquery.validate.min.js"></script>
        <script src="../js/select2.min.js"></script>
        <script src="../js/moment.min.js"></script>
        <script src="../js/custom.js"></script>
        <script src="../js/funciones.js" type="text/javascript"></script>
        <script src="../js/bootstrap-dialog.min.js"></script>
        <script src="../js/bootstrap-timepicker.min.js"></script>
        <script src="../js/bootstrap-datepicker.js"></script>
        <script src="../js/fullcalendar.min.js"></script>
        <script src="../js/jquery.gritter.min.js"></script>
        <script src="../js/jquery.dataTables.min.js"></script>
        <script src="../js/jquery.multi-emails.js"></script>

        <script src="http://cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.js"></script>
        <script src="http://cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.js"></script>
        <script src="//cdn.datatables.net/plug-ins/f2c75b7247b/api/fnAddTr.js"></script>
        <script src="../js/jquery.multi-select.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
          <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>

        <script>
        jQuery(document).ready(function(){
            var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>";
            var id_sesion = "<?php echo $_SESSION['sesion'];?>" ;
            var url = "<?php echo $_SESSION['url'];?>" ;

                 $(".fecha_municipal").datepicker({
                      weekStart: 1,
                      showOn: "button",
                      todayBtn: "linked",
                      language: "es",
                      format:"yyyy-mm-dd",
                      orientation: "top right",
                      autoclose: true
                  });

                  $("#email-addresses").multiEmails();

          var listafechas =  Array();
          $('#guardarcambioetapa').click(function(){
                $('#tablaetapas tbody tr').each(function () {
                    var id = $(this).attr('id');
                    var fecha_municipal = $(this).find(".fecha_municipal").val();
                    listafechas.push({"id":id, "fecha":fecha_municipal});
                });

               $.post( "../negocio/etapa.php", {name:"updateFechaMunicipal",listafechas:listafechas})
               .done(function( data ){  
                    if(data == 1){
                                   BootstrapDialog.show({
                                        title: 'Información',
                                        message: 'Fue actualizado con exito',
                                        closeByBackdrop: false,
                                        closeByKeyboard: false,
                                        closable: false,
                                        type: BootstrapDialog.TYPE_SUCCESS, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
                                        buttons: [{
                                                label: 'Cerrar',
                                                action: function(dialog) {
                                                    dialog.close();
                                                  
                                                }
                                            }]
                                });
                    }else{
                      console.log(data);
                    }
              });
          });

          $('#guardarproyecto').click(function(e){
            event.preventDefault();
              var activaProyecto = 0;
              if( $("#checkActivarProyecto").is(':checked') == true){
                activaProyecto = 1;
              }

            
              var listadetalles = Array();
              $('#show-emails ul li').each(function(){
                var current = $(this).text().trim().slice(0,-1);
                listadetalles.push({"correo":current});
              });


              var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>";
              $.post( "../negocio/etapa.php", {name:"updateProyecto",
                                              id_proyecto:id_proyecto,
                                              activaProyecto:activaProyecto,
                                              listadetalles :listadetalles
                                            })
               .done(function( data ){  
                console.log(data);
                    if(data == 1){
                                   BootstrapDialog.show({
                                        title: 'Información',
                                        message: 'Fue actualizado con exito',
                                        closeByBackdrop: false,
                                        closeByKeyboard: false,
                                        closable: false,
                                        type: BootstrapDialog.TYPE_SUCCESS, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
                                        buttons: [{
                                                label: 'Cerrar',
                                                action: function(dialog) {
                                                    dialog.close();
                                                  
                                                }
                                            }]
                                });
                    }else{
                      console.log(data);
                    }
              });


          });


            jQuery("#filtrotipopropiedad").select2();
            jQuery("#filtroetapa").select2();
            jQuery("#filtroedificio").select2();
            jQuery("#filtroetapaedificio").select2();
            jQuery("#unidadconstruccion").select2();

                

                $("#datepicker").datepicker({
                      weekStart: 1,
                      showOn: "button",
                      todayBtn: "linked",
                      language: "es",
                      format:"yyyy-mm-dd",
                      orientation: "top right",
                      autoclose: true
                  });

            $('#crearetapa').click(function(){
                $('#modalcrearetapa').modal({show:true});
            });

           $('#guardaretapa').click(function(){
              var etapa = $('#etapavalue').val();
              var fecha_municipal = $('#datepicker').val();
             $.post( "../negocio/etapa.php", {name:"NuevaEtapa",etapa:etapa,fecha_municipal:fecha_municipal,id_proyecto:id_proyecto})
               .done(function( data ){  
                    if(data == 1){
                                   BootstrapDialog.show({
                                        title: 'Información',
                                        message: 'Fue agregado con exito',
                                        closeByBackdrop: false,
                                        closeByKeyboard: false,
                                        closable: false,
                                        type: BootstrapDialog.TYPE_SUCCESS, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
                                        buttons: [{
                                                label: 'Cerrar',
                                                action: function(dialog) {
                                                    dialog.close();
                                                    location.reload();
                                                }
                                            }]
                                });
                    }else{
                      console.log(data);
                    }
              });

             });

             $('#crearedificio').click(function(){
                $('#modalcrearedificio').modal({show:true});
             });
          
            $('#guardaredificio').click(function(){
              var abreviatura= $('#edificiovalue').val();
              var id_etapa= $('#filtroetapaedificio').val();
              var id_modelounidad= $('#unidadconstruccion').val();
              var superficie=$('#superficie').val();
              var numero_pisos=$('#numero_pisos').val();
              var numero_subterraneos=$('#numero_subterraneos').val();
              var cantidadpropiedades=$('#cantidadpropiedades').val();

              $.post( "../negocio/edificio.php", {name:"NuevoEdificio",abreviatura:abreviatura,superficie:superficie,numero_pisos:numero_pisos,
                numero_subterraneos:numero_subterraneos,cantidadpropiedades:cantidadpropiedades,id_etapa:id_etapa,id_modelounidad:id_modelounidad})
               .done(function( data ){  
                  if(data == 1){
                              BootstrapDialog.show({
                                  title: 'Información',
                                  message: 'Fue agregado con exito',
                                  closeByBackdrop: false,
                                  closeByKeyboard: false,
                                  closable: false,
                                  type: BootstrapDialog.TYPE_SUCCESS,
                                  buttons: [{
                                          label: 'Cerrar',
                                          action: function(dialog) {
                                              dialog.close();
                                              location.reload();
                                          }
                                      }]
                          });
                    }else{
                      console.log(data);
                    }
               });
           });

        $('#descargarclientes').click(function(){
            var  ruta ="../PHPExcel_1.8.0_doc/Examples/descargaclientes.php?id_proyecto="+id_proyecto+"";
            window.open(ruta,'resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,width=380,height=230,top=200,left=250');
        });

        $('#descargacompleta').click(function(){
            var  ruta ="../PHPExcel_1.8.0_doc/Examples/ActualizarProyectoBYID.php?id_proyecto="+id_proyecto+"";
            window.open(ruta,'resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,width=380,height=230,top=200,left=250');
        });
      /*
        $("#formclientes").submit(function (event) {
         //var formData = $("#formclientes").serialize();
         //var formData = $(this).serialize();
          $.ajax({
              url: '../negocio/xlscliente.php',
              data: ($("formclientes").serialize()),
              headers: { "Content-Type": "multipart/form-data" },
              success: function (data) {
                alert(data);
              },
              error: function(){
                  //alert("error in ajax form submission");
              }
          });
          return false;
      });*/


           jQuery('#tablaetapas').DataTable({
                   responsive: true,
                   "bSort": false
              });   

              jQuery('#tablapropiedades').DataTable({
                   responsive: true,
                   "bSort": false
              });   

             jQuery('#tablaedificio').DataTable({
                   responsive: true,
                   "bSort": false
              });   

              jQuery('#tablaclientes').DataTable({
                   responsive: true,
                   "bSort": false
              });   

      });
        </script>

    </body>
</html>