<?php
ob_start();
$ticket = 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/mysqlticket.php");  
            $t = new mysqlticket();
             $ar = $t->getInfoTicket($ticket);
              for($i =0;$i<count($ar);$i++){
                if(empty($ar)){
                }else{  
                        $_SESSION['ID_TICKET']= $ticket;
                        $id_propiedad=  $ar[$i]['ID_PROPIEDAD'];
                        $id_estatiticket= $ar[$i]['ID_ESTADOTICKET'];
                        $estado=  $ar[$i]['ESTADO'];
                        $id_persona =  $ar[$i]['ID_PERSONA'];
                        $id_tipoticket=  $ar[$i]['ID_TIPOTICKET'];
                        $tipoticket = $ar[$i]['TIPOTICKET'];
                        $propietario = $ar[$i]['PROPIETARIO'];
                        $visitanombre =  $ar[$i]['V_NOMBRE'];
                        $visitaapellido=  $ar[$i]['V_APELLIDO'];
                        $visitacorreo = $ar[$i]['V_CORREO'];
                        $visitarelacion = $ar[$i]['V_RELACION'];
                        $visitatelefono = $ar[$i]['V_TELEFONO'];
                        $cantidad = $ar[$i]['CANTIDAD'];
                        $id_proyecto = $ar[$i]['ID_PROYECTO'];
               }
            }
            $_SESSION['ID_PROPIEDAD']= $id_propiedad;
            $_SESSION['ID_ESTADOTICKET']= $id_estatiticket;
            $_SESSION['ESTADO']= $estado;
            $_SESSION['ID_TIPOTICKET']= $id_tipoticket;
            $_SESSION['TIPOTICKET']=$tipoticket;
            $_SESSION['PROPIETARIO']=$propietario;
            $_SESSION['V_NOMBRE'] =$visitanombre;
            $_SESSION['V_APELLIDO']= $visitaapellido;
            $_SESSION['V_CORREO']= $visitacorreo;
            $_SESSION['V_RELACION']= $visitarelacion;
            $_SESSION['V_TELEFONO']= $visitatelefono;
            $_SESSION['CANTIDAD']= $cantidad;
            $_SESSION['ID_PROYECTO']= $id_proyecto;

  }else{
     //echo "<meta http-equiv='refresh' content='0;url=../administracion'>";
 } 
?>  
<!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>Tickets</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">
   
        <link href="../css/jquery.gritter.css" rel="stylesheet">
        <link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
        <link rel="stylesheet" href="../css/bootstrap-image-gallery.css">
        <link rel="stylesheet" href="../css/ladda-themeless.min.css">
          <link rel="stylesheet" href="../css/prism.css">


    </head>
        <style type="text/css">
        .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 2000 !important;}
        .menu .accordion-heading {  position: relative; }
        .menu .accordion-heading .edit {
        position: absolute;
        top: 8px;
        right: 30px; 
        }
        .menu .area { border-left: 4px solid #f38787; }
        .menu .equipamento { border-left: 4px solid #65c465; }
        .menu .ponto { border-left: 4px solid #98b3fa; }
        .menu .collapse.in { overflow: visible; }
        .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";    
            float: right;       
            color: grey;    
        }
        .panel-heading .accordion-toggle.collapsed:after {
        content: "\e080";
        }
        .finalizadas{
        background-color:#808080;
     }

        .primeraordentomada {
            background-color:#428bca;
        }
        .primeraordendisponible {
         background-color:#5cb85c;
        }
        .redEvent{

            background-color:#d9534f;
        }
        .pendiente{
          background-color:#f0ad4e;
        } 
        .pendientesfinalizadas{
            border-style: solid;
            border: 3px solid #C00;
            border-color: #f0ad4e;
            background-color: #808080;
            padding: 2 2 2 2;
          }.sinmoradores{
              background-color:#8c3ea1;
          }
        .fc-event-time{
            display : none;
        }
        .fc-event-inner {
            font-size: 10px;
        }.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body
{
    margin-left: 60px;
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.panel-body
{
    overflow-y: scroll;
    height: 250px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}.user_name{
    font-size:14px;
    font-weight: bold;
}
.comments-list .media{
    border-bottom: 1px dotted #ccc;
}.msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
}
.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
       -moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
            box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
}
.msg-info {
    border-color: #b8dbf2;
}
.msg-success {
    border-color: #cef2b8;
}
.msg-warning {
    border-color: rgba(255,165,0,.5);
}
.msg-danger {
    border-color: #ec8282;
}
.msg-primary {
    border-color: #9ca6f1;
}
.msg-magick {
    border-color: #e0b8f2;
}
.msg-info-text {
    color: #39b3d7;
}
.msg-success-text {
    color: #80d651;
}
.msg-warning-text {
    color: #db9e34;
}
.msg-danger-text {
    color: #c9302c;
}
.msg-primary-text {
    color: rgba(47,106,215,.9);
}
.msg-magick-text {
    color: #bb39d7;
}@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}
.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;
}.txt-green{
    color:green;
}
     </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>Requerimiento</li>
                                    <li><a href="requerimientos.php">Lista</a></li>

                                </ul>
                                <h4>Ticket</h4>
                            </div>
                        </div><!-- media -->
                    </div><!-- pageheader -->
                    <div class="contentpanel">
                        <div class="row">
                            <!--PANEL DE LA IZQUIEDA-->
                            <div class="col-sm-3 col-md-3 col-lg-3">
                            <h4 class="panel-title">N° Requerimiento  <?php echo $ticket; ?></h4>

                                  <?php 
                                  if($_SESSION['ID_TIPOTICKET']  == 1){
                                    ?>
                                     <span class="label label-success arrowed"> <?php echo $_SESSION['TIPOTICKET'];?></span>
                                    <?php 
                                  }else{
                                    ?>
                                     <span class="label label-danger arrowed"> <?php echo $_SESSION['TIPOTICKET'];?></span>
                                    <?php
                                      }
                                ?> 
                                <br />
                             <h5 class="sm-title text-muted">Visitas Activas</h5>
                                <ul class="nav nav-pills nav-stacked nav-msg">
                                <?php
                                        if($_SESSION['ID_ESTADOTICKET'] == 1){
                                         $pv = $t->getprimeravisitaactivas($_SESSION['ID_TICKET']);
                                        for($i =0;$i<count($pv);$i++){
                                              if(empty($pv)){
                                              }else{
                                                ?>
                                                        <li> 
                                                            <strong  class="subject"><?php echo $pv[$i]['FECHAPOSTVENTA'];?> </strong>
                                                            <small >HI. </small>
                                                            <strong  class="subject" ><?php echo $pv[$i]['HORAINICIO'];?>, </strong>
                                                            <small >HF. </small>
                                                            <strong  class="subject"> <?php echo $pv[$i]['HORAFIN'];?> </strong>
                                                        </li>
                                                <?php 
                                              }
                                          }
                                        }elseif($_SESSION['ID_ESTADOTICKET']==2){
                                        ?>
                                        <?php 
                                       $p2v = $t->getlistahoras2visitas($_SESSION['ID_TICKET']);
                                        for($i =0;$i<count($p2v);$i++){
                                              if(empty($p2v)){
                                              }else{
                                                ?>
                                                     <li> 
                                                        <strong  class="subject"><?php echo $p2v[$i]['FECHAPOSTVENTA'];?> </strong>
                                                        <small >HI.</small>
                                                        <strong  class="subject" ><?php echo $p2v[$i]['HORAINICIO'];?>, </strong>
                                                        <small >HF. </small>
                                                        <strong  class="subject"> <?php echo $p2v[$i]['HORAFIN'];?> </strong>
                                                    </li>
                                                <?php 
                                              }
                                          }

                                        }
                                 ?>
                                </ul>
                            </div>
                            <!--ESTADO DEL TICKET-->
                            <div class="col-sm-9 col-md-9 col-lg-9">
                                <div class="msg-header">
                                    <div class="pull-right">
                                              <?php 
                                          if($_SESSION['ID_ESTADOTICKET'] == 1){
                                            ?>
                                              <a class="text-primary"><strong><?php echo  $_SESSION['ESTADO']; ?></strong></a>
                                            <?php
                                          }else if($_SESSION['ID_ESTADOTICKET'] == 2){
                                            ?>
                                             <a class="text-warning"><strong><?php echo  $_SESSION['ESTADO']; ?></strong></p>
                                           <?php
                                          }else if($_SESSION['ID_ESTADOTICKET'] == 3){
                                            ?>
                                            <a class="text-success"><strong><?php echo $_SESSION['ESTADO']; ?></strong></a>
                                              <?php
                                          }else if($_SESSION['ID_ESTADOTICKET'] == 4){
                                                ?>
                                            <a class="text-danger"><strong><?php echo $_SESSION['ESTADO']; ?></strong></a>
                                              <?php
                                          }
                                          ?>                                        
                                    </div>
                                    <div class="pull-left">
                                        <?php 

                                        if($_SESSION['id_perfil'] == "10"){
                                            ?>
                                            <button id="reprogramar" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cambiar hora"><i class="fa fa-calendar-o"></i></button>
                                            <button id="nuevodetalle" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Nuevo detalle"><i class="fa fa-bars"></i></button>
                                            <button id="imprimir" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Imprimir"><i class="fa fa-print"></i></button>
                                            <?php
                                        }else{

                                                    if($_SESSION['ID_ESTADOTICKET'] == 1){
                                                    ?>
            <!--                                              <button id="emitir" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Emitir"><i class="fa fa-envelope-o"></i></button>
             -->   
                                                            <button id="nuevodetalle" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Nuevo detalle"><i class="fa fa-bars"></i></button>
                                                            <button id="categorizar" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Categorizar"><i class="fa fa-edit"></i></button>
                                                            
                                                            <button id="reprogramar" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cambiar hora"><i class="fa fa-calendar-o"></i></button>


                                                            <button id="cancelar" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cancelar Postventa"><i class="fa fa-times-circle"></i></button>
                                                            <button id="imprimir" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Imprimir"><i class="fa fa-print"></i></button>

                                                    <?php 
                                                    }else if($_SESSION['ID_ESTADOTICKET'] == 2){
                                                    ?>
                                          
                                                            <button id="programarpendiente" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Nueva hora"><i class="fa fa-clock-o"></i></button>
                                                            <button id="reprogramar" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cambiar hora"><i class="fa fa-calendar-o"></i></button>
                                                            <button id="cancelar_visitas" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cancelar Visita"><i class="fa fa-times-circle"></i></button>
                                                             <button id="cancelar_todo" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Cancelar Postventa"><i class="fa fa-times-circle-o"></i></button>

                                                            <button id="finalizar_todo" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Finalizar"><i class="fa fa-check"></i></button>
                                                            <button id="imprimir" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Imprimir"><i class="fa fa-print"></i></button>
                                                            
                                                    <?php 
                                                    }else if($_SESSION['ID_ESTADOTICKET'] == 3){
                                                    ?>
                                                        <button id="imprimir" class="btn btn-white tooltips" type="button" data-toggle="tooltip" title="Imprimir"><i class="fa fa-print"></i></button>

                                                    <?php 
                                                    }
                                          }
                                    ?>
                                    </div><!-- pull-right -->
                                </div><!-- msg-header -->
                                <div class="panel-group panel-group-msg" id="accordion">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a data-toggle="collapse" href="#collapseOne">
                                                    <img src="../images/propietario.png" class="img img-online img-circle mr5" alt="" >Propietario
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse">
                                            <div class="panel-body">
                                              <ul class="list-unstyled social-list">
                                                <?php 
                                                  require_once("../datos/mysqlpersona.php");  
                                                   $p = new mysqlpersona();
                                                   $pt = $p->getpropietario($_SESSION['ID_TICKET']);
                                                   for($i =0;$i<count($pt);$i++){
                                                    ?>
                                                        <li><a>Rut:</a><?php echo $pt[$i]['RUT'];?></li>
                                                        <li><a>Nombre:</a><?php echo $pt[$i]['NOMBRE'];?></li>
                                                        <li><a >Apellidos:</a><?php echo $pt[$i]['APE_PATERNO'];?></li>
                                                        <li><a >Celular:</a><?php echo $pt[$i]['CELULAR'];?></li>
                                                        <li><a >Télefono Fijo:</a></li>
                                                        <li><a>Télefono Oficina:</a></li>
                                                        <li><a >Email:</a><?php echo $pt[$i]['EMAIL'];?></li>
                                                        <li>
                                                        <a >Número de Faltas:</a>
                                                            <?php 
                                                                if($pt[$i]['FALTAS'] > 10){
                                                                    echo  "<span class='text-danger'>".$pt[$i]['FALTAS']."</span>";
                                                                }else{
                                                                    if($pt[$i]['FALTAS'] == null or $pt[$i]['FALTAS'] == ""){
                                                                          echo  "<span class='text-primary'>0</span>";
                                                                    }else{
                                                                         echo  "<span class='text-primary'>".$pt[$i]['FALTAS']."</span>";
                                                                    }
                                                                }
                                                             ?>
                                                        </li>
                                                        <button id="ticketpropietarios" value="<?php echo $pt[$i]['ID_PERSONA']; ?>" class="btn btn-info">Info</button>
                                                    <?php 
                                                     $_SESSION['ID_PROPIETARIO']=$pt[$i]['ID_PERSONA'];
                                                      }
                                                   ?>
                                                </ul>  
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a data-toggle="collapse" href="#collapseTwo">
                                                    <img src="../images/propiedad.png" class="img img-offline img-circle mr5" alt="">Propiedad
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse">
                                            <div class="panel-body">
                                                 <ul class="list-unstyled social-list">
                                                <?php 
                                                   $ar = $t->getInfoPropiedad($_SESSION['ID_PROPIEDAD']);
                                                   for($i =0;$i<count($ar);$i++){
                                                      $id_proyecto =$ar[$i]['ID_PROYECTO'];
                                                        //CREO LA VARIABLE DEL ID PROYECTO
                                                    ?>
                                                            <li><a >Numero:</a><?php echo $ar[$i]['NUMERO'];?></li>
                                                            <li><a >Propiedad:</a><?php echo $ar[$i]['TIPOPROPIEDAD'];?></li>
                                                            <li><a >Modelo:</a><?php echo $ar[$i]['ABREVIATURA'];?></li>
                                                            <li><a >Edificio:</a><?php echo $ar[$i]['Edificio'];?></li>
                                                            <li><a >Piso:</a><?php echo $ar[$i]['PISO'];?></li>
                                                            <li><a >Etapa:</a><?php echo $ar[$i]['ETAPA'];?></li>
                                                            <li><a>Proyecto:</a><?php echo $ar[$i]['PROYECTO'];?></li>
                                                            <li><a>Estructura 10 años :</a>
                                                            <?php 
                                                                  if(3650 >= $ar[$i]['DIFERENCIA_RES']){
                                                                    ?>
                                                                    <span class="label label-success"><?php echo $ar[$i]['FEC_RES_MUNICIPAL'];?></span>
                                                                    <?php
                                                                  }else{
                                                                   ?>
                                                                    <span class="label label-warning"><?php echo $ar[$i]['FEC_RES_MUNICIPAL'];?></span>
                                                                    <?php
                                                                  }
                                                                  ?>
                                                            </li>
                                                            <li><a>Instalaciones 5 años :</a>
                                                                     <?php 
                                                                  if(1825 >= $ar[$i]['DIFERENCIA_RES']){
                                                                    ?>
                                                                    <span class="label label-success"><?php echo $ar[$i]['FEC_RES_MUNICIPAL'];?></span>
                                                                    <?php
                                                                  }else{
                                                                   ?>
                                                                    <span class="label label-warning"><?php echo $ar[$i]['FEC_RES_MUNICIPAL'];?></span>
                                                                    <?php
                                                                  }
                                                                  ?>
                                                            </li>
                                                            <li ><a>Terminaciones 3 años : </a>
                                                                   <?php 
                                                                  if(1095 >= $ar[$i]['DIFERENCIA_ESC']){
                                                                    ?>
                                                                    <span class="label label-success"><?php echo $ar[$i]['FECHA_ESCRITURA'];?></span>
                                                                    <?php
                                                                  }else{
                                                                   ?>
                                                                    <span class="label label-warning"><?php echo $ar[$i]['FECHA_ESCRITURA'];?></span>
                                                                    <?php
                                                                  }
                                                                  ?>
                                                            </li>                                                            <button id="ticketpropiedad" value="<?php echo $ar[$i]['ID_PROPIEDAD']; ?>" class="btn btn-info">Info</button>
                                                            <button id="ticketpisosuperior" tag="<?php echo $ar[$i]['Edificio'] ?>"  value="<?php echo $ar[$i]['PISO']; ?>" class="btn btn-info">Ver Planta Superior</button>
                                                    <?php 
                                                      }
                                                       $_SESSION['ID_PROYECTO']=$id_proyecto;
                                                   ?>
                                                </ul> 
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a data-toggle="collapse" href="#collapseThree">
                                                    <img src="../images/detalles.png" class="img img-online img-circle mr5" alt="" > Detalles
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse">
                                            <div class="panel-body">
                                             <?php  
                                                    if($_SESSION['ID_ESTADOTICKET'] == 1){
                                                    ?>
                                                         <table id="detalleestadouno" class="table  table-bordered table-primary mb30">
                                                            <thead>
                                                                <tr>
                                                                    <th>#</th>
                                                                    <th>Ambiente</th>
                                                                    <th></th>
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                            <?php 
                                                                 $ar = $t->getInfodetalleTicket($_SESSION['ID_TICKET']);
                                                               for($i =0;$i<count($ar);$i++){
                                                                ?>
                                                                   <tr>
                                                                        <td ><?php echo $i+1; ?></td>
                                                                        <td ><?php echo $ar[$i]['AMBIENTE']; ?></td>
                                                                        <td><a href="#"  value="<?php echo $ar[$i]['ID_DETALLE']; ?>" data-toggle="tooltip" title="" class="verdetalle" data-original-title="Edit"><i class="fa fa-refresh"></i></a></td>
                                                                    </tr>
                                                                <?php 
                                                                  }
                                                               ?>
                                                            </tbody>
                                                        </table>
                                                
                                                    <?php 
                                                    }elseif($_SESSION['ID_ESTADOTICKET'] == 2){
                                                    ?>
                                                        <div class="col-md-12">
                                                                <div class="table-responsive">
                                                                    <table class="table  table-bordered table-primary mb30">
                                                                        <thead>
                                                                          <tr>
                                                                            <th>#</th>
                                                                            <th>Ambiente</th>
                                                                            <th>Estado</th>
                                                                            <th>Acciones</th>
                                                                          </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                           <?php 
                                                                                 $ar = $t->getinfodetallecategorizacion($_SESSION['ID_TICKET']);
                                                                               for($i =0;$i<count($ar);$i++){
                                                                                ?>

                                                                                 <tr>
                                                                                        <td ><?php echo $i+1; ?></td>
                                                                                        <td ><?php echo $ar[$i]['AMBIENTE']; ?></td>
                                                                                                   <td><?php
                                                                                        if($ar[$i]['OPEN_CLOSE'] == 1 ){
                                                                                            ?>

                                                                                                <div class="col-xs-2 text-center">
                                                                                                     <i class="glyphicon glyphicon-ok txt-green"></i>
                                                                                                </div>
                                                                                            <?php 
                                                                                        }else{
                                                                                            ?>
                                                                                                  <div class="col-xs-2 text-center">
                                                                                                     <i class="glyphicon glyphicon-remove txt-red"></i>
                                                                                                </div>

                                                                                            <?php
                                                                                        }

                                                                                         

                                                                                        ?>
                                                                                        </td>

                                                                                        <td><a href="#"  value="<?php echo $ar[$i]['ID_DETALLE']; ?>" data-toggle="tooltip" title="" class="verdetalle" data-original-title="Edit"><i class="fa fa-refresh"></i></a></td>
                                                                                </tr>

                                                                                <?php 
                                                                                  }
                                                                               ?>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                    <?php 
                                                    }else if($_SESSION['ID_ESTADOTICKET'] ==3){
                                                        ?>
                                                            <table  class="table  table-bordered table-primary mb30">
                                                                        <thead>
                                                                          <tr>
                                                                            <th>#</th>
                                                                            <th>Ambiente</th>
                                                                            <th>Estado</th>
                                                                            <th>Acciones</th>
                                                                          </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                           <?php 
                                                                                 $ar = $t->getinfodetallecategorizacion($_SESSION['ID_TICKET']);
                                                                               for($i =0;$i<count($ar);$i++){
                                                                                ?>
                                                                                    <tr>
                                                                                        <td ><?php echo $i+1; ?></td>
                                                                                        <td ><?php echo $ar[$i]['AMBIENTE']; ?></td>
                                                                                                   <td><?php
                                                                                        if($ar[$i]['OPEN_CLOSE'] == 1 ){
                                                                                            ?>

                                                                                 <div class="col-xs-2 text-center">
                                                                                                     <i class="glyphicon glyphicon-ok txt-green"></i>
                                                                                                </div>
                                                                                            <?php 
                                                                                        }else{
                                                                                            ?>
                                                                                            <div class="col-xs-2 text-center">
                                                                                                     <i class="glyphicon glyphicon-remove txt-red"></i>
                                                                                                </div>

                                                                                            <?php
                                                                                        }         
                                                                                        ?>
                                                                                        </td>

                                                                                        <td><a href="#"  value="<?php echo $ar[$i]['ID_DETALLE']; ?>" data-toggle="tooltip" title="" class="verdetalle" data-original-title="Edit"><i class="fa fa-refresh"></i></a></td>
                                                                                    </tr>
                                                                                <?php 
                                                                                  }
                                                                               ?>
                                                                        </tbody>
                                                                    </table>
                                                        <?php 

                                                    }else if($_SESSION['ID_ESTADOTICKET']==4){
                                                        ?>
                                                            <table  class="table  table-bordered table-primary mb30">
                                                                        <thead>
                                                                          <tr>
                                                                            <th>#</th>
                                                                            <th>Ambiente</th>
                                                                            <th></th>
                                
                                                                            <th></th>
                                                                          </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                           <?php 
                                                                                 $ar = $t->getinfodetallecategorizacion($_SESSION['ID_TICKET']);
                                                                               for($i =0;$i<count($ar);$i++){
                                                                                ?>
                                                                                 <tr>
                                                                                        <td ><?php echo $i+1; ?></td>
                                                                                        <td ><?php echo $ar[$i]['AMBIENTE']; ?></td>
                                                                                        <td><?php
                                                                                        if($ar[$i]['OPEN_CLOSE'] == 1 ){
                                                                                            ?>

                                                                                             <div class="col-xs-2 text-center">
                                                                                                     <i class="glyphicon glyphicon-ok txt-green"></i>
                                                                                                </div>
                                                                                            <?php 
                                                                                        }else{
                                                                                            ?>
                                                                                            <?php
                                                                                        }

                                                                                         

                                                                                        ?>
                                                                                        </td>
                                                                                        <td><a href="#"  value="<?php echo $ar[$i]['ID_DETALLE']; ?>" data-toggle="tooltip" title="" class="verdetalle" data-original-title="Edit"><i class="fa fa-refresh"></i></a></td>
                                                                                    </tr>
                                                                                <?php 
                                                                                  }
                                                                               ?>
                                                                        </tbody>
                                                                    </table>
                                                    <?php 
                                                    }
                                                    ?>
                                            </div>
                                        </div>
                                    </div>
                                </div><!-- panel-group -->
                        </div>
                    </div><!-- contentpanel -->

                        <div class="row">
                            <div class="col-md-12">
                                <h5 class="md-title text-muted">Actividades</h5>
                                <div class="span12">
                                <div id="tab" class="btn-group" data-toggle="buttons-radio">
                                    <a href="#movimientos" id="loadmovimientos" class="btn btn-default btn-sm " data-toggle="tab">Movimientos</a>
                                    <a href="#preentrega" id="loadpreentrega" class="btn btn-default btn-sm " data-toggle="tab">Pre Entregas</a>
                                    <a href="#entrega" id="loadentrega" class="btn btn-default btn-sm  " data-toggle="tab">Entregas</a>
                                    <a href="#preguntas" id="loadpreguntas" class="btn btn-default btn-sm  " data-toggle="tab">Preguntas</a>
                                    <a href="#comentarios" id="loadcomentarios" class="btn btn-default btn-sm " data-toggle="tab">Comentarios</a>
                                </div>
                                <div class="tab-content">
                                <div class="tab-pane" id="movimientos">
                                    <div id="infomovimientos">
                                    </div> 
                                  </div>
                                  <div class="tab-pane" id="preentrega">
                                    <div id="infopreentrega">
                                        
                                    </div>
                                  </div>
                                  <div class="tab-pane" id="entrega">
                                    <div id="infoentrega">
                                    </div>
                                  </div>
                                 <div class="tab-pane" id="preguntas">
                                    <div id="infopreguntas">
                                    </div>                    
                                 </div>
                                  <div class="tab-pane" id="comentarios">
                                  <div id="infocomentarios">
                                    </div>
                                    <div class="media msg-reply">
                                        <div class="media-body">
                                            <textarea class="form-control" id="comentarioticket" placeholder="Haga clic aquí para dejar comentarios"></textarea>
                                            <button id="comentarticket" class="btn btn-primary btn-sm mt10"><i class="fa fa-send mr5"></i>Comentar</button>
                                        </div>
                                    </div>
                                  </div>
                                </div>
                                </div>    
                            </div>
                        </div>
                            </div><!-- panel-body -->
                        </div>
                    </div><!-- contentpanel -->
            </div><!-- mainwrapper -->
        </section>
    <!--EMPIEZA LOS MODALES-->

    
