<!DOCTYPE html>
<?php
ob_start();
$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;
  }else{
     echo "<meta http-equiv='refresh' content='0;url=../administracion'>";
}
?>
<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>Calendario Postventa</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/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/select2.css" rel="stylesheet" />
         <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">

    </head>
    <style>
  .primeraordentomada {
      background-color:#428bca;
  }
  .primeraordendisponible {
      background-color:#5cb85c;
  }
  .redEvent{
      background-color:#d9534f;
  }
  .pendiente{
    background-color:#f0ad4e;
  }
  .fc-event-time{
     display : none;
  }.finalizadas{
    background-color:#808080;

  }.pendientesfinalizadas{
    border-style: solid;
    border: 3px solid #C00;
    border-color: #f0ad4e;
    background-color: #808080;
    padding: 2 2 2 2;
  } .sinmoradores{
      background-color:#8c3ea1;
  }


</style>
    <body>
           <header>
            <div class="headerwrapper">
                <div class="header-left">         
   <!--                   <a href="dashboard.html" class="logo">
                        <img src="../images/minilogo.png" alt="" /> 
                    </a>  -->
                    <div class="pull-right">
                        <a href="#" class="menu-collapse">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </div><!-- header-left -->
                
                <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><!-- headerwrapper -->
        </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"><a href="#" ><i class="fa fa-inbox"></i> <span>Requerimientos</span></a>
                                <ul class="children">
                                    <li><a href="requerimientos?<?php echo SID.'&session_id='.$session_id?>">Lista</a></li>
                                </ul>
                            </li>
                            <li class="parent active"><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 class="active"><a href="calendario?<?php echo SID.'&session_id='.$session_id?>">Calendario</a></li>
                                        <?php 
                                    }else{
                                            ?>                                       
                                        <li class="active"><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>

                                                        <?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-calendar"></i>
                            </div>
                            <div class="media-body">
                                <ul class="breadcrumb">
                                    <li><a href="#"><i class="glyphicon glyphicon-calendar"></i></a></li>
                                    <li>Calendario</li>
                                </ul>
                                <h4>Calendario</h4>
                            </div>
                        </div><!-- media -->
                    </div><!-- pageheader -->
                    
                    <div class="contentpanel">
                  <!--       <p class="mb30"><a href="http://arshaw.com/fullcalendar/" target="_blank">FullCalendar</a> is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).</p> -->
                        <div class="row">
                            <div class="col-md-9">
                                <div id="calendar"></div>
                            </div><!-- col-md-9 -->
                            
                            <div class="col-md-3">
                                <h5 class="lg-title mb10">Filtros</h5>

                                    <div class="form-group">
                                        <select multiple id="filtroproyecto" name="filtroproyecto" data-placeholder="Proyectos" class="width100p" required>
                                                <?php 
                                                   include("../datos/mysqlproyecto.php");
                                                   $po = new mysqlproyecto();
                                                   $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                ?>
                                                <optgroup label="Propios">
                                                 <?php 
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 0){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                                 <optgroup label="Terceros">
                                                 <?php 
                                                      $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 1){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                        
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                     </select>  
                                     </div>
                                         <div class="form-group">
                                                <select multiple id="filtroresponsable" name="filtroresponsable" data-placeholder="Responsables" class="width100p" required>
                                                    <?php
                                                  $ar = $p->getUsuariospostventaAdmin($_SESSION['id_perfil'],$_SESSION['ID_PERSONA']);

                                                           if(empty($ar)){
                                                            }else{
                                                              for($i=0;$i<count($ar);$i++){
                                                                ?>
                                                                   <option value="<?php echo $ar[$i]['ID_PERSONA']?>"><?php echo $ar[$i]['NOMBRE']." ".$ar[$i]['APE_PATERNO']." ".$ar[$i]['INICIALES']; ?></option>
                                                                <?php
                                                              }
                                                            }
                                                     ?>
                                                 </select>                          
                                    </div>
                              <div class="form-group">
                                  <select multiple id="filtroestadocalendario" name="filtroestadocalendario" data-placeholder="Estado  Calendario" class="width100p" required>      
                                        <?php 
                                             include("../datos/mysqlcalendario.php");
                                                $c = new mysqlcalendario();     
                                                $ec = $c->gettipocalendario();
                                               if(empty($ar)){
                                              }else{
                                                  for($i=0;$i<count($ec);$i++){
                                                      ?>
                                                         <option value="<?php echo $ec[$i]['ID_TIPOCALENDARIO']?>"><?php echo $ec[$i]['TIPOCALENDARIO'] ?></option>
                                                      <?php 
                                                  }
                                              }
                                              ?>
                                  </select>           
                          </div>

                          <div class="form-group">
                                      <select multiple id="filtroestadoticket" name="filtroestadoticket" data-placeholder="Estado  Requerimiento" class="width100p" required>
                                           <?php 
                                                include("../datos/mysqlticket.php");
                                                $t = new mysqlticket();     
                                                $tt = $t->gettipoticket();
                                               if(empty($tt)){
                                              }else{
                                                  for($i=0;$i<count($tt);$i++){
                                                      ?>
                                                         <option value="<?php echo $tt[$i]['ID_TIPOTICKET']?>"><?php echo $tt[$i]['TIPOTICKET'] ?></option>
                                                      <?php 
                                                  }
                                              }
                                              ?>
                                      </select>           

                          </div>


            
                            </div><!-- col-md-3 -->
                              <div class="col-md-3">
                              <div class="btn-list">
                                  <button  id="filtrar" class="btn btn-white"><i class="fa fa-filter mr5"></i> Filtrar</button>
<!--                                   <button id="imprimir" class="btn btn-white"><i class="fa fa-print mr5"></i> Imprimir</button>
 -->                                 
                                      <?php 
                                       if($_SESSION['id_perfil'] == "10"){

                                       }else{
                                          ?>
                                             <button id="masivohoras" class="btn btn-white"><i class="fa fa-sort-amount-asc mr5"></i> carga masiva</button>     

                                          <?php 
                                        }
                                      ?>
                                </div>
                                
                            </div>

                            <div class="col-md-2">
                                  <div class="btn-list">
                                      <a class="btn btn-primary ">Reservadas</a>
                                      <button class="btn btn-success ">Disponibles</button>
                                      <button class="btn btn-warning ">Visitas Pendientes</button>
                                      <button class="btn btn-danger ">Emergencias</button>
                                      <button class="btn btn-default">Finalizadas</button>
                                       <button class="btn btn-default" style="border-style: solid;border: 3px solid #C00;border-color: #f0ad4e;">Pendientes Finalizadas</button>
<!--                                        <button class="btn btn-default" style=" background-color: #8c3ea1; border-color: #8c3ea1;color: #fff;">Cancelados</button>
 -->
                                   </div>

                            </div>

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

      <div id="nuevoevento" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog">
              <div class="modal-content">
                  <input type="hidden" name="fecha_seleccionada" id="fecha_seleccionada"/>
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="media-heading">Nuevo Evento <small id="mostrarfecha"></small></h4>
                  </div>
                  <div class="modal-body">
                        <div class="row">  
                           <div  id="errornuevoevento" class="errorForm"></div>   

                                   <div class="form-group">
                                    <label class="col-sm-3 control-label">Seleccionar proyecto:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                
                                                <select id="proyectos" name="proyectos" data-placeholder="proyectos" class="width100p" required>

                                                <?php 
                                        
                                                   $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                ?>
                                                <optgroup label="Propios">
                                                 <?php 
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 0){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                                 <optgroup label="Terceros">
                                                 <?php 
                                                      $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 1){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                        
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                                 </select>                          
                                            </div>
                                    </div>


                                    <?php 

                                    if($_SESSION['id_perfil'] == "6"){
                                      ?>
                                    <div class="form-group">
                                      <label class="col-sm-3 control-label">Seleccionar Responsable:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                <select id="responsable" name="responsable" data-placeholder="responsable" class="width100p" required>
                                                    <?php
                                                      $ar = $p->getUsuariospostventaAdmin($_SESSION['id_perfil'],$_SESSION['ID_PERSONA']);
                                                           if(empty($ar)){
                                                            }else{
                                                              for($i=0;$i<count($ar);$i++){
                                                                ?>
                                                                   <option value="<?php echo $ar[$i]['ID_PERSONA']?>"><?php echo $ar[$i]['NOMBRE']." ".$ar[$i]['APE_PATERNO']." ".$ar[$i]['INICIALES']; ?></option>
                                                                <?php
                                                              }
                                                            }
                                                     ?>
                                                 </select>                          
                                            </div>
                                    </div>


                                      <?php
                                      }else{
                                       
                                      }
                                    ?>
                                    <div class="form-group">
                                    <label class="col-sm-3 control-label">Establecer Hora Inicio:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                    <div class="input-group mb15">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                            <div class="bootstrap-timepicker"><input id="timepicker1" type="text" class="form-control"/></div>
                                        </div><!-- input-group -->

                                            </div>
                                    </div>

                                    <div class="form-group">
                                      <label class="col-sm-3 control-label">Establecer Hora Fin:<span class="asterisk">*</span></label>
                                              <div class="col-sm-9">
                                                           <div class="input-group mb15">
                                              <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                              <div class="bootstrap-timepicker"><input id="timepicker2" type="text" class="form-control"/></div>
                                          </div><!-- input-group -->

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


     <div id="modalmasivo" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog">
              <div class="modal-content">
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="media-heading">Generar horas<small id="mostrarfecha"></small></h4>
                  </div>
                  <div class="modal-body">
                        <div class="row">  
                           <div  id="errormasivo" class="errorForm"></div>   
                                      <div class="form-group">
                                    <label class="col-sm-3 control-label">Seleccionar proyecto:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                
                                                <select id="proyectomaviso" name="proyectomaviso" data-placeholder="proyectos" class="width100p" required>

                                                <?php 
                                        
                                                   $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                ?>
                                                <optgroup label="Propios">
                                                 <?php 
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 0){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                                 <optgroup label="Terceros">
                                                 <?php 
                                                      $ar = $po->getProyectoID($_SESSION['ID_PERSONA']);
                                                   if(empty($ar)){
                                                  }else{
                                                      for($i=0;$i<count($ar);$i++){
                                                        if($ar[$i]['PROPIO']== 1){
                                                          //PROPIOS 
                                                          ?>
                                                             <option value="<?php echo $ar[$i]['ID_PROYECTO']?>"><?php echo $ar[$i]['PROYECTO'] ?></option>
                                                          <?php 
                                                        }
                                                        
                                                      }
                                                  }
                                                  ?>
                                                </optgroup>
                                                 </select>                          
                                            </div>
                                    </div>


                                      <?php 

                                    if($_SESSION['id_perfil'] == "6"){
                                      ?>
                                    <div class="form-group">
                                      <label class="col-sm-3 control-label">Seleccionar Responsable:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                <select id="responsablemaviso" name="responsablemaviso" data-placeholder="responsable" class="width100p" required>
                                                    <?php
                                        $ar = $p->getUsuariospostventaAdmin($_SESSION['id_perfil'],$_SESSION['ID_PERSONA']);
                                                           if(empty($ar)){
                                                            }else{
                                                              for($i=0;$i<count($ar);$i++){
                                                                ?>
                                                                   <option value="<?php echo $ar[$i]['ID_PERSONA']?>"><?php echo $ar[$i]['NOMBRE']." ".$ar[$i]['APE_PATERNO']." ".$ar[$i]['INICIALES']; ?></option>
                                                                <?php
                                                              }
                                                            }
                                                     ?>
                                                 </select>                          
                                            </div>
                                    </div>

                                      <?php
                                      }else{
                                       
                                      }
                                    ?>
                                  <div class="form-group">
                                         <label class="col-sm-3 control-label">Nueva Fecha:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                             <div class="input-group">
                                                 <input type="text" class="form-control" placeholder="mm/dd/yyyy" id="listafechas">
                                               <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                              </div><!-- input-group -->
                                      
                                            </div>
                                    </div>

                                    
                                       <div id="contenedorhoras">

                                <div class="form-group">
                                    <label class="col-sm-3 control-label">Establecer Horario:<span class="asterisk">*</span></label>
                                            <div id="primerdiv_masivo">
                                                  <div class="col-sm-4">
                                                      <div class="input-group mb15">
                                                          <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                                                 <div class="bootstrap-timepicker">
                                                                      <input id="timermasivo1" type="text" class="form-control"/>
                                                                </div>
                                                      </div><!-- input-group -->

                                                  </div>
                                                 <div class="col-sm-4">
                                                          <div class="input-group mb15">
                                                              <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                                                     <div class="bootstrap-timepicker">
                                                                          <input id="timermasivo2" type="text" class="form-control"/>
                                                                    </div>
                                                          </div><!-- input-group -->

                                                  </div>
                                            </div>
                                            <button class="help-button" id="agregardiv"  data-placement="left">+</button>
                                    </div>
                                    <div id="div_horas"></div>
                                         

                                     </div>

                        </div>                   
                       </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="guardarhorasmasivo"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
        </div>
          <div id="modalconfigcuenta" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-l">
              <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">Editar cuenta</h4>
                  </div>
                  <div class="modal-body">
                  <div class="row">
                              <div class="col-md-9">
                                            <div class="form-group">
                                                 <label class="col-sm-5 control-label">Perfil:</label>
                                                <div class="col-sm-7">
                                                    <a href="#"  data-type="text"    data-title="Ingresar Perfil"><?php echo $perfil; ?></a>                                               
                                                     </div>
                                            </div>
                                            <div class="form-group">
                                                 <label class="col-sm-5 control-label">Nombre:</label>
                                                <div class="col-sm-7">
                                                    <a href="#"   data-title="Ingresar Nombre"><?php echo $nombre." ".$apellido_pa." ".$apellido_ma; ?></a>                                               
                                                     </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Celular:</label>
                                                <div class="col-sm-7">
                                                        <a href="#" id="configcelular" name="configcelular" data-type="text"  data-name="updatecelular" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingresar celular"><?php echo $celular; ?></a>                                                
                                                        </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Correo Electrónico:</label>
                                                <div class="col-sm-7">
                                                        <a href="#"  id="configemail" name="configemail"  data-name="updateemail" data-type="text" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingrese Correo Electrónico "><?php echo $email; ?></a>                                                
                                                        </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Contraseña:</label>
                                                <div class="col-sm-7">
                                                        <a href="#"  id="configpass" name="configpass"  data-name="restablecerpass" data-type="password" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingrese Contraseña">********</a>                                                
                                                  </div>
                                            </div>                       
                                </div>
                        </div>
                </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</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/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/jquery-ui-1.10.3.min.js"></script>
        <script src="../js/moment.min.js"></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/select2.min.js"></script>
        <script src="../js/fullcalendar.min.js"></script>
        <script src="../js/jquery.ui.touch-punch.min.js"></script>
        <script src="../js/custom.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>
  jQuery(document).ready(function() {
    var id_sesion = "<?php echo $_SESSION['sesion'];?>" ;
    var url = "<?php echo $_SESSION['url'];?>" ;
    var id_persona = "<?php echo $_SESSION['ID_PERSONA'];?>";

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate() +1, 0, 0, 0, 0);
    //BLOQUEAAR
      var currentDate = new Date();
      var futureBlockDate = new Date();
      futureBlockDate.setDate(currentDate.getDate() + 30);

     jQuery('#timepicker1').timepicker({showMeridian: false});
     jQuery('#timepicker2').timepicker({showMeridian: false});

     jQuery('#timermasivo1').timepicker({showMeridian: false});
     jQuery('#timermasivo2').timepicker({showMeridian: false});

      jQuery('#listafechas').datepicker({
                 weekStart: 1,
                 showOn: "button",
                 startDate: now ,
                 todayBtn: "linked",
                 language: "es",
                 format:"yyyy-mm-dd",
                 daysOfWeekDisabled: "0,6",
                 calendarWeeks: true,
                 multidate: true
      });

      jQuery("#proyectos").select2();
      jQuery("#responsable").select2();
      /*FILTROS DEL CALENDARIO*/
      jQuery("#filtroproyecto").select2();
      jQuery("#filtroresponsable").select2();
      jQuery("#filtroestadocalendario").select2();
      jQuery("#filtroestadoticket").select2();
      //MASIVOS
      jQuery("#proyectomaviso").select2();
      jQuery("#responsablemaviso").select2();

    $('#calendar').fullCalendar({

      disableDragging :true,
      eventLimit: true, // allow "more" link when too many events
      //editable: true,
      firstDay:1,
     // disableDragging :true,
      minTime:8,
      maxTime:20,
      slotMinutes:30,
      selectable: true,
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month'
      },

   eventSources :[
            horas=  {
                           events: function(start, end, timezone, callback) {
                                          var events = [];
                                          $.ajax({
                                          type: 'POST',
                                          url: '../negocio/calendario.php',               
                                          data: {name : "getCalendarioMostrar",id_persona:id_persona},          
                                          success: function(resp) { 
                                              var datos = $.parseJSON(resp);
                                              if(datos == 0){
                                              }else{
                                                 $(datos).each(function () {
                                                  numero = this.FEC_INICIO.split(" ");
                                                   ls =numero[1].split(":");
                                                   if(this.ID_TIPOCALENDARIO == 2){
                                                      //CALENDARIO DE 2 VISITAS
                                                      if(this.ESTADO == 1){

                                                          if(this.ID_ESTADOTICKET == 3){
                                                             events.push({
                                                                  id     : this.ID_CALENDARIO,
                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                  start  : this.FEC_INICIO,
                                                                  end    : this.FEC_FIN,
                                                                  name   : 2,
                                                                  description: this.ID_TICKET,
                                                                  className: ["event", "pendientesfinalizadas"]       
                                                              }); 
                                                          }else if(this.ID_ESTADOTICKET == 2){
                                                                events.push({
                                                                  id     : this.ID_CALENDARIO,
                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                  start  : this.FEC_INICIO,
                                                                  end    : this.FEC_FIN,
                                                                  name   : 2,
                                                                  description: this.ID_TICKET,
                                                                  className: ["event", "pendiente"]       
                                                              }); 

                                                          }
                                              

                                                        }else{

                                                        }
                                                  
                                                   }else{
                                                          if(this.ESTADO == 1){
                                                            //TOMAR UNA HORA Y AHORA PUEDE SER NORMAL O EMERGENCIA
                                                                        if(this.ID_ESTADOTICKET == 4){
                                                                          //NO LOS AGREGO SI SON CANECALDOS
                                                                            //   events.push({
                                                                            //     id     : this.ID_CALENDARIO,
                                                                            //     title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                            //     start  : this.FEC_INICIO,
                                                                            //     end    : this.FEC_FIN,
                                                                            //     name   : 2,
                                                                            //     description: this.ID_TICKET,
                                                                            //     className: ["event", "sinmoradores"]       
                                                                            // }); 
                                                                        }else if(this.ID_ESTADOTICKET == 1 || this.ID_ESTADOTICKET == 2){

                                                                                      if(this.ID_TIPOTICKET == 1){
                                                                                             events.push({
                                                                                                      id     : this.ID_CALENDARIO,
                                                                                                      title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                                      start  : this.FEC_INICIO,
                                                                                                      end    : this.FEC_FIN,
                                                                                                      name   : 2,
                                                                                                      description: this.ID_TICKET,
                                                                                                      className: ["event", "primeraordentomada"]       
                                                                                                  }); 
                                                                                      }else{
                                                                                          //EMERGENCIA
                                                                                           events.push({
                                                                                                  id     : this.ID_CALENDARIO,
                                                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                                  start  : this.FEC_INICIO,
                                                                                                  end    : this.FEC_FIN,
                                                                                                  name   : 2,
                                                                                                  description: this.ID_TICKET,
                                                                                                  className: ["event", "redEvent"]       
                                                                                              });     
                                                                                      }
                                                                              // TOMARON LA HORA
                                                                       }else if(this.ID_ESTADOTICKET == 3){
                                                                                        events.push({
                                                                                              id     : this.ID_CALENDARIO,
                                                                                              title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                              start  : this.FEC_INICIO,
                                                                                              end    : this.FEC_FIN,
                                                                                              name   : 2,
                                                                                              description: this.ID_TICKET,
                                                                                              className: ["event", "finalizadas"]       
                                                                                          });    
                                                                       }
                                                          
                                                              }else{
                                                                    //DISPONOBLE
                                                                    events.push({
                                                                          id     : this.ID_CALENDARIO,
                                                                          title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA,
                                                                          start  : this.FEC_INICIO,
                                                                          end    : this.FEC_FIN,
                                                                          name   : 1,
                                                                          className: ["event", "primeraordendisponible"]       
                                                                      });   

                                                              }

                                                   }                                              
                                              });              
                                                  callback(events);
                                              }
                                          }
                                      });    
                            },
                   }
          ],

         eventClick: function(calEvent, jsEvent, view) {
          //CALEVENTS ES PARA SABER QUE HACER
          var id_perfil = "<?php echo $_SESSION['id_perfil'];?>";
          if(calEvent.name==1){
            //ELIMINAR LA HORA LO UNICO
            if(id_perfil == 10){
              return false;
            }
            var id_calendario = calEvent.id;
                           BootstrapDialog.show({
                                type: BootstrapDialog.TYPE_WARNING,
                                title: 'Información',
                                closeByBackdrop: true,
                                closeByKeyboard: true,
                                message: '¿Desea eliminar la hora?',
                                  buttons: [{
                                    label: 'No',
                                    cssClass: 'btn-primary',
                                    action: function(dialogItself) {
                                        dialogItself.close();
                                        return false;
                                    }
                                }, {
                                    label: 'Aceptar->',
                                    cssClass: 'btn-success',
                                    action: function(dialogItself) {
                                         $.post( "../negocio/calendario.php", {name:"eliminarEvento",id_calendario:id_calendario})
                                         .done(function( data ){  
                                              if(data == 1){
                                                $("#calendar").fullCalendar('refetchEvents');
                                              }
                                        });

                                        dialogItself.close();
                                    }
                                }]
                            });

          }else if(calEvent.name==2){
            var id_ticket = btoa(calEvent.description);
            window.location ="tickets.php?ticket="+id_ticket+"&"+url;
           }
          },
        select: function(start, end, allDay) {
            var id_perfil = "<?php echo $_SESSION['id_perfil'];?>";
            if(id_perfil == 10){
              return false;
            }
            var seleccionado = moment(start).format('YYYY-MM-DD');
            var actual = moment().format('YYYY-MM-DD');
            if(seleccionado<actual){
                  BootstrapDialog.show({
                                    type: BootstrapDialog.TYPE_DANGER,
                                    title: 'Información',
                                    closeByBackdrop: false,
                                    closeByKeyboard: false,
                                    message: 'No se puede crear horas en fechas pasadas',
                });   
                return false;       
            }

            $('#fecha_seleccionada').val(seleccionado);
            $('#mostrarfecha').text(moment(start).format('DD-MM-YYYY'));
            $('#nuevoevento').modal({show:true});
         },

        });




        $('#guardarevento').click(function(){
          var error_hora = "<label for='name' class='error'>La hora de inicio debe ser mener a la hora final</label>";//ERROR DE DIFERENCIAS
          var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
          var id_proyecto = $('#proyectos').val();
          var id_tipocalendario = 1;//ES EL CALENDARIO DE TIPO 1 , para primeras visitas

          var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
      
          var id_perfil = "<?php echo $_SESSION['id_perfil'];?>";
          var id_persona_responsable = "";

          if(id_perfil == 6){
                  id_persona_responsable = $('#responsable').val();
                 if(id_persona_responsable == "" || id_persona_responsable == null){
                      $('#errornuevoevento').html(error_campos); 
                        return false;
                 }else{
                    id_persona_responsable = $('#responsable').val();
                    
                 }
          }else if(id_perfil == 8){
            id_persona_responsable  = id_persona_registra;
          }

            var hora1 = $('#timepicker1').val();
            var hora2 = $('#timepicker2').val();

          if(id_proyecto == "" || id_proyecto == null  || id_proyecto == ""){
              $('#errornuevoevento').html(error_campos); 
                  return false;
          }

          if(hora2 <=  hora1){ 
              $('#errornuevoevento').html(error_hora); 
              return false;
          }

           var fecha = $('#fecha_seleccionada').val();
           var fec_inicio = fecha+" "+hora1+":00";
           var fec_fin = fecha+" "+hora2+":00";

          $.post( "../negocio/calendario.php", {name:"nuevoevento",id_proyecto :id_proyecto,id_tipocalendario :id_tipocalendario,
                                                id_persona_registra:id_persona_registra,
                                                id_persona_responsable:id_persona_responsable,fec_inicio:fec_inicio,fec_fin:fec_fin})
             .done(function( data ){  
                  if(data == 1){
                     $("#proyectos").select2("val", ""); //set the value
                     $('#nuevoevento').modal('hide');
                     $("#calendar").fullCalendar('refetchEvents'); 
                  }             
            });

        });

        $('#cerrar_session').click(function(){
                   $.post( "../negocio/login.php", {indice:"cerrar_session",id_sesion:id_sesion})
                     .done(function( data ){  
                          if(data == 1){
                            location.href="../administracion";
                          }             
                    });
              });

            $('#imprimir').click(function(){ 
              // w = $('#calendar').css('width');
              // var beforePrint = function() {
              //   // prepare calendar for printing
              //   $('#calendar').css('width', '7.5in');
              //   $('#calendar').fullCalendar('render');
              // };
              // var afterPrint = function() {
              //   $('#calendar').css('width', w);
              //   $('#calendar').fullCalendar('render');
              // };
       
              // }
              // window.onbeforeprint = beforePrint;
              // window.onafterprint = afterPrint;
              // window.print();
            });

      $('#filtrar').click(function(){
            var listaproyectos = $("#filtroproyecto").val();
            var responsables = $('#filtroresponsable').val();
            var estadocalendario =$('#filtroestadocalendario').val();
            var estatoticket =$('#filtroestadoticket').val();
            var consulta = "WHERE ";

            if(listaproyectos == null){
            }else{ 
                var max = listaproyectos.length-1; 
                consulta = consulta+"(";
                 for(var i = 0; i < listaproyectos.length; i++){
                      if(max == i){
                                      consulta = consulta +" po.ID_PROYECTO='"+listaproyectos[i]+"') AND"; 
                      }else{
                                      consulta = consulta +" po.ID_PROYECTO='"+listaproyectos[i]+"'  OR"; 
                      }
              }
            }
            if(responsables == null){
              }else{
                   var max = responsables.length-1; 
                    consulta = consulta+"(";
                   for(var i = 0; i < responsables.length; i++){
                      if(max == i){
                         consulta = consulta +" pe.ID_PERSONA='"+responsables[i]+"') AND"; 
                      }else{
                       consulta = consulta +" pe.ID_PERSONA='"+responsables[i]+"' OR"; 

                      }
                  }
              }

             if(estadocalendario == null){
              }else{
                   var max = estadocalendario.length-1; 
                    consulta = consulta+"(";
                   for(var i = 0; i < estadocalendario.length; i++){
                      if(max == i){
                         consulta = consulta +" c.ID_TIPOCALENDARIO='"+estadocalendario[i]+"') AND"; 
                      }else{
                       consulta = consulta +" c.ID_TIPOCALENDARIO='"+estadocalendario[i]+"' OR"; 
                      }
                  }
              }

            if(estatoticket == null){
              }else{
                   var max = estatoticket.length-1; 
                    consulta = consulta+"(";
                   for(var i = 0; i < estatoticket.length; i++){
                      if(max == i){
                         consulta = consulta +"tt.ID_TIPOTICKET='"+estatoticket[i]+"') AND"; 
                      }else{
                       consulta = consulta +" tt.ID_TIPOTICKET='"+estatoticket[i]+"' OR"; 
                      }
                  }
              }
            var str = consulta.substring(0,consulta.length -4);
            //alert(str);
            if(str == "WH"){
              str = "WHERE";
            }else{
               str = str+" AND";
            }
      console.log(str);
      $('#calendar').fullCalendar('removeEventSource', horas);
      $('#calendar').fullCalendar({
       disableDragging : true,//DESACTIVO EL DRAG AND DROP
      editable: true,
      eventLimit: true, // allow "more" link when too many events
      editable: true,
      firstDay:1,
     // disableDragging :true,
      minTime:8,
      maxTime:20,
      slotMinutes:30,
      selectable: true,
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month'
      },
           eventSources :[
             horas=  {
                           events: function(start, end, timezone, callback) {
                                          var events = [];
                                          $.ajax({
                                          type: 'POST',
                                          url: '../negocio/calendario.php',               
                                          data: {name : "getCalendarioMostrarParametro",parametro:str,id_persona :id_persona},          
                                          success: function(resp) { 
                                            //alert(resp);
                                              var datos = $.parseJSON(resp);
                                              if(datos == 0){
                                              }else{
                                                 $(datos).each(function () {
                                                  numero = this.FEC_INICIO.split(" ");
                                                   ls =numero[1].split(":");
                                                        if(this.ID_TIPOCALENDARIO == 2){
                                                      //CALENDARIO DE 2 VISITAS
                                                      if(this.ESTADO == 1){
                                                         if(this.ID_ESTADOTICKET == 3){
                                                             events.push({
                                                                  id     : this.ID_CALENDARIO,
                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                  start  : this.FEC_INICIO,
                                                                  end    : this.FEC_FIN,
                                                                  name   : 2,
                                                                  description: this.ID_TICKET,
                                                                  className: ["event", "pendientesfinalizadas"]       
                                                              }); 
                                                          }else if(this.ID_ESTADOTICKET == 2){
                                                                events.push({
                                                                  id     : this.ID_CALENDARIO,
                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                  start  : this.FEC_INICIO,
                                                                  end    : this.FEC_FIN,
                                                                  name   : 2,
                                                                  description: this.ID_TICKET,
                                                                  className: ["event", "pendiente"]       
                                                              }); 


                                                          }

                                                        }else{

                                                          }
                                                  

                                                   }else{
                                                          if(this.ESTADO == 1){
                                                            //TOMAR UNA HORA Y AHORA PUEDE SER NORMAL O EMERGENCIA
                                                                        if(this.ID_ESTADOTICKET == 4){
                                                                          //NO LOS AGREGO SI SON CANECALDOS
                                                                            //  events.push({
                                                                            //     id     : this.ID_CALENDARIO,
                                                                            //     title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                            //     start  : this.FEC_INICIO,
                                                                            //     end    : this.FEC_FIN,
                                                                            //     name   : 2,
                                                                            //     description: this.ID_TICKET,
                                                                            //     className: ["event", "sinmoradores"]       
                                                                            // }); 

                                                                        }else if(this.ID_ESTADOTICKET == 1 || this.ID_ESTADOTICKET == 2){

                                                                                      if(this.ID_TIPOTICKET == 1){
                                                                                             events.push({
                                                                                                      id     : this.ID_CALENDARIO,
                                                                                                      title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                                      start  : this.FEC_INICIO,
                                                                                                      end    : this.FEC_FIN,
                                                                                                      name   : 2,
                                                                                                      description: this.ID_TICKET,
                                                                                                      className: ["event", "primeraordentomada"]       
                                                                                                  }); 
                                                                                      }else{
                                                                                          //EMERGENCIA
                                                                                           events.push({
                                                                                                  id     : this.ID_CALENDARIO,
                                                                                                  title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                                  start  : this.FEC_INICIO,
                                                                                                  end    : this.FEC_FIN,
                                                                                                  name   : 2,
                                                                                                  description: this.ID_TICKET,
                                                                                                  className: ["event", "redEvent"]       
                                                                                              });     
                                                                                      }
                                                                              // TOMARON LA HORA
                                                                       }else if(this.ID_ESTADOTICKET == 3){
                                                                                        events.push({
                                                                                              id     : this.ID_CALENDARIO,
                                                                                              title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA+" "+this.Edificio+"-"+this.NUMERO,
                                                                                              start  : this.FEC_INICIO,
                                                                                              end    : this.FEC_FIN,
                                                                                              name   : 2,
                                                                                              description: this.ID_TICKET,
                                                                                              className: ["event", "finalizadas"]       
                                                                                          });    
                                                                       }
                                                          
                                                              }else{
                                                                    //DISPONOBLE
                                                                    events.push({
                                                                          id     : this.ID_CALENDARIO,
                                                                          title  : this.INICIALES+" "+ls[0]+":"+ls[1]+"->"+this.ABREVIATURA,
                                                                          start  : this.FEC_INICIO,
                                                                          end    : this.FEC_FIN,
                                                                          name   : 1,
                                                                          className: ["event", "primeraordendisponible"]       
                                                                      });   

                                                              }

                                                   }   
                                                                                           
                                              });              
                                                  callback(events);
                                              }
                                       
                                          }
                                      });    

                            },
                   }
             ],
          
        });
          
          $('#calendar').fullCalendar( 'addEventSource', horas);
          $('#calendar').fullCalendar('refresh');
      });

      $('#masivohoras').click(function(){
            $('#modalmasivo').modal({show:true});
      });
        
      $('#agregardiv').click(function(){
      var div_horas =  "<div class='form-group'>"+
                     "<label class='col-sm-3 control-label'></label>"+
                          "<div class='col-sm-4'>"+
                              "<div class='input-group mb15'>"+
                                  "<span class='input-group-addon'><i class='glyphicon glyphicon-time'></i></span>"+
                                         "<div class='bootstrap-timepicker'>"+
                                              "<input  type='text' class='form-control prueba'/>"+
                                        "</div>"+
                             "</div>"+

                          "</div>"+
                         "<div class='col-sm-4'>"+
                                  "<div class='input-group mb15'>"+
                                      "<span class='input-group-addon'><i class='glyphicon glyphicon-time'></i></span>"+
                                             "<div class='bootstrap-timepicker'>"+
                                                  "<input id='prueba'  type='text' class='form-control prueba'/>"+
                                            "</div>"+
                                  "</div>"+
                    "</div>"+
                    "<a  class='eliminarhora' data-placement='left'>X</a>"+
                "</div>";

          $('#div_horas').append(div_horas);
          jQuery('.prueba').timepicker({showMeridian: false});
      });

      //ELIMINAR LOS REQUERIMIENTOS DE LA TABLA
        $(document).on("click", "a.eliminarhora" , function() {
            $(this).parent().remove();
        });


        $('#guardarhorasmasivo').click(function(){
            var error_hora = "<label for='name' class='error'>La hora de inicio debe ser mener a la hora final</label>";//ERROR DE DIFERENCIAS
            var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
            var listafechas = $('#listafechas').val();
            var hora_inicio =  Array();
            var hora_fin =  Array();
            var listafechasconhoras = Array();
            var proyecto = $('#proyectomaviso').val();
        
            var hora1 = $('#timermasivo1').val();
            var hora2 = $('#timermasivo2').val();
            var id_tipocalendario = 1;
            var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
            var id_perfil = "<?php echo $_SESSION['id_perfil'];?>";
            var id_persona_responsable = "";

            if(id_perfil == 6){
                    id_persona_responsable = $('#responsable').val();
                   if(id_persona_responsable == "" || id_persona_responsable == null){
                        $('#errornuevoevento').html(error_campos); 
                          return false;
                   }else{
                      id_persona_responsable = $('#responsable').val();
                      
                   }
            }else if(id_perfil == 8){
              id_persona_responsable  = id_persona_registra;
            }


            if(proyecto == "" || proyecto == null  || proyecto == "" || proyecto == 1){
              $('#errormasivo').html(error_campos); 
                  return false;
            }




          if(listafechas == "" || listafechas == null  || listafechas == "" ){
              $('#errormasivo').html(error_campos); 
                  return false;
            }


             if(hora2 <=  hora1){ 
                  $('#errormasivo').html(error_hora); 
                  return false;
            }

            $('#contenedorhoras  input[type=text]').each(function (index) {
                  var tamañohora = $(this).val().length;
                  var hora = $(this).val();
                  
                  if(tamañohora == 2){
                  }else{

                      if(index % 2){
                          hora_fin.push({"fin":hora});
                      }else{
                         hora_inicio.push({"inicio":hora});
                      }
                  }
              });
             for (var i = 0; i < hora_inicio.length; i++){
                  if(hora_inicio[i]['inicio'] >= hora_fin[i]['fin']){
                    $('#errormasivo').html(error_hora); 
                    return false;
                  }else{
                        var fec = listafechas.split(",");
                          for (var l = 0; l < fec.length; l++){
                              listafechasconhoras.push({"fec_inicio":fec[l]+" "+hora_inicio[i]['inicio'], "fec_fin":fec[l]+" "+hora_fin[i]['fin']});
                          }
                  }
              }
            $.post( "../negocio/calendario.php", {name:"eventomasivo",proyecto :proyecto,id_tipocalendario :id_tipocalendario,
                                                id_persona_registra:id_persona_registra,
                                                id_persona_responsable:id_persona_responsable,listafechasconhoras:listafechasconhoras})
             .done(function( data ){  
                $('div_horas').remove();
                $('#modalmasivo').modal('hide');
                $('#listafechas').val("");
                $("#calendar").fullCalendar('refetchEvents');         
            });
        });

       $('#configcuenta').click(function(){
            $('#modalconfigcuenta').modal({show:true});
        });

               $('#configpass').editable({
                    mode: 'inline',
                    rows: 6,
                    url:   "../negocio/usuarios.php",
                         validate: function(value) {
                        if($.trim(value) == '' ) {
                            return 'Esta campo es obligatorio';
                        }                   
                        },
                          success: function(data) {

                        },        
                });

                      $('#configcelular').editable({
                           type:  'text',
                           name:  'celular',
                           url:   "../negocio/usuarios.php",
                           tpl: "<input type='text' maxlength='12'>",
                           validate: function(value) {
                           if($.trim(value) == '' ) {
                                return 'Esta campo es obligatorio';
                            }
                            if ($.isNumeric(value) == '') {
                                return 'Solo números';
                            }
                        },
                           success: function(data) {
                            //alert(data);
                            },
   
                });

                   $('#configemail').editable({
                      type:  'text',
                       url:   "../negocio/usuarios.php",
                       tpl: "<input type='text' maxlength='30'>",
                       validate: function(value) {
                            if($.trim(value) == '' ) {
                                return 'Esta campo es obligatorio';
                            }
                            var v = validarEmail(value)         
                            if(v==false){
                                return 'Ingresa un Email válido';
                            }   
                        },
                          success: function(data) {
                              // alert(data);

                            },       
                });


        function validarEmail(email){
                expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                if ( !expr.test(email) ){
                         return false;
                }else{
                        return true;
                     }
             }

 });          
          </script>
    </body>
</html>