<div id="reprogramarprimeravisita" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
        <input type="hidden" id="fecha_guardar_primeravisita">
         <?php 
            if($_SESSION['ID_ESTADOTICKET']== 1){
                ?>
                 <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">Cambio de hora</h4>
                        </div>


                        <div class="modal-body">
                                <div class="row">
                                   <div class="col-sm-12">
                                        <div  id="errorreprogramar" class="errorForm"></div>  
                                        <?php 
                                          $pa = $t->getprimeravisita($_SESSION['ID_TICKET']);
                                        ?>
                                            <input value="<?php echo  $pa[0]['ID_CALENDARIO'];?>" tag="<?php echo $pa[0]['HORAINICIOCONFECHA'];?>" type="hidden" name="id_cal_first" id="id_cal_first"/>
                                            <div class="form-group">
                                            <label class="col-sm-4 control-label">Fechas disponibles:<span class="asterisk">*</span></label>
                                                <div class="col-sm-9">
                                                    <select id="horario" name="horario" data-placeholder="Horarios Postventa" class="width100p" required>
                                                         <option value="">Horarios Postventa</option>
                                                     </select>                          
                                                </div>
                                            </div>
                                       <div class="form-group">
                                            <label class="col-sm-4 control-label">Observaciones: <span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                <textarea id="observacionesprimeravisita" rows="5" class="form-control" required=""></textarea>
                                            </div>
                                        </div> 
                                   </div>
                                </div>
                        </div>
                            <div class="modal-footer">
                    <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     <button  id="guardarreprogramación" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button> 

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

                <?php 
            }else{
                ?>
               <div class="modal-dialog modal-xl">
                    <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">Cambio de hora</h4>
                        </div>
                        <div class="modal-body">
                                <div class="row">
                                   <div class="col-sm-8">
                                       <div id="calendarionuevo"></div>
                                   </div>
                                   <div class="col-sm-4">
                                   <div  id="errorreprogramar2" class="errorForm"></div> 
                                            <div class="form-group">
                                                       <select multiple id="filtroproyectovisita" name="filtroproyectovisita" 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="filtroestadocalendariovisita" name="filtroestadocalendariovisita" 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="filtroresponsablevisita" name="filtroresponsablevisita" 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="filtroestadoticketvisita" name="filtroestadoticketvisita" data-placeholder="Estado  Requerimiento" class="width100p" required>
                                                               <?php   
                                                                    $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 class="form-group">
                                                                 <button  id="filtrarcalendarionuevo" class="btn btn-white pull-right"><i class="fa fa-filter mr5"></i> Filtrar</button>

                                                          </select>   
                                                     </div> 


                                        <div class="listahoras">
                                            <div class="form-group">
                                                   <label class="col-sm-4 control-label">Fecha cambiar:<span class="asterisk">*</span></label>
                                                    <div class="col-sm-8">
                                                        <?php 
                                                        $segunda = $t->getlistahoras2visitas($_SESSION['ID_TICKET']);
                                                         for($i =0;$i<count($segunda);$i++){
                                                              if(empty($segunda)){
                                                                ?>
                                                                <code><?php echo "Requerimiento sin horas programadas" ?></code>
                                                                <?php 
                                                              }else{
                                                                ?>
                                                                <div class="rdio rdio-success">
                                                                    <input type="radio" name="radio" value="4"  tag="<?php echo $segunda[$i]['HORAINICIOCONFECHA'];?>" id="<?php echo $segunda[$i]['ID_CALENDARIO'];  ?>">
                                                                    <label for="<?php echo $segunda[$i]['ID_CALENDARIO'];  ?>"><?php echo $segunda[$i]['HORAINICIOCONFECHA'];?></label>
                                                                </div>       
                                                                <?php 
                                                              }
                                                         }
                                                        ?>
                                                    </div>                                 
                                            </div>
                                        </div>

                                            <div class="form-group">
                                                <label class="col-sm-4 control-label"></label>
                                                    <div class="col-sm-8">
                                                        <small>Para seleccionar la fecha , haz click en el calendario en el día que quieres cambiar  el pendiente</small>
                                                    </div>
                                            </div>


                                            <div class="form-group">
                                                <label class="col-sm-4 control-label">Fecha Nueva:<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" readonly="">
                                                        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-4 control-label">Establecer Hora Inicio:<span class="asterisk">*</span></label>
                                                <div class="col-sm-8">
                                                    <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-4 control-label">Establecer Hora Fin:<span class="asterisk">*</span></label>
                                                <div class="col-sm-8">
                                                    <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 class="form-group">
                                                <label class="col-sm-4 control-label">Responsable:<span class="asterisk">*</span></label>
                                                <div class="col-sm-8">
                                                        <select id="responsablevisitapendiente" name="responsablevisitapendiente" data-placeholder="Lista 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>
                                          <div class="form-group">
                                                <label class="col-sm-4 control-label">Observaciones: <span class="asterisk">*</span></label>
                                                <div class="col-sm-8">
                                                    <textarea id="observacionereprogramacion2" rows="5" class="form-control" required=""></textarea>
                                                </div>
                                            </div> 
                                   </div>
                                </div>
                        </div>
                              <div class="modal-footer">
                    <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     <button  id="guardarreprogramación" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button> 

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

<?php 
    if($_SESSION['ID_ESTADOTICKET']== 1){

    }else{
        ?>
     <div id="modalprogramarpendientes" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-xl">
              <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">Programar pendiente</h4>
                  </div>
                  <div class="modal-body">
                        <div class="row">
                              <div class="col-md-8">
                                <div id="calendar"></div>
                           
                                </div>
                            <div class="col-md-4">
                                 <div  id="errornuevoevento" class="errorForm"></div>

                                      <div class="col-md-12">
                                           <div class="form-group">
                                                <select multiple id="filtroproyecto" name="filtroproyecto" 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 class="form-group">
                                                  <select multiple id="filtroestadocalendario" name="filtroestadocalendario" data-placeholder="Estado  Calendario" class="width100p" required>      
                                                        <?php 
                                                
                                                                $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="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="filtroestadoticket" name="filtroestadoticket" data-placeholder="Estado  Requerimiento" class="width100p" required>
                                           <?php   
                                                $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 class="form-group">
                                                                  <button  id="filtrar" class="btn btn-white pull-right"><i class="fa fa-filter mr5"></i> Filtrar</button>

                                </div>


                                 <div class="form-group">
                                    <label class="col-sm-3 control-label"></label>
                                            <div class="col-sm-7">
                                                <small>Para seleccionar la fecha , haz click en el calendario en el día que quieres programar el pendiente</small>

                                            </div>
                                </div>

                                 <div class="form-group">
                                    <label class="col-sm-3 control-label">Fecha Seleccionada:<span class="asterisk">*</span></label>
                                            <div class="col-sm-7">
                                                <input type="text" id="fechapendiente" class="form-control" readonly="">
                                                <input type="hidden" id="fecha_guardar_pendiente">
                                            </div>
                                </div>
                            <div class="form-group">
                                    <label class="col-sm-3 control-label">Hora Inicio:<span class="asterisk">*</span></label>
                                            <div class="col-sm-7">
                                                    <div class="input-group mb15">
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
                                            <div class="bootstrap-timepicker"><input id="timerpendientes1" type="text" class="form-control"/></div>
                                        </div><!-- input-group -->

                                            </div>
                                </div>

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

                                              </div>
                                      </div>     
                                 <?php 
                                    if($_SESSION['id_perfil'] == "6"){
                                      ?>
                                    <div class="form-group">
                                      <label class="col-sm-3 control-label">Responsable:<span class="asterisk">*</span></label>
                                            <div class="col-sm-9">
                                                <select id="responsable_pendiente" name="responsable_pendiente" 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>
                            </div>
                 
                        </div>
                  </div>
                <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                           <button  id="guardarpendiente" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button> 
                     </div>
              </div>
            </div>
    </div>
        <?php
    }
 ?>

     <div id="modalcategorizar" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-lg">
              <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">Categorizar</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                            <div class="col-md-12">
                        <div class="row">
                            <div class="col-sm-9">
                             <p><strong>N° Detalle:</strong><strong id="numero_detalle"></strong> <strong id="ambiente_detalle"></strong></p>
                                <small class="date" id="observacionpostventa"></small>

                            </div>
                            <div class="col-sm-3">
                                <h4 class="pull-right">
                                <small><em id="detallependiente">Cantidad detalles: <?php echo $_SESSION['CANTIDAD'];?></em></small>
                                </h4>
                            </div>
                        </div>
                                <form method="post" id="valWizard" class="panel-wizard" style="margin-top:10px;">
                                    <ul class="nav nav-justified nav-wizard nav-disabled-click">
                                        <li><a href="#tab1" data-toggle="tab"><strong>Paso 1:</strong> Categoría</a></li>
                                        <li><a href="#tab2" data-toggle="tab"><strong>Paso 2:</strong> Se reparo</a></li>
                                        <li><a href="#tab3" data-toggle="tab"><strong>Paso 3:</strong> Responsable</a></li>
                                        <li><a href="#tab4" data-toggle="tab"><strong>Paso 4:</strong> Observaciones</a></li>
                                        <li><a href="#tab5" data-toggle="tab"><strong>Paso 4:</strong> Confirmar</a></li>

                                    </ul>
                                <div class="progress progress-xs">
                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                    <div class="tab-content">
                                     <div  id="errorcategoria" class="errorForm"></div>
                                        <div class="tab-pane" id="tab1">
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Seleccione categoría:<span class="asterisk">*</span></label>
                                                <div class="col-sm-7">

                                                        <select id="categoria" name="categoria" data-placeholder="Lista Categoría" class="width100p" required>
                                                        <option value=""></option>
                                                        <?php 
                                                         $c = $t->getCategorias();
                                                         for($i =0;$i<count($c);$i++){
                                                            if(empty($c)){
                                                            }else{
                                                                ?>
                                                                 <option value="<?php echo $c[$i]['ID_CATEGORIA']; ?>"><?php echo $c[$i]['CATEGORIA']; ?></option>
                                                                <?php 
                                                            }
                                                         }

                                                        ?>
                                                        </select> 
                                                </div>
                                            </div>
                                          <div class="form-group">
                                                <label class="col-sm-5 control-label">Seleccione Sub-categoría:<span class="asterisk">*</span></label>
                                                <div class="col-sm-7">
                                                        <select id="subcategoria" name="subcategoria" data-placeholder="Lista Categoría" class="width100p" required>
                                                         <option value=""> </option>
                                                        </select> 
                                                </div>
                                            </div>
                                  
                                        </div><!-- tab-pane -->
                                        
                                        <div class="tab-pane" id="tab2">
                                          <div class="form-group">
                                                <label class="col-sm-5 control-label">¿Quedó Reparado?:<span class="asterisk">*</span></label>
                                                <div class="col-sm-7">
                                                  <div class="rdio rdio-primary">
                                                        <input type="radio" checked="checked" name="radiopropietario" value="1" id="sipropietario">
                                                        <label for="sipropietario">SI</label>
                                                    </div>
                                                      
                                                    
                                                    <div class="rdio rdio-primary">
                                                        <input type="radio" name="radiopropietario" value="a" id="nopropietario">
                                                        <label for="nopropietario">NO</label>
                                                    </div>

                                                </div>
                                            </div>
                                        </div><!-- tab-pane -->

                                        <div class="tab-pane" id="tab3">
                                             <div class="form-group">
                                                <label class="col-sm-5 control-label">Responsable:<span class="asterisk">*</span></label>
                                                <div class="col-sm-7">
                                                        <select id="responsable" name="responsable" data-placeholder="Lista Responsables" class="width100p" required>
                                                                <option value=""></option>
                                                                <?php 
                                                                $r = $t->getResponsables();
                                                                for($i =0;$i<count($r);$i++){
                                                                    if(empty($r)){
                                                                    }else{
                                                                        ?>
                                                                        <option value="<?php echo $r[$i]['ID_RESPONSABLE']; ?>"><?php echo $r[$i]['RESPONSABLE']; ?></option>
                                                                        <?php 
                                                                    }
                                                                }
                                                                ?>
                                                        </select> 
                                                </div>
                                            </div>
                                        
                                         <div id="div_subcontratista" style="display:none;">
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Subcontratista:<span class="asterisk">*</span></label>
                                                <div class="col-sm-7">
                                                        <select id="subcontratistas" name="subcontratistas" data-placeholder="Lista subcontratistas" class="width100p" required>
                                                           <option value=""></option>
                                                        <?php 
                                                         $s = $t->getsubcontratistas();
                                                         for($i =0;$i<count($s);$i++){
                                                            if(empty($s)){
                                                            }else{
                                                                ?>
                                                                 <option value="<?php echo $s[$i]['ID_SUBCONTRATISTA']; ?>"><?php echo $s[$i]['SUBCONTRATISTA']; ?></option>
                                                                <?php 
                                                            }
                                                         }
                                                        ?>
                                                        </select> 
                                                </div>
                                            </div>

                             
                                        <div class="form-group"  id="oculto_info_subcontratista" style="display:none;">
                                          <label class="col-sm-5 control-label">Información:</label>
                                             <div class="col-sm-7" id="info_subcontratista">
                                             </div>
                                        </div>
                                        </div>
                               
                                        </div>
                                    
                                    <div class="tab-pane" id="tab4">

                                       <div class="form-group">
                                                <div class="col-sm-12">
                                                <label>Subir imagen</label>
                                                 <input type="file" id="file_cate" capture="camera" class="joil"  name="file_cate[]" multiple>
                                                </div>
                                            </div>

                                           <div class="form-group">
                                                       <label class="col-sm-3 control-label"></label>
                                                    <div class="col-sm-9">
                                                <img id="img_preview" src="" style="width: 350px; height: 250px;">
                                                    </div>
                                            </div> 

                                             <div class="form-group">
                                                    <label class="col-sm-3 control-label">Observaciones: <span class="asterisk">*</span></label>
                                                    <div class="col-sm-9">
                                                        <textarea id="observaciones_detalle" rows="5" class="form-control" required=""></textarea>
                                                    </div>
                                                </div>    

                                            <div class="row">
                                              <div class="col-sm-7">
                                                </div>
                                            </div>
                               
                                        </div><!-- tab-pane -->


                                    <div class="tab-pane" id="tab5">
                                                    <div class="col-md-12">
                                                          <div class="panel panel-default">
                                                            <div class="panel-body">
                                                         <p class="text-primary">Detalles:</p>
                                                                  <div class="table-responsive">
                                                                    <table id="detalle_resumen" class="table table-bordered mb30">
                                                                        <thead>
                                                                        <tr>
                                                                                <th>Ambiente</th>
                                                                                <th>Categoría</th>
                                                                                <th>Responsabiliad</th>
                                                                                <th>Observaciones</th>
                                                                                <th>Reparado</th>
                                                                           </tr>
                                                                        </thead>
                                                                        <tbody>
                                                               
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                                <div>
                                                                <div class="form-check">
                                                                        <div class="form-group">
                                                                        <input type="checkbox" onclick="return false;" checked  class="form-check-input" id="CheckincluirtextoCorreoCategorizar">
                                                                            <label class="form-check-label" for="exampleCheck1">Incluir Observaciones en Correo</label>
                                                                        </div>
                                                                        <div class="form-group">
                                                                            <label class="col-sm-3 control-label">Observaciones Generales(*):</label>
                                                                            <div class="col-sm-9">
                                                                                <textarea id="textoEnCorreoCategorizar" rows="5" class="form-control" required=""></textarea>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>            
                                                     </div>     

                                            <div class="row">
                                              <div class="col-sm-7">
     
                                                </div>
                                            </div>
                                        </div><!-- tab-pane -->
                                    </div><!-- tab-content -->
                                    <ul class="list-unstyled wizard">
                                        <li class="pull-left previous"><button type="button" class="btn btn-default">Atrás</button></li>
                                        <li class="pull-right next"><button type="button" class="btn btn-primary">Siguiente</button></li>
                                        <li class="pull-right finish hide"><button  id="finalizar" type="input" class="btn btn-primary">Finalizar</button></li>
                                    </ul>    
                                </form><!-- panel-wizard -->
              
                            </div><!-- col-md-6 -->
                        </div><!-- row -->
                  </div>
              </div>
            </div>
    </div>

     <div id="modalfinalizaritems" 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">Finalizar</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-12">
                               <div class="listadetalle">
                                       <?php 
                                            $ide = $t->getInfoTicketSinfinalizar($_SESSION['ID_TICKET']);
                                             for($i =0;$i<count($ide);$i++){
                                                  if(empty($ide)){
                                                    ?>
                                                    <?php 
                                                  }else{
                                                        //YA SE SOLUCIONO
                                                        ?>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" id="<?php echo $ide[$i]['ID_DETALLE'];?>" tag="<?php echo $ide[$i]['AMBIENTE'];?>">
                                                        <label for="<?php echo $ide[$i]['ID_DETALLE'];  ?>"><?php echo $ide[$i]['AMBIENTE'];?></label>
                                                    </div>
                                                        <?php 
                                                  }
                                             }
                                            ?>
                                    </div>
                                 <div class="form-group">
                                       <label><input  checked onclick="return false;" id="ChecktextoFinalizarProceso" type="checkbox">Incluir Observaciones Email</label>
                                        <label class="col-sm-12">Observaciones (*):</label>
                                        <div class="col-sm-12">
                                            <textarea id="observaciones_finalizar_item" rows="5" class="form-control" required=""></textarea>
                                        </div>
                                    </div>    
                             </div>
                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                           <button  id="guardarfinalizaritem" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button>

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

          <div id="modalagregardetalle" 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">Nuevo detalle </h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                       <div  id="errornuevodetalle" class="errorForm"></div>

                           <div class="col-sm-12">
                                         <label>Ambientes:(*)</label>
                                                <div class="form-group">
                                                    <div class="col-sm-12">
                                                        <select id="listaambientes" name="listaambientes" data-placeholder="Lista Ambientes" class="width100p" required>
                                                             <option value="">Lista Ambientes:</option>
                                                         </select>                          
                                                    </div>
                                        </div>     
                   
                                 <div class="form-group">
                                        <label class="col-sm-12">Observaciones:(*)</label>
                                        <div class="col-sm-12">
                                            <textarea id="observacion_nuevo_detalle" rows="5" class="form-control" required=""></textarea>
                                        </div>
                                    </div>    
                             </div>
                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                       <button  id="agregardetalle" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button>

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


         <div id="modalcancelaritem" 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">Cancelar </h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-12">
                               <div class="listadetallescancelar">
                                       <?php 
                                            $ide = $t->getInfoTicketSinfinalizar($_SESSION['ID_TICKET']);
                                             for($i =0;$i<count($ide);$i++){
                                                  if(empty($ide)){
                                                    ?>
                                                    <?php 
                                                  }else{
                                                        ?>
                                                    <div class="ckbox ckbox-success">
                                                        <input type="checkbox" value="<?php echo $ide[$i]['ID_DETALLE'];?>" tag="<?php echo $ide[$i]['AMBIENTE'];?>" id="cancelar<?php echo $ide[$i]['ID_DETALLE'];?>">
                                                        <label for="cancelar<?php echo $ide[$i]['ID_DETALLE'];  ?>"><?php echo $ide[$i]['AMBIENTE'];?></label>
                                                    </div>
                                                        <?php 
                                                  }
                                             }
                                            ?>
                                    </div>

                               <div class="form-group">
                                    <input type="checkbox"  checked onclick="return false;" class="form-check-input" id="CheckincluirtextoCorreoCancelar">
                                    <label class="form-check-label" for="exampleCheck1">Incluir Observaciones en Correo</label>
                                </div>  

                                 <div class="form-group">
                                        <label class="col-sm-12">Observaciones (*):</label>
                                        <div class="col-sm-12">
                                            <textarea id="observaciones_cancelar_item" rows="5" class="form-control" required=""></textarea>
                                        </div>
                                </div>    
                             </div>
                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                           <button  id="guardar_cancelar_item" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button>

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



    <div id="modaldetalleimagenes" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-lg">
              <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">Detalles Requerimiento</h4>
                      <input type="hidden" id="detalle_seleccionado">
                  </div>
                  <div class="modal-body">
                           <div class="row">
                                    <div class="col-sm-12">
                                             <div class="col-sm-6">
                                                 <div class="form-group">
                                                     <a href="#">Ambiente:</a>
                                                    <p id="ambienteimagen" name="ambienteimagen"></p>
                                                 </div>

                                                <div class="form-group">
                                                   <a href="#">Descripción:</a>
                                                    <p id="observaciones_imagenes" name="observaciones_imagenes"></p>
                                                </div>  

                                             </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <div class="col-sm-8">
                                                        <a id="previewcliente_source" data-gallery="#blueimp-gallery-fruits">
                                                             <img  id="previewcliente"  style="width:100px;height:100px;" >
                                                        </a>
                                                    </div>
                                                </div>  
                                            </div                                     
                                         </div>  
                            </div>
                            <hr>
                        <div id="ocultar_categorizacion">
                             <div class="row">
                                    <div class="col-sm-12">
                                          <div class="col-sm-3">
                                                <div class="form-group">
                                                    <a href="#">Categoría</a>
                                                    <p id="categoria_imagen" name="categoria_imagen"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                   <a href="#">Sub-categoría</a>
                                                    <p id="sub_categoria_imagen" name="sub_categoria_imagen"></p>
                                                </div>
                                            </div>
                                               <div class="col-sm-3">
                                                <div class="form-group">
                                                    <a href="#">Responsable</a>
                                                    <p id="responsable_imagen" name="responsable_imagen"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                     <a href="#">Responsable Obra</a>
                                                    <p id="responsable_obra_imagen" name="responsable_obra_imagen"></p>
                                                </div>
                                            </div>
                                              <div class="col-sm-3">
                                                <div class="form-group">
                                                     <a href="#">Observaciones</a>
                                                    <p id="observaciones_imagen" name="observaciones_imagen"></p>
                                                </div>
                                            </div>
                                             <div class="col-sm-3">
                                                <div class="form-group">
                                                     <a href="#">Reparado</a>
                                                    <p id="reparado_imagen" name="reparado_imagen"></p>
                                                </div>
                                            </div>
                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                     <a href="#">Subcontratista</a>
                                                    <p id="subcontratista_imagen" name="subcontratista_imagen"></p>
                                                </div>
                                            </div>

                                            <div class="col-sm-3">
                                                <div class="form-group">
                                                     <a href="#">Servicio</a>
                                                    <p id="servicio_imagen" name="servicio_imagen"></p>
                                                </div>
                                            </div>
                                    </div>
                            </div>
                            <hr>
                            <div class="row" >
                                     <div class="col-sm-12">
                                         <div class="col-sm-6">
                                          <div id="infohistorialdetalles"></div>
                                                <div class="media msg-reply">
                                                    <div class="media-body">
                                                        <textarea class="form-control" id="historial" placeholder="Haga clic aquí para dejar historial"></textarea>
                                                        <button id="comentariohistorial" class="btn btn-primary btn-sm mt10"><i class="fa fa-send mr5"></i>Agregar Historial</button>
                                                    </div>
                                                </div>
                                         </div>
                                         <div class="col-sm-6">
                                              <div class="form-group">
                                                        <div class="col-sm-12">
                                                        <label>Subir imagen</label>
                                                         <input type="file" id="fileimagen" capture="camera" class="joint"  name="files[]" multiple>
                                                        </div>
                                                </div>
                                             <div id="links"></div>
                                              <div id="blueimp-gallery" class="blueimp-gallery">
                                                    <div class="slides"></div>
                                                    <h3 class="title"></h3>
                                                    <a class="prev">‹</a>
                                                    <a class="next">›</a>
                                                    <a class="close">×</a>
                                                    <a class="play-pause"></a>
                                                    <ol class="indicator"></ol>
                                                        <div class="modal fade">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" aria-hidden="true">&times;</button>
                                                                        <h5 class="modal-title"></h5>
                                                                    </div>
                                                                    <div class="modal-body next"></div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default pull-left prev">
                                                                            <i class="glyphicon glyphicon-chevron-left"></i>
                                                                            Atrás
                                                                        </button>
                                                                        <button type="button" class="btn btn-primary next">
                                                                            Siguiente
                                                                            <i class="glyphicon glyphicon-chevron-right"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                </div>
                                         </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>
    </div>
    
         <div id="modalcancelarvisitas" 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">Cancelar visitas</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-9">
                                        <div class="listahorascancelarvisita">
                                       <?php 
                                            $cv2 = $t->getlistahoras2visitas($_SESSION['ID_TICKET']);
                                             for($i =0;$i<count($cv2);$i++){
                                                  if(empty($cv2)){
                                                    ?>
                                                    <?php 
                                                  }else{
                                                        //YA SE SOLUCIONO
                                                        ?>
                                                    <div class="ckbox ckbox-warning">
                                                        <input type="checkbox"  value="<?php echo $cv2[$i]['ID_CALENDARIO'];?>"  id="<?php echo "a".$cv2[$i]['ID_CALENDARIO'];?>">
                                                        <label for="<?php echo "a".$cv2[$i]['ID_CALENDARIO'];  ?>"><?php echo $cv2[$i]['FECHAPOSTVENTA'];?></label>
                                                    </div>
                                                        <?php 
                                                  }
                                             }
                                            ?>
                                            </div>

                                           <div class="form-group">
                                                <label class="col-sm-12">Observaciones:</label>
                                                <div class="col-sm-12">
                                                    <textarea id="observaciones_cancelar_visitas" rows="5" class="form-control" required=""></textarea>
                                                </div>
                                            </div>    
                             </div>

                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                         <button  id="guardarcancelar" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Guardar Cambios</span></button>
                     </div>
              </div>
            </div>
    </div>



    <div id="modalpropietariotickets" 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">Lista Requerimientos:</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-9">
                                    <div id="listaticketpropietario">
                  
                                    </div>
                             </div>

                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     </div>
              </div>
            </div>
    </div>

<div id="modalpropiedadtickets" 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">Lista Requerimientos:</h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-9">
                                    <div id="listaticketpropiedad">
                  
                                    </div>
                             </div>

                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     </div>
              </div>
            </div>
    </div>


<div id="modalsuperior" 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">Piso Superior: <span id="numero_piso"></span></h4>
                  </div>
                  <div class="modal-body">
                   <div class="row">
                           <div class="col-sm-5">
                                    <div id="listasuperior">
                  
                                    </div>
                             </div>
                                <div class="col-sm-5">
                                    <div id="informacion">
                                            <ul class="list-unstyled social-list">
                                                <li><a id="rutinfo"></a></li>
                                                <li><a id="nombreinfo"></a></li>
                                                <li><a  id="apellidoinfo"></a></li>
                                                <li><a id="celularinfo"></a></li>
                                                <li><a id="telefonoinfo"></a></li>
                                                <li><a id="teloficinainfo"></a></li>
                                                <li><a id="emailinfo"></a></li>
                                        </ul> 
                                    </div>
                             </div>

                        </div>
                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     </div>
              </div>
            </div>
    </div>



    <div id="modalemitir" 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">Emitir:</h4>
                  </div>
                  <div class="modal-body">
                        <div class="row">       
                                <div class="form-group">
                                                <label class="col-sm-4 control-label">Selecciona Horario:<span class="asterisk">*</span></label>
                                                <div class="col-sm-9">
                                                       <?php
                                                        if($_SESSION['ID_ESTADOTICKET'] == 1){
                                                         $pv = $t->getprimeravisita($_SESSION['ID_TICKET']);
                                                            for($i =0;$i<count($pv);$i++){
                                                                  if(empty($pv)){
                                                                ?>
                                                                <code><?php echo "Requerimiento sin horas programadas" ?></code>
                                                                <?php 
                                                              }else{
                                                                ?>
                                                                <div class="rdio rdio-success">
                                                                    <input type="radio" name="radio" value="4" id="<?php echo $pv[$i]['ID_CALENDARIO'];  ?>">
                                                                    <label for="<?php echo $pv[$i]['ID_CALENDARIO'];  ?>"><?php echo $pv[$i]['FECHAPOSTVENTA'];?></label>
                                                                </div>       
                                                                <?php 
                                                              }
                            
                                                          }
                                                        }elseif($_SESSION['ID_ESTADOTICKET']==2){

                                                                $segunda = $t->getlistahoras2visitas($_SESSION['ID_TICKET']);
                                                                 for($i =0;$i<count($segunda);$i++){
                                                                      if(empty($segunda)){
                                                                        ?>
                                                                        <code><?php echo "Requerimiento sin horas programadas" ?></code>
                                                                        <?php 
                                                                      }else{
                                                                        ?>
                                                                        <div class="rdio rdio-success">
                                                                            <input type="radio" name="radio" value="4" id="<?php echo $segunda[$i]['ID_CALENDARIO'];  ?>">
                                                                            <label for="<?php echo $segunda[$i]['ID_CALENDARIO'];  ?>"><?php echo $segunda[$i]['HORAINICIOCONFECHA'];?></label>
                                                                        </div>       
                                                                        <?php 
                                                                      }
                                                                 }
                                                        }
                                                        ?>       
                                                </div>
                                        </div>
                                <div class="form-group">
                                        <label class="col-sm-4 control-label">Agregar Maestros:<span class="asterisk">*</span></label>
                                        <div class="col-sm-9">
                                            <select multiple id="maestros" size="10" name="maestros" data-placeholder="Maestros" class="width100p" required>
                                                    <option value=""></option>
                                                    <option value="1">ALEX ROJAS</option>
                                                    <option value="2">ANGEL BARRIOS</option>
                                             </select>                          
                                        </div>
                                </div>
                              <div class="form-group">
                                        <label class="col-sm-4 control-label">Agregar destinarios:<span class="asterisk">*</span></label>
                                        <div class="col-sm-9">
                                            <select multiple id="destinatarios" size="10" name="destinatarios" data-placeholder="Destinatarios" class="width100p" required>
                                              <?php 
                                                  $de = $p->getAllusers();
                                                 for($i =0;$i<count($de);$i++){
                                                  if(empty($de)){
                                                  }else{
                                                    if($de[$i]['EMAIL'] == ""){

                                                    }else{
                                                    ?>
                                                    <option><?php echo $de[$i]['EMAIL'] ?></option>
                                                    <?php 
                                                    }
                                              
                                                  }
                                              }
                                                 ?> 
                                             </select>                          
                                        </div>
                            </div>





                                  <div class="form-group">
                                        <label class="col-sm-4 control-label">Comentarios: <span class="asterisk">*</span></label>
                                        <div class="col-sm-9">
                                            <textarea id="comentariosenviar" rows="5" class="form-control" required=""></textarea>
                                        </div>
                                    </div>    
                        </div>
                  </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                         <button id="sendemitir"  type="button" class="btn btn-primary">Emitir</button>
                     </div>
              </div>
            </div>
    </div>
    <div class="modal modal-static fade" id="processing-modal" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="text-center">
                        <img src="../images/loading2.gif" class="icon" />
                        <h5>Cargando... </h5>
                    </div>
                </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>

<div id="modalcancelarpostventa" 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">Cancelar Postventa <span id="numero_piso"></span></h4>
                  </div>
                  <div class="modal-body">
                    <div  id="errorcancelarpostventa" class="errorForm"></div>

                   <div class="row">
                        <label class="col-sm-12 control-label">¿Esta seguro que desea cancelar la postventa?</label><br><br>  
                            <div class="form-group">
                                    <label class="col-sm-3 control-label">Descripción: <span class="asterisk">*</span></label>
                                    <div class="col-sm-9">
                                        <textarea id="motivos" rows="5" class="form-control" required=""></textarea>
                                    </div>
                           </div>

                            




                     <div class="form-group">
                                        <label class="col-sm-3 control-label">Motivo:<span class="asterisk">*</span></label>
                                        <div class="col-sm-9">
                                            <select  id="motivoscancelar" size="10" name="motivoscancelar" data-placeholder="Motivos" class="width100p" required>
                                              <?php 
                                                   $mot = $t->getMotivos();
                                                    for($i =0;$i<count($mot);$i++){
                                                        if(empty($mot)){
                                                         }else{
                                                            ?>
                                                             <option value="<?php echo $mot[$i]['ID_MOTIVO'] ?>"><?php echo $mot[$i]['MOTIVO'] ?></option>
                                                            <?php 
                                                          }
                                                      }
                                                 ?> 
                                             </select>                          
                                        </div>
                            </div>

                            <div class="form-group">
                                 <input type="checkbox"  checked onclick="return false;" class="form-check-input" id="CheckIncluirtextoCorreoCancelar">
                                <label class="form-check-label" for="exampleCheck1">Incluir Descripción en Correo</label>
                           </div>


                  </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>

                         <button  id="Cancelarpostventa" class="btn btn-primary ladda-button" data-style="expand-left"><span class="ladda-label">Aceptar</span></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/bootstrap-wizard.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 src="../js/demo.js"></script>
       <script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
        <script src="../js/bootstrap-image-gallery.js"></script>
        <script src="../js/spin.min.js"></script>
        <script src="../js/ladda.min.js"></script>

        <script>
        jQuery(document).ready(function(){
      
            Ladda.bind( 'div:not(.progress-demo) button', { timeout: 3000 } );

// Bind progress buttons and simulate loading progress


  var id_persona = "<?php echo $_SESSION['ID_PERSONA'];?>";
  var id_sesion = "<?php echo $_SESSION['sesion'];?>" ;
  var url = "<?php echo $_SESSION['url'];?>" ;
  var listadetalles =  Array();//LISTA DE DETALLES
  var listaimagenes = Array(); //IMAGENES EN LA CATEGORIZACION
  var categoriaguardar = Array();
  var listacorreos = Array();
  var contadordenext = 1;
  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("#horario").select2({
      minimumResultsForSearch: -1
  });

  jQuery("#proyectos").select2({
  minimumResultsForSearch: -1
  });
  jQuery("#categoria").select2({
      minimumResultsForSearch: -1
  });
  jQuery("#flowers, #subcategoria").select2({
          minimumResultsForSearch: -1
  });

  jQuery("#flowers, #responsable").select2({
          minimumResultsForSearch: -1
  });

  jQuery("#responsable_pendiente").select2({
          minimumResultsForSearch: -1
  });

  jQuery("#subcontratistas").select2({
  minimumResultsForSearch: -1
  });
jQuery("#listaambientes").select2({
              minimumResultsForSearch: -1
  });

  jQuery("#responsablevisitapendiente").select2({
  minimumResultsForSearch: -1
  });
  jQuery("#destinatarios").select2({
     minimumResultsForSearch: -1
       
  });
  jQuery("#maestros").select2({
     minimumResultsForSearch: -1
  });
  
 jQuery("#motivoscancelar").select2({
     minimumResultsForSearch: -1  
  });
       /*FILTROS DEL CALENDARIO*/
  jQuery("#filtroproyecto").select2();
  jQuery("#filtroresponsable").select2();
  jQuery("#filtroestadocalendario").select2();
  jQuery("#filtroestadoticket").select2();
  /*SEGUNDO CALENDARIO*/
  jQuery("#filtroproyectovisita").select2();
  jQuery("#filtroresponsablevisita").select2();
  jQuery("#filtroestadoticketvisita").select2();
  jQuery("#filtroestadocalendariovisita").select2();

  jQuery('#timepicker1').timepicker({showMeridian: false});
  jQuery('#timepicker2').timepicker({showMeridian: false});
  jQuery('#timerpendientes1').timepicker({showMeridian: false});
  jQuery('#timerpendientes2').timepicker({showMeridian: false});
    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('#datepicker').datepicker({
   //         weekStart: 1,
   //         showOn: "button",
   //         startDate: now ,
   //         todayBtn: "linked",
   //         language: "es",
   //         format:"dd-mm-yyyy",
   //         daysOfWeekDisabled: "0,6",
   //         calendarWeeks: true

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

      // });
  $('#reprogramar').click(function(){
      event.preventDefault();
      //CARGAR EL CALENDARIO DE POSTVENTA MY ID ES EL ID_PROYECTO
       var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>" ;
       var contador_dias=1;
      $('#reprogramarprimeravisita').modal({show:true});
      $.post( "../negocio/calendario.php", {name:"getCalendarioPostventa",id_proyecto:id_proyecto,contador_dias:contador_dias})
           .done(function( data ){
               var datos = $.parseJSON(data); 
                   //LIMPIAMOS Y LE DEJAMOS EL VALUE POR DEFAULT
                      $('#horario').empty();
                       $(datos).each(function () { 
                           $('#horario').append("<option IDHORA="+this.HORAINICIOCONFECHA+"  value="+this.ID_CALENDARIO+" >"+this.fec_inicio+"</option>");
                      });
          });     
      });   
 

$('#guardarreprogramación').click(function(){
        
// Ladda.bind( '.progress-demo button', {
//    callback: function( instance ) {
//      var progress = 0;
//      var interval = setInterval( function() {
//        progress = Math.min( progress + Math.random() * 0.1, 1 );
//        instance.setProgress( progress );
//        if( progress === 1 ) {
//          instance.stop();
//          clearInterval( interval );
//        }
//      }, 200 );
//    }
//  } );
     var l = Ladda.create(this);
     l.start();

      var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
      var error_hora = "<label for='name' class='error'>La hora de Inicio debe ser mener a la hora final</label>";//ERROR DE DIFERENCIAS
      var usuario_registra = "<?php echo $_SESSION['ID_PERSONA'];?>" ;
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>" ;
      var observacionesprimeravisita = $('#observacionesprimeravisita').val();
      var observacionereprogramacion2 = $('#observacionereprogramacion2').val();
      var id_estado = "<?php echo $_SESSION['ID_ESTADOTICKET'];?>";
      var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>" ;
      var hora_vieja;
      var hora_nueva;
      var movimiento ;//HORA DE PRIMERA VISITA
      var observacion_guardar = "";
      if(id_estado == 1){
         //SE VALIDA DE UNA FORMA
             hora_vieja = $('#id_cal_first').val();
             hora_nueva = $('#horario').val();

             movimiento = 1;
              if(hora_vieja == "" || hora_vieja == null  || observacionesprimeravisita == ""){
                  return false;
              }
              var hora_vieja_texto = $('#id_cal_first').attr('tag');
              var hora_nuevo_texto =$("#horario option:selected").attr("IDHORA");
              var numero = hora_nuevo_texto.split("-");
              observacion_guardar = hora_vieja_texto+" cambio de hora "+numero[0]+" "+numero[1];
               $.post( "../negocio/ticket.php", {name:"reprogramar",id_ticket :id_ticket,hora_nueva :hora_nueva,hora_vieja:hora_vieja,
                                          movimiento:movimiento,usuario_registra:usuario_registra,observaciones:observacion_guardar})
               .done(function( data ){
                  if(data == 1){
                    l.stop();
                    
                       cambiodehorario(hora_vieja,observacionesprimeravisita,hora_nueva);
                      $('#reprogramarprimeravisita').modal('hide');
                          
                          BootstrapDialog.show({
                          title: 'Información',
                          message: '¡El cambio de Hora fue realizado 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{
              //SE VALIDA DE OTRA FORMA
              if($('#datepicker').val() == ""){
                      $('#errorreprogramar2').html(error_campos); 
                      return false;  
               }
                  var hora1 = $('#timepicker1').val();
                  var hora2 = $('#timepicker2').val();

                  if(hora2 <=  hora1){ 
                      $('#errorreprogramar').html(error_hora); 
                      return false;
                  }
                  //PROCESO
                  //BUSCAMOS LA HORA VIEJA
                  var horas_lista = "";
                $('.listahoras  input:radio').each(function(){
                      var id = $(this).attr('id');
                      var hora_texto = $(this).attr('tag');
                      if( $("#"+id).is(':checked') == true){
                          hora_vieja = $(this).attr('id');
                          horas_lista = horas_lista+" "+hora_texto;
                      }
                  });


                    if(hora_vieja == "" || hora_vieja == null  || observacionereprogramacion2 == ""){
                      return false;
                   }


                   movimiento = 2;
                   var hora1 = $('#timepicker1').val();
                   var hora2 = $('#timepicker2').val();
                   var tipocalendario = 2;//CORRESPONDE A 2 VISITAS
                   var responsable = $('#responsablevisitapendiente').val();
                   var fecha = $('#fecha_guardar_primeravisita').val();
                   var fec_inicio = fecha+" "+hora1+":00";
                   var fec_fin = fecha+" "+hora2+":00";
                  observacion_guardar = horas_lista+" cambio de hora "+fec_inicio;                 
                  $.post( "../negocio/ticket.php", {name:"reprogramar2visita",id_ticket :id_ticket,hora_vieja:hora_vieja,
                                                  movimiento:movimiento,usuario_registra:usuario_registra,observaciones:observacion_guardar,
                                                  id_proyecto :id_proyecto, tipocalendario:tipocalendario,
                                                      responsable:responsable, fec_inicio:fec_inicio,fec_fin: fec_fin})
                   .done(function( data ){
                           l.stop();
                            cambiodehorario(hora_vieja,observacionereprogramacion2,data);
                          $('#reprogramarprimeravisita').modal('hide');
                               BootstrapDialog.show({
                              title: 'Información',
                              message: '¡El cambio de Hora fue realizado 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();

                                      }
                                  }]
                                  });
                  });

           }

    });

      $('#cancelar').click(function(){
          $('#modalcancelarpostventa').modal({show:true});
      });

      $('#Cancelarpostventa').click(function(){
              event.preventDefault();
              var l = Ladda.create(this);
              var motivos = $('#motivos').val();
              var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>";
              var usuario_registra = "<?php echo $_SESSION['ID_PERSONA'];?>" ;
              var id_motivo = $('#motivoscancelar').val();
              var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>" ;
              var id_propietario = "<?php echo $_SESSION['ID_PROPIETARIO'];?>" ;
               var tipousuario = 0 // 0 SIGNIFICA QUE EL USUARIO ES TIPO ADMINISTRADOR



              if(motivos == "" || id_motivo == "" || id_motivo == null  ){
                  $('#errorcancelarpostventa').html(error_campos); 
                  return false;
              }
              
              var SeEnviaDescripcion = 0;
              if( $("#CheckIncluirtextoCorreoCancelar").is(':checked') == true){
                      SeEnviaDescripcion = 1;
              }

              if(id_motivo == 4){
                  //SI ES 4 ES SIN MORADORES, ENTONCES EL TICKET SE FINALIZA.
                           $.post( "../negocio/ticket.php", {name:"finalizarTICKET",
                                                              id_ticket:id_ticket,
                                                              observaciones:motivos,
                                                              usuario_registra:usuario_registra,
                                                              SeEnviaDescripcion:SeEnviaDescripcion

                                                          })
                                   .done(function( data ){
                                      if(data == 1){
                                         l.stop(); 
                                             finalizandopostventaemail(id_ticket,observaciones_finalizar);
                                              BootstrapDialog.show({
                                              title: 'Información',
                                              message: 'Se Finalizo con exito',
                                              closeByBackdrop: false,
                                              closeByKeyboard: false,
                                              closable: false,
                                              type: BootstrapDialog.TYPE_SUCCESS, 
                                              buttons: [{
                                                      label: 'Cerrar',
                                                      action: function(dialog) {
                                                          dialog.close();
                                                          location.reload();

                                                      }
                                                  }]
                                                  });
                                          }
                               });
              }else{
                              $.post( "../negocio/ticket.php", {name:"cancelarticket",id_ticket:id_ticket,motivos:motivos,usuario_registra:usuario_registra,id_motivo:id_motivo,id_propietario:id_propietario,tipousuario:tipousuario})
                               .done(function( data ){
                                          if(data == 1){
                                             l.stop(); 
                                                  cancelarpostventaemail(id_ticket,id_motivo,motivos)
                                                  BootstrapDialog.show({
                                                  title: 'Información',
                                                  message: 'Se cancelo 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();

                                                          }
                                                      }]
                                                      });

                                          }
                              }); 

              }    
      });
      //TODO SOBRE EL HISTORIAL
  $('#loadpreentrega').click(function(){
      event.preventDefault();

      var id_propiedad = "<?php echo $_SESSION['ID_PROPIEDAD'];?>";
      $('#infopreentrega').html('');
        $.post( "../negocio/propiedad.php", {name:"getPreentrega",id_propiedad:id_propiedad})
           .done(function( data ){
              $('#infopreentrega').append(data);
          });
  });

  $('#loadentrega').click(function(){
       event.preventDefault();
      var id_propiedad = "<?php echo $_SESSION['ID_PROPIEDAD'];?>";
      $('#infoentrega').html('');
            $.post( "../negocio/propiedad.php", {name:"getEntrega",id_propiedad:id_propiedad})
               .done(function( data ){
                  $('#infoentrega').append(data);
              });
      });

  $('#loadmovimientos').click(function(){
       event.preventDefault();
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      $('#infomovimientos').html('');
            $.post( "../negocio/ticket.php", {name:"getMovimientos",id_ticket:id_ticket})
               .done(function( data ){
                  $('#infomovimientos').append(data);
              });
      });



  $('#loadpreguntas').click(function(){
       event.preventDefault();
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      $('#infopreguntas').html('');
            $.post( "../negocio/ticket.php", {name:"getPreguntas",id_ticket:id_ticket})
               .done(function( data ){
                  $('#infopreguntas').append(data);
              });

      });

     $('#loadcomentarios').click(function(){
       event.preventDefault();
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      $('#infocomentarios').html('');
            $.post( "../negocio/ticket.php", {name:"getComentariosTicket",id_ticket:id_ticket})
               .done(function( data ){
                  $('#infocomentarios').append(data);
              });
      });
  $('#categorizar').click(function(){
          event.preventDefault();
          var id_ticket  = "<?php echo $_SESSION['ID_TICKET'];?>";
          var today = new Date();
          var dd = today.getDate();
          var mm = today.getMonth()+1; //January is 0!
          var yyyy = today.getFullYear();
          if(dd<10){
              dd='0'+dd
          } 
          if(mm<10){
              mm='0'+mm
          } 
          var today = yyyy+'-'+mm+'-'+dd;
          $.post( "../negocio/ticket.php", {name:"getprimeravisitaHoras",id_ticket:id_ticket})
              .done(function( data ){
                   var datos = $.parseJSON(data); 
                      $(datos).each(function () {
                        if((Date.parse(today)) < (Date.parse(this.COMPARAR))){    //LO DEJATE PARA PODER HACER LAS POSTVENTAS ; DEPUES CAMBIAR URGENTE
                          //NO SE PUEDE
                          BootstrapDialog.show({
                              type: BootstrapDialog.TYPE_DANGER,
                              title: 'Información',
                              closeByBackdrop: false,
                              closeByKeyboard: false,
                              message: 'No se puede categorizar dado, que la primera visita es mayor a la fecha  actual',
                              });
                        }else{
                          //SI SE PUEDE
                           $('#modalcategorizar').modal({show:true});
                              contadordenext = 1;//DEBEMOS VOLER A 1 EL CONTADOR
                              limpiarcategoria();
                                       $.post( "../negocio/ticket.php", {name:"getInfodetalleTicket",id_ticket:id_ticket})
                                       .done(function( data ){
                                               var datos = $.parseJSON(data); 
                                              $(datos).each(function () {
                                              listadetalles.push({"id_detalle":this.ID_DETALLE,"ambiente":this.AMBIENTE,"problema":this.PROBLEMA});
                                               $('#numero_detalle').text(" "+contadordenext+" , ");
                                               $('#ambiente_detalle').text(datos[0].AMBIENTE)
                                               $('#observacionpostventa').text(datos[0].PROBLEMA);   
                                          });

                                  });
                        }
                   });
          });

  });

          // Basic Wizard
          // Wizard With Form Validation
          jQuery('#valWizard').bootstrapWizard({
              onTabShow: function(tab, navigation, index) {
                  tab.prevAll().addClass('done');
                  tab.nextAll().removeClass('done');
                  tab.removeClass('done');
                  var $total = navigation.find('li').length;
                  var $current = index + 1;
                  if($current >= $total) {
                      $('#valWizard').find('.wizard .next').addClass('hide');
                      $('#valWizard').find('.wizard .finish').removeClass('hide');
                  } else {
                      $('#valWizard').find('.wizard .next').removeClass('hide');
                      $('#valWizard').find('.wizard .finish').addClass('hide');
                  }
                  var $percent = ($current/$total) * 100;
                  $('#valWizard').find('.progress-bar').css('width', $percent+'%');
              },
              onTabClick: function(tab, navigation, index) {
                  return false;
              }, onPrevious: function(tab, navigation, index){
                  if(index == 3){
                       $('#detalle_resumen tr').last().remove();
                        listaimagenes.splice(listaimagenes.length -1);
                        categoriaguardar.splice(categoriaguardar.length -1); 
                        listacorreos.splice(listacorreos.length-1);
                  }
            
              },onNext: function(tab, navigation, index) {
                          event.preventDefault();
                          $('#errorcategoria').html(""); 
                          var subcategoria = $('#subcategoria option:selected').text();
                          var responsable = $('#responsable option:selected').text();
                          var observaciones_detalle = $('#observaciones_detalle').val();
                          //ID PARA GUARDAR
                          var id_subcategoria = $('#subcategoria').val();
                          var id_responsable = $('#responsable').val();
                          var reparadoguardar = 0;
                          var open_close = 0;
                          var id_subcontratista = $('#subcontratistas').val();
                          //var <email></email>_subcontratista= $('#email_subcontratista').val();

                          var garantia = 0 ;


                            //ERRORES
                          var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
                          var reparado;

                          if(index == 4){
                               if($("#sipropietario").is(':checked')==true){
                                  reparado = "<span class='badge badge-success'><i class='fa  fa-check'></i></span>";
                                  reparadoguardar  = 1;
                                  open_close = 1;
                               }else{
                                  reparado = "<span class='badge badge-danger'><i class='fa   fa-times-circle'></i></span>";
                               }

                               if(id_responsable == 1){//SI ES EL CLIENTE SE CIERRA
                                  open_close = 1;
                                 // reparado = "<span class='badge badge-success'><i class='fa  fa-check'></i></span>";
                               }else if(id_responsable == 6){
                                   garantia = 1;
                                   open_close = 1;
                               }
                               

                              if(listadetalles.length > contadordenext){
                                   listaimagenes.push({"key":$('#img_preview').attr('src')});
                                   elemento('img_preview').src = "";
                                   elemento('file_cate').text ="";
                                   elemento('file_cate').value ="";
                                   $('#valWizard').bootstrapWizard('show',0);
                                    limpiarcategoria();
                                   categoriaguardar.push({"id_responsable":id_responsable,"id_subcategoria":id_subcategoria,"id_detalle":listadetalles[contadordenext -1]['id_detalle'],"observaciones":observaciones_detalle,reparado:reparadoguardar,open_close:open_close,id_subcontratista:id_subcontratista,garantia:garantia}); 
                                 
                                  if(reparadoguardar == 1){
                                  }else{
                                      if(id_responsable == 3){
                                               listacorreos.push({"id_subcontratista":id_subcontratista,"observaciones":observaciones_detalle})
                                       }

                                  }
                          
                                    contadordenext = contadordenext+1;
                                    $('#numero_detalle').text(" "+contadordenext+" , ");
                                    $('#ambiente_detalle').text(listadetalles[contadordenext -1]['ambiente']);
                                    $('#observacionpostventa').text(listadetalles[contadordenext -1]['problema']);  

                                      var nuevaFila="<tr>";
                                      nuevaFila+="<tr id='14'>"+
                                                      "<td><small>"+listadetalles[contadordenext -1]['ambiente']+"</small></td>"+
                                                      "<td><small>"+subcategoria+"</small></td>"+
                                                       "<td><small>"+responsable+"</small></td>"+
                                                       "<td><small>"+observaciones_detalle+"</small></td>"+
                                                      "<td class='table-action'>"+reparado+"</td>"+
                                          "</tr>";
                                     $("#detalle_resumen").append(nuevaFila);
                                   return false;
                               }else{

                                   if(reparadoguardar == 1){
                                  }else{
                                      if(id_responsable == 3){
                                          listacorreos.push({"id_subcontratista":id_subcontratista,"observaciones":observaciones_detalle})
                                       }

                                  }
                                      listaimagenes.push({"key":$('#img_preview').attr('src')});
                                      categoriaguardar.push({"id_responsable":id_responsable,"id_subcategoria":id_subcategoria,"id_detalle":listadetalles[contadordenext -1]['id_detalle'],"observaciones":observaciones_detalle,reparado:reparadoguardar,open_close:open_close,id_subcontratista:id_subcontratista,garantia:garantia}); 
                                      var nuevaFila="<tr>";
                                       nuevaFila+="<tr id='14'>"+
                                                      "<td><small>"+listadetalles[contadordenext -1]['ambiente']+"</small></td>"+
                                                      "<td><small>"+subcategoria+"</small></td>"+
                                                       "<td><small>"+responsable+"</small></td>"+
                                                       "<td><small>"+observaciones_detalle+"</small></td>"+
                                                      "<td class='table-action'>"+reparado+"</td>"+
                                          "</tr>";
                                     $("#detalle_resumen").append(nuevaFila);                                
                               }

                  //VALIDAMOS LOS FORMULARIOS
                   }else if(index == 1){
                              $('#info_subcontratista').empty();
                              if($('#subcategoria').val() == "" || $('#subcategoria').val() == null ){
                                  $('#errorcategoria').append(error_campos);
                                  return false;
                              }
                   }else if(index == 3){
                              //PRIMERO VALIDAMOS QUE SIEMPRE DEBE HABER ALGO SELECCIONADO
                              if($('#responsable').val() == "" || $('#responsable').val() == null ){
                                $('#errorcategoria').append(error_campos);
                                  return false;
                              }
                              //AHORA SI PUEDO SUBCONTRATISTA SE VALIDA EL EMAIL
                             if($('#responsable').val() == 3){

                                  if($('#subcontratistas').val() == "" || $('#subcontratistas').val() == null){
                                        $('#errorcategoria').append(error_campos);
                                        return false;
                                  }
                             }

                   }
              }   
          });
          $('#responsable').change(function(){
             var id = $('#responsable').val();
             if(id == 3){
              $('#div_subcontratista').show();
             }else{
              $('#div_subcontratista').hide();
             }
          }) ;  


   $('#subcontratistas').change(function(){
          var id = $('#subcontratistas').val();
           $('#oculto_info_subcontratista').show();
            $.post( "../negocio/ticket.php", {name:"getsubcontratistasBYID",id:id})
                       .done(function( data ){
                          var datos = $.parseJSON(data); 
                          var texto = "";
                           $(datos).each(function () { 
                              texto =texto+"<address> <strong>"+this.REPRESENTANTE+"</strong><br>"+this.EMAIL+"<br>"+this.SERVICIO+"<br><abbr title='Phone'</abbr>"+this.TEL_FIJO+"</address>";
                          });
                           $('#info_subcontratista').empty();
                           $('#info_subcontratista').append(texto);
               });
  });


$('#finalizar').click(function(){
          event.preventDefault();

          var id_ticket  = "<?php echo $_SESSION['ID_TICKET'];?>";
          var usuario_registra = "<?php echo $_SESSION['ID_PERSONA'];?>" ;
           var l = Ladda.create(this);
          if(listacorreos.length > 0){
           emailsubcontratista(id_ticket,listacorreos);
          }
           $.post( "../negocio/ticket.php", {name:"setCategorizacion",categoriaguardar:categoriaguardar,id_ticket:id_ticket,listaimagenes:listaimagenes,usuario_registra:usuario_registra})
           .done(function( data ){
              if(data == 1){
                   

                  var observaciones_finalizar = $('#textoEnCorreoCategorizar').val();
                  
                  if(observaciones_finalizar == "" || observaciones_finalizar == null){
                     
                      BootstrapDialog.show({
                          title: 'Campo obligatorio',
                          message: 'Observación es obligatoria',
                          type: BootstrapDialog.TYPE_WARNING, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
                      });
                      return false;
                  }


                  var SeEnviaDescripcion = 0;

                  if( $("#CheckincluirtextoCorreoCategorizar").is(':checked') == true){
                    SeEnviaDescripcion = 1;
                   }

                      $.post( "../negocio/ticket.php", {name:"finalizarTICKET",id_ticket:id_ticket,
                                                        observaciones:observaciones_finalizar,
                                                         usuario_registra:usuario_registra,
                                                         SeEnviaDescripcion:SeEnviaDescripcion
                                                          })
                                   .done(function( data ){
                                      if(data == 1){
                                        $('#modalcategorizar').modal('hide');
                                        //l.stop();
                                              finalizandopostventaemail(id_ticket,observaciones_finalizar);
                                              BootstrapDialog.show({
                                              title: 'Información',
                                              message: 'Se Finalizo 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 if(data == 3) {
                  $.post( "../negocio/ticket.php", {name:"pasarProceso",id_ticket:id_ticket,usuario_registra:usuario_registra})
                       .done(function( data ){
                              if(data == 1){
                                    $('#modalcategorizar').modal('hide');
                                      BootstrapDialog.show({
                                      title: 'Información',
                                      message: 'Se Categorizo  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();

                                              }
                                          }]
                                          });
                                  }
  
                       });

              }
       });

      return false;
 });


$('#categoria').change(function(){
  event.preventDefault();
  $("#subcategoria").select2("val", ""); //set the value
     var id_categoria = $('#categoria').val();
      $.post( "../negocio/ticket.php", {name:"getsubcategorias",id_categoria:id_categoria})
       .done(function( data ){
                var datos = $.parseJSON(data); 
               //LIMPIAMOS Y LE DEJAMOS EL VALUE POR DEFAULT
                  $('#subcategoria').empty();
                  $('#subcategoria').append("<option value=''></option>");

                   $(datos).each(function () { 
                       $('#subcategoria').append("<option value="+this.ID_SUBCATEGORIA+" >"+this.SUBCATEGORIA+"</option>");
                  });
   });
});

  $('#programarpendiente').click(function(){
      $('#modalprogramarpendientes').modal({show:true});
  });

  function limpiarcategoria(){
      $("#sipropietario").prop('checked', true);
      $("#categoria").select2("val", ""); //set the value
      $("#subcategoria").select2("val", ""); //set the value
      $("#subcontratistas").select2("val", ""); //set the value
      $("#responsable").select2("val", ""); //set the value
     // $('#email_subcontratista').val("");
      $('#observaciones_detalle').val("");
      $('#div_subcontratista').hide();
  }


$('#calendar').fullCalendar({
// editable: true,
eventLimit: true, // allow "more" link when too many events
disableDragging : true,//DESACTIVO EL DRAG AND DROP
//editable: true,
firstDay:1,
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);
                                        }
                                 
                                    }
                                });    

                      },
             }
    ],
  select: function(start, end, allDay) {
      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;       
      }else{

          $('#fechapendiente').val(moment(seleccionado).format('DD-MM-YYYY'));
          $('#fecha_guardar_pendiente').val(moment(seleccionado).format('YYYY-MM-DD'));

      }


   },

  });


  $('#modalprogramarpendientes').on('shown.bs.modal', function () {
       $("#calendar").fullCalendar('render');
  });

  $('#guardarpendiente').click(function(){
      event.preventDefault();
      var l = Ladda.create(this);
       l.start();
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      var id_tipocalendario = 2;//ES EL CALENDARIO DE TIPO 1 , para primeras visitas
      var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
      var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>";
      var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
      var error_hora = "<label for='name' class='error'>La hora inicial debe ser menor</label>"; //ERROR COMPLETAR
      var id_perfil = "<?php echo $_SESSION['id_perfil'];?>";
      var id_persona_responsable = "";

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

  var hora1 = $('#timerpendientes1').val();
  var hora2 = $('#timerpendientes2').val();
    if(hora2 <=  hora1){ 
        $('#errornuevoevento').html(error_hora); 
        return false;
    }
     var fecha = $('#fecha_guardar_pendiente').val();
     if(fecha == "" || fecha == null){
           $('#errornuevoevento').html(error_campos); 
           return false;
     }


     var fec_inicio = fecha+" "+hora1+":00";
     var fec_fin = fecha+" "+hora2+":00";

    $.post( "../negocio/calendario.php", {name:"nuevoEvento2Visitas",id_ticket:id_ticket,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){
                  nuevahoraemail(id_ticket,data);
                  l.stop();
                  $('#modalprogramarpendientes').modal('hide');
                  BootstrapDialog.show({
                              title: 'Información',
                              message: 'Se guardo 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();
                                      }
                                  }]
                          });
               $("#calendar").fullCalendar('refetchEvents'); 
            //  }   
      });
  });

$('#filtrar').click(function(){
      event.preventDefault();
      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);
      if(str == "WH"){
        str = "";
      }else{
       // str = str+" AND";
      }
        console.log(str);


$('#calendar').fullCalendar('removeEventSource', horas);
$('#calendar').fullCalendar({
     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) { 
                                        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');


});


$('#calendarionuevo').fullCalendar({
eventLimit: true, // allow "more" link when too many events
disableDragging : true,//DESACTIVO EL DRAG AND DROP
firstDay:1,
minTime:8,
maxTime:20,
slotMinutes:30,
selectable: true,
header: {
  left: 'prev,next today',
  center: 'title',
  right: 'month'
},
eventSources :[
      horas2=  {
                     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);
                                        }
                                 
                                    }
                                });    

                      },
             }
    ],
  select: function(start, end, allDay) {
      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 cambiar la hora por una fecha pasada',
          });   
          return false;       
      }else{

          $('#datepicker').val(moment(seleccionado).format('DD-MM-YYYY'));
          $('#fecha_guardar_primeravisita').val(moment(seleccionado).format('YYYY-MM-DD'));

      }


   },

  });


$('#reprogramarprimeravisita').on('shown.bs.modal', function () {
   $("#calendarionuevo").fullCalendar('render');
});



$('#filtrarcalendarionuevo').click(function(){
      event.preventDefault();
      var listaproyectos = $("#filtroproyectovisita").val();
      var responsables = $('#filtroresponsablevisita').val();
      var estadocalendario =$('#filtroestadocalendariovisita').val();
      var estatoticket =$('#filtroestadoticketvisita').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);
      if(str == "WH"){
        str = "";
      }else{
       // str = str+" AND";
      }
$('#calendarionuevo').fullCalendar('removeEventSource', horas2);
$('#calendarionuevo').fullCalendar({
           eventSources :[
       horas2=  {
                     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) { 
                                        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){
                                                          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);
                                        }
                                 
                                    }
                                });    

                      },
             }
       ],
    
  });
    
  $('#calendarionuevo').fullCalendar( 'addEventSource', horas2);
  $("#calendarionuevo").fullCalendar('refetchEvents'); 


});

  $('#finalizar_todo').click(function(){
      $('#modalfinalizaritems').modal({show:true});
  });
  $('#cancelar_todo').click(function(){
      $('#modalcancelaritem').modal({show:true});
  });



  
  $('#guardar_cancelar_item').click(function(){
      event.preventDefault();
      var l = Ladda.create(this);
        l.start();
      var listadetalles = Array();
      var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      var observaciones = $('#observaciones_cancelar_item').val();


      var SeEnviaDescripcion = 0;

      if( $("#CheckincluirtextoCorreoCancelar").is(':checked') == true){
      SeEnviaDescripcion = 1;
      }

      var mov = 11;
      var observacion_guarda = "";
      var ambientes = "";
      $('.listadetallescancelar  input:checkbox').each(function(){
              var id = $(this).attr('id');
              var value = $(this).attr('value');
              var ambiente = $(this).attr('tag');
              if( $("#"+id).is(':checked') == true){
                  ambientes = ambientes+" "+ambiente;
                  listadetalles.push({"id_detalle":value,"ambiente":ambiente});
              }
      });
      observacion_guarda = ambientes+"  "+observaciones;

        $.post( "../negocio/ticket.php", {name:"setCancelaritem",listadetalles:listadetalles,id_persona_registra:id_persona_registra,id_ticket:id_ticket})
           .done(function( data ){
              if(data == 1){
                        $('#modalcancelaritem').modal('hide');
                         $.post( "../negocio/ticket.php", {name:"finalizarTICKET",id_ticket:id_ticket,
                                                                                  observaciones:observaciones,
                                                                                  usuario_registra:id_persona_registra,
                                                                                  SeEnviaDescripcion:SeEnviaDescripcion
                                                                              })
                                   .done(function( data ){
                                      if(data == 1){
                                             
                                             finalizandopostventaemail(id_ticket,observaciones);
                                              l.stop();
                                              BootstrapDialog.show({
                                              title: 'Información',
                                              message: 'Se Finalizo con exito la postventa',
                                              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 if(data == 3){
                      $('#modalcancelaritem').modal('hide');
                         $.post( "../negocio/ticket.php", {name:"MovimientoITEM",id_ticket:id_ticket,observaciones:observacion_guarda,usuario_registra:id_persona_registra,mov:mov})
                           .done(function( data ){
                              if(data == 1){
                                l.stop();
                                      BootstrapDialog.show({
                                      title: 'Información',
                                      message: 'Se  Cancelo postventa',
                                      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();

                                              }
                                          }]
                                          });
                                  }

                       });    

              }


           });

   return false;
  });

  $('#guardarfinalizaritem').click(function(){
      event.preventDefault();
      var l = Ladda.create(this);

       var listadetalles = Array();
       var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
       var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
       var observaciones_finalizar = $('#observaciones_finalizar_item').val();

       var SeEnviaDescripcion = 0;

       if( $("#ChecktextoFinalizarProceso").is(':checked') == true){
          SeEnviaDescripcion = 1;
       }

       var mov = 9;
       var observacion_guarda = "";
       var ambientes = "";
          $('.listadetalle  input:checkbox').each(function(){
              var id = $(this).attr('id');
              var ambiente = $(this).attr('tag');

              if( $("#"+id).is(':checked') == true){
                  ambientes = ambientes+" "+ambiente;
                  listadetalles.push({"id_detalle":id});
              }
          });
          observacion_guarda = ambientes+"  "+observaciones_finalizar;
         $.post( "../negocio/ticket.php", {name:"setFinalizaritem",
                                          listadetalles:listadetalles,
                                          id_persona_registra:id_persona_registra,
                                          id_ticket:id_ticket,
                                          SeEnviaDescripcion: SeEnviaDescripcion,
                                          Observaciones: observaciones_finalizar
                                          })
               .done(function( data ){
                     if(data == 1){
                       $('#modalfinalizaritems').modal('hide');
                         $.post( "../negocio/ticket.php", {name:"finalizarTICKET",id_ticket:id_ticket,
                                                              observaciones:observaciones_finalizar,
                                                              usuario_registra:id_persona_registra,
                                                              SeEnviaDescripcion:SeEnviaDescripcion
                                                          })
                                   .done(function( data ){
                                      if(data == 1){
                                         
                                              finalizandopostventaemail(id_ticket,observaciones_finalizar);
                                               l.stop();
                                              BootstrapDialog.show({
                                              title: 'Información',
                                              message: 'Se Finalizo con exito',
                                              closeByBackdrop: false,
                                              closeByKeyboard: false,
                                              closable: false,
                                              type: BootstrapDialog.TYPE_SUCCESS, 
                                              buttons: [{
                                                      label: 'Cerrar',
                                                      action: function(dialog) {
                                                          dialog.close();
                                                          location.reload();

                                                      }
                                                  }]
                                                  });
                                          }
                               });
              }else if(data == 3) {
                     $('#modalfinalizaritems').modal('hide');
                         $.post( "../negocio/ticket.php", {name:"MovimientoITEM",id_ticket:id_ticket,observaciones:observacion_guarda,usuario_registra:id_persona_registra,mov:mov})
                           .done(function( data ){
                              if(data == 1){
                                      l.stop();
                                      BootstrapDialog.show({
                                      title: 'Información',
                                      message: 'Item finalizados',
                                      closeByBackdrop: false,
                                      closeByKeyboard: false,
                                      closable: false,
                                      type: BootstrapDialog.TYPE_SUCCESS,
                                      buttons: [{
                                              label: 'Cerrar',
                                              action: function(dialog) {
                                                  dialog.close();
                                                  location.reload();

                                              }
                                          }]
                                          });
                                  }

                       });                     
              }
       });

   return false;
  });


  $('#modalcategorizar').on('hide.bs.modal', function () {
      document.location.reload();
  });

  $('#comentarticket').click(function(){
      event.preventDefault();
      var comentarios = $('#comentarioticket').val();
      var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";

      var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
      $.post( "../negocio/ticket.php", {name:"comentarioticket",id_ticket:id_ticket,comentarios:comentarios,id_persona_registra:id_persona_registra})
           .done(function( data ){
              if(data == 1){
              $('#infocomentarios').html('');
              $('#comentarioticket').val("");
                $.post( "../negocio/ticket.php", {name:"getComentariosTicket",id_ticket:id_ticket})
                   .done(function( data ){
                      $('#infocomentarios').append(data);
                  });

              }
       });
  });

  
  $('.verdetalle').click(function(){
      event.preventDefault();
      $("#processing-modal").modal({show:true});
      var id_detalle = $(this).attr('value');
      var estado_ticket = "<?php echo $_SESSION['ID_ESTADOTICKET'];?>";
      $('#detalle_seleccionado').val(id_detalle);
      //INFORMACION DEL TICKET
      $.post( "../negocio/ticket.php", {name:"getinfodetalle",id_detalle:id_detalle})
          .done(function( data ){
                 var datos = $.parseJSON(data);
                  $(datos).each(function (){
                      $('#ambienteimagen').text(this.AMBIENTE);
                      $('#observaciones_imagenes').text(this.PROBLEMA);

                      if(this.IMAGEN64 == ""  || this.IMAGEN64 == null){
                          $('#previewcliente').attr("src","http://placehold.it/100x100&text=NO IMAGEN");

                      }else{
                          $('#previewcliente').attr("src",this.IMAGEN64);
                          $('#previewcliente_source').attr('href',this.IMAGEN64);
                      }

                          if(estado_ticket ==  1){
                              $('#ocultar_categorizacion').hide();
                          }else{
                                  if(this.CATEGORIA == null || this.CATEGORIA == ""){
                                      this.CATEGORIA = "";
                                  }
                                      if(this.SUBCATEGORIA == null || this.SUBCATEGORIA == ""){
                                      this.SUBCATEGORIA = "";
                                  }
                                      if(this.RESPONSABLE == null || this.RESPONSABLE == ""){
                                      this.RESPONSABLE = "";
                                  }
                                      if(this.RESPONSABLEOBRA == null || this.RESPONSABLEOBRA == ""){
                                      this.RESPONSABLEOBRA = "";
                                  }
                                      if(this.OBSERCACIONES_CATEGORIZADA == null || this.OBSERCACIONES_CATEGORIZADA == ""){
                                      this.OBSERCACIONES_CATEGORIZADA = "";
                                  }
                                      if(this.SUBCONTRATISTA == null || this.SUBCONTRATISTA == ""){
                                      this.SUBCONTRATISTA = "";
                                  }
                                  if(this.SERVICIO == null || this.SERVICIO == ""){
                                      this.SERVICIO = "";
                                  }
                                  $('#ocultar_categorizacion').show();
                                  $("#categoria_imagen").text(this.CATEGORIA);
                                  $("#sub_categoria_imagen").text(this.SUBCATEGORIA);
                                  $("#responsable_imagen").text(this.RESPONSABLE);
                                  $("#responsable_obra_imagen").text(this.RESPONSABLEOBRA);
                                  $("#observaciones_imagen").text(this.OBSERCACIONES_CATEGORIZADA);
                                  $('#subcontratista_imagen').text(this.SUBCONTRATISTA);
                                  $('#servicio_imagen').text(this.SERVICIO); 
                                  if(this.REPARADO == 0 ){
                                       $("#reparado_imagen").text("Sin reparar");
                                  }else{
                                       $("#reparado_imagen").text("reparado");
                                  }
                          }
                  });
          });


       $('#infohistorialdetalles').html('');
       $('#links').html('');
        $.post( "../negocio/ticket.php", {name:"getdetallehistorial",id_detalle:id_detalle})
           .done(function( data ){
              $('#infohistorialdetalles').append(data);
          });
            $.post( "../negocio/ticket.php", {name:"getgaleria",id_detalle:id_detalle})
           .done(function( data ){
              var datos = $.parseJSON(data);
                  $(datos).each(function (){
                       var img = "<a href="+this.IMAGEN64+" title='"+this.FEC_REGISTRO+" "+this.NOMBRE+" "+this.APE_PATERNO+" "+this.INICIALES+ "' data-gallery=''><img style='width:75px;height:75px;' src="+this.IMAGEN64+"></a>";
                      $('#links').append(img);
                  });
          });
              $("#processing-modal").modal({show:false});
               setTimeout(function() {
                      $("#processing-modal").modal('hide');
                      $('#modaldetalleimagenes').modal({show:true});
              }, 4000);
  });



  $('#comentariohistorial').click(function(){
       event.preventDefault();
        var observaciones  = $('#historial').val();
        var id_detalle = $('#detalle_seleccionado').val();
        var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";

        $.post( "../negocio/ticket.php", {name:"sethistorialdetalle",id_detalle:id_detalle,id_persona_registra:id_persona_registra,observaciones:observaciones})
           .done(function( data ){
              if(data == 1){
              $('#infohistorialdetalles').html('');
                  $('#infohistorialdetalles').html('');
                    $.post( "../negocio/ticket.php", {name:"getdetallehistorial",id_detalle:id_detalle})
                       .done(function( data ){
                          $('#infohistorialdetalles').append(data);
                      });

              }
       });
  });



$('#cancelar_visitas').click(function(){
  $('#modalcancelarvisitas').modal({show:true});
});

  $('#guardarcancelar').click(function(){
       event.preventDefault();
var l = Ladda.create(this);

       var listacancelar = Array();
       var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
       var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
          $('.listahorascancelarvisita input:checkbox').each(function(){
              var id = $(this).attr('id').trim();
              var value = $(this).attr('value');
               if( $("#"+id).is(':checked') == true){
                 listacancelar.push({"id_calendario":value})
               } 
          });

          var observaciones_finalizar = $('#observaciones_cancelar_visitas').val();
         emailcancelarvisitas(id_ticket,listacancelar,observaciones_finalizar);
         $.post( "../negocio/ticket.php", {name:"cancelar2visita",listacancelar:listacancelar})
           .done(function( data ){
              if(data == 1){
                 l.stop();
                  $('#modalcancelarvisitas').modal('hide');
                        $.post( "../negocio/ticket.php", {name:"MovimientoCancelaritem",id_ticket:id_ticket,observaciones:observaciones_finalizar,usuario_registra:id_persona_registra})
                               .done(function( data ){
                                  if(data == 1){
                                       l.stop();
                                         //dialogRef.close();
                                          BootstrapDialog.show({
                                          title: 'Información',
                                          message: 'Se realizaron la cancelación de visitas 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();
                                                  }
                                              }]
                                              });
                                      }
                           });
              }
       });
});

$('#imprimir').click(function(){
 event.preventDefault();
var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
 var  ruta ="../negocio/ticketimprimir.php?ticket="+id_ticket+"";
 window.open(ruta,"ORDEN DE TRABAJO",'width=800,height=600,left=320, top=80,toolbar=0,scrollbars=0,statusbar=0,menubar =0,resizable=0');
});
$('#ticketpropietarios').click(function(){
  event.preventDefault();
  var id = $(this).attr('value');
$('#listaticketpropietario').html('');
$.post( "../negocio/ticket.php", {name:"getTicketBYPROPIETARIO",id:id,url:url})
   .done(function( data ){
      $('#listaticketpropietario').append(data);
  });  
   $('#modalpropietariotickets').modal({show:true});
});
$('#ticketpropiedad').click(function(){
   event.preventDefault();
  var id = $(this).attr('value');
  $('#listaticketpropiedad').html('');
 $.post( "../negocio/ticket.php", {name:"getTicketBYPROPIEDAD",id:id,url:url})
   .done(function( data ){
      $('#listaticketpropiedad').append(data);
  });  

   $('#modalpropiedadtickets').modal({show:true});
});



$('#emitir').click(function(){
  $('#modalemitir').modal({show:true});

});

// $('#sendemitir').click(function(){
//    var listacorreos = $('#destinatarios').val();
//    var comentarios = $('#comentariosenviar').val();
//    var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
//    var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";



//    var lista = Array();
//    if(listacorreos == null || listacorreos == ""){
//             alert("selecciona un correo");
//    }else{ 
//             for(var i = 0; i < listacorreos.length; i++){
//                 lista.push({"destinarios":listacorreos[i]});
//          }
//    }
//        $('#modalemitir').modal('hide');
//        BootstrapDialog.show({
//           icon: 'glyphicon-info-sign',
//            type: BootstrapDialog.TYPE_INFO,
//            title: 'Información',
//            closeByBackdrop: false,
//            closeByKeyboard: false,
//            message: '¿Esta seguro que desea emitir?',
//            buttons: [{
//                icon: 'glyphicon glyphicon-send',
//                label: 'Confirmar Emitir',
//                cssClass: 'btn-warning',
//                autospin: true,
//                action: function(dialogRef){
//                    dialogRef.enableButtons(false);
//                    dialogRef.setClosable(false);
//                    dialogRef.getModalBody().html('Enviando...');
//                    setTimeout(function(){

//                  $.post( "../negocio/ticket.php", {name:"setEmitirMovimiento",comentarios:comentarios,id_ticket :id_ticket,id_persona_registra:id_persona_registra})
//                        .done(function( data ){
//                    }); 

//                   $.post( "../emails/envioemitir.php", {lista:lista,comentarios:comentarios,id_ticket :id_ticket})
//                        .done(function( data ){
//                            alert(data);
//                    }); 

//                    dialogRef.close();
//                    BootstrapDialog.show({
//                    title: 'Información',
//                    message: 'Mensaje enviado con exito',
//                    closeByBackdrop: false,
//                    closeByKeyboard: false,
//                    closable: false,
//                    type: BootstrapDialog.TYPE_SUCCESS, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
//                    buttons: [{
//                            label: 'Cerrar',
//                            action: function(dialog) {
//                                     location.reload();


//                            }
//                        }]
//                        });

//                        }, 5000);
//                            }
//                        }, {
//                            label: 'Cerrar',
//                            action: function(dialogRef){
//                                dialogRef.close();
//                            }
//                        }]
//                    }); 

//         });


      $('#ticketpisosuperior').click(function(){
           event.preventDefault();
           var piso = parseInt($(this).attr('value'));
           var variable = 1;
           var numero = piso+variable;
           var id_proyecto = "<?php echo $_SESSION['ID_PROYECTO'];?>";
           var edificio = $(this).attr('tag');

           $('#modalsuperior').modal({show:true});
           $('#numero_piso').text(numero);
            $('#listasuperior').empty();
           $.post( "../negocio/ticket.php", {name:"getDepasuperior",numero:numero,edificio:edificio,id_proyecto:id_proyecto})
                      .done(function( data ){
                          $('#listasuperior').append(data);
          });
      });
      
      $(document).on('click','#verinforsuperior', function(){
           event.preventDefault();
          var id_persona = $(this).attr('value');
          $.post( "../negocio/ticket.php", {name:"getPersonaID",id_persona:id_persona})
           .done(function( data ){
               var datos = $.parseJSON(data); 
                   //LIMPIAMOS Y LE DEJAMOS EL VALUE POR DEFAULT
                       $(datos).each(function () { 
                          $('#rutinfo').text(this.RUT);
                          $('#nombreinfo').text(this.NOMBRE);
                          $('#apellidoinfo').text(this.APE_PATERNO);
                          $('#celularinfo').text(this.CELULAR);
                          $('#telefonoinfo').text(this.TEL_FIJO);
                          $('#teloficinainfo').text(this.TEL_OFICINA);
                          $('#emailinfo').text(this.EMAIL);          
                      });
          });  

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


  function emailsubcontratista(id_ticket,listacorreos){
          $.post( "../emails/envioemailsubcontratista.php", {id_ticket:id_ticket,listacorreos:listacorreos})
              .done(function( data ) {
                  //alert(data);
          });
      }

   function emailcancelarvisitas(id_ticket,listacancelar,comentarios){
          $.post( "../emails/enviocancelohora.php", {id_ticket:id_ticket,listacancelar:listacancelar,comentarios:comentarios})
              .done(function( data ) {
                //  alert(data);
          });
      }

   function cambiodehorario(id_hora_vieja,comentarios,hora_nueva){
          var id_hora_vieja = id_hora_vieja;
          var id_ticket = "<?php echo $_SESSION['ID_TICKET'];?>";
          var comentarios = comentarios;
          var hora_nueva =  hora_nueva;
          $.post( "../emails/enviocambiohora.php", {id_ticket:id_ticket,id_hora_vieja:id_hora_vieja,comentarios:comentarios,hora_nueva:hora_nueva})
              .done(function( data ) {
                 // alert(data);
          });
      }

  function nuevahoraemail(id_ticket, id_hora){
      var id_ticket = id_ticket;
      var id_hora =  id_hora;

      $.post( "../emails/envionuevahora.php", {id_ticket:id_ticket,id_hora:id_hora})
          .done(function( data ) {
             //alert(data);
      });
  }

  function cancelarpostventaemail(id_ticket,id_motivo,comentarios){
          var id_ticket = id_ticket;
          var id_motivo = id_motivo;
          var comentarios = comentarios;
          $.post( "../emails/enviocanceloticket.php", {id_ticket:id_ticket,comentarios:comentarios,id_motivo:id_motivo})
              .done(function( data ) {
                  //alert(data);
          });
  }

    function finalizandopostventaemail(id_ticket,comentarios){
          var id_ticket = id_ticket;
          $.post( "../emails/enviofinalizopostventa.php", {id_ticket:id_ticket,comentarios:comentarios})
              .done(function( data ) {
          });
  }

 //SUBIR IMAGENES
  function elemento(id){
      return document.getElementById(id);
  } 
        function readURL(input) {
              var id_persona = "<?php echo $_SESSION['ID_PERSONA'];?>" ;
              var id_detalle = $('#detalle_seleccionado').val();
              var imagen = $('.joint').val();
               permita = comprobar_extension(imagen);
              if(permita){
                  $('')
                      if (input.files && input.files[0]) {
                          var reader = new FileReader();
                          reader.onload = function (e) {
                                   $.post( "../negocio/ticket.php", {name:"insertImagenes",id_persona:id_persona,id_detalle:id_detalle,key:e.target.result})
                                      .done(function( data ) {
                                          if(data == 1){
                                                  $('#links').html('');
                                                  $.post( "../negocio/ticket.php", {name:"getgaleria",id_detalle:id_detalle})
                                                   .done(function( data ){
                                                      var datos = $.parseJSON(data);
                                                          $(datos).each(function (){
                                                               var img = "<a href="+this.IMAGEN64+" title='"+this.FEC_REGISTRO+" "+this.NOMBRE+" "+this.APE_PATERNO+" "+this.INICIALES+ "' data-gallery=''><img style='width:75px;height:75px;' src="+this.IMAGEN64+"></a>";
                                                              $('#links').append(img);
                                                          });
                                                  });

                                          }
                                  });
                          }
                          reader.readAsDataURL(input.files[0]);
                      }
                      elemento('fileimagen').text ="";
                      elemento('fileimagen').value ="";
              }else{
                        BootstrapDialog.show({
                          icon: 'glyphicon-info-sign',
                          type: BootstrapDialog.TYPE_WARNING,
                          title: 'Información',
                          closeByBackdrop: false,
                          closeByKeyboard: false,
                          message: 'Extensión no válida',
                            buttons: [
                            {
                              label: 'cerrar',
                              cssClass: 'btn-info',
                              action: function(dialogItself) {
                                  dialogItself.close();
                              }
                          }]
                      });
                  elemento('fileimagen').text ="";
                  elemento('fileimagen').value ="";
               return false;
              }
          }

          $(".joint").change(function(){
              readURL(this);
          });

           function comprobar_extension(archivo) { 
              extensiones_permitidas = new Array(".gif", ".jpg", ".png", ".jpeg", ".bpm"); 
              extension = (archivo.substring(archivo.lastIndexOf("."))).toLowerCase(); 
              for (var i = 0; i <= extensiones_permitidas.length; i++) { 
                      if (extensiones_permitidas[i] == extension) { 
                         permitida = true; 
                           break; 
                     }else{
                          permitida = false;
                      }
              }
                return permitida;      
           }








          function readcate(input) {
              var imagen = $('.joil').val();
               permita = comprobar_extension(imagen);
              if(permita){
                      if (input.files && input.files[0]) {
                          var reader = new FileReader();
                          reader.onload = function (e) {
                                elemento("img_preview").src = e.target.result;
                          }
                          reader.readAsDataURL(input.files[0]);
                      }
              }else{
                        BootstrapDialog.show({
                          icon: 'glyphicon-info-sign',
                          type: BootstrapDialog.TYPE_WARNING,
                          title: 'Información',
                          closeByBackdrop: false,
                          closeByKeyboard: false,
                          message: 'Extensión no válida',
                            buttons: [
                            {
                              label: 'cerrar',
                              cssClass: 'btn-info',
                              action: function(dialogItself) {
                                  dialogItself.close();
                              }
                          }]
                      });
                  elemento('img_preview').src = "";
                  elemento('file_cate').text ="";
                  elemento('file_cate').value ="";
               return false;
              }
          }

          $(".joil").change(function(){
              readcate(this);
          });


                  $('#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;
               }
       }

       $('#nuevodetalle').click(function(){
           $('#listaambientes').empty();
           var id_propiedad = "<?php echo $_SESSION['ID_PROPIEDAD'];?>";
          $.post( "../negocio/propiedad.php", {id_propiedad:id_propiedad,name:"getmodeloBYIDPROPIEDAD"})
           .done(function( data ) {
                var datos = $.parseJSON(data);
               $(datos).each(function () {
                  $('#listaambientes').append("<option value="+this.ID_AMBIENTE+" >"+this.AMBIENTE+"</option>");
               });
           });

          $('#modalagregardetalle').modal({show:true});
       });

       $('#agregardetalle').click(function(){
        event.preventDefault();
            var l = Ladda.create(this);

          var id_ambiente = $('#listaambientes').val();
          var observacion = $('#observacion_nuevo_detalle').val();
          var id_ticket =  "<?php echo $_SESSION['ID_TICKET'];?>";
          var usuario_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
          var ambientetexto = $('#listaambientes option:selected').text();
          var observacion_movimiento = "Se agrego el detalle "+ambientetexto;
          var movimiento = 11;
            var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR

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

          if(observacion == "" || observacion == null){
              $('#errornuevodetalle').html(error_campos);
              return false;
          }
          $.post( "../negocio/ticket.php", {observacion_movimiento:observacion_movimiento,usuario_registra:usuario_registra,movimiento:movimiento,id_ambiente:id_ambiente,observacion:observacion,id_ticket:id_ticket,name:"nuevoDetalle"})
           .done(function( data ) {
                  if(data == 1){
                       l.stop();

                          $('#modalagregardetalle').modal('hide');
                          BootstrapDialog.show({
                              title: 'Información',
                              message: 'Se guardo 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();
                                      }
                                  }]
                          });
                  }
           });

       });
});
 
     
        </script>

    </body>
</html>