<!DOCTYPE html>
<?php
ob_start();
$session_id = trim($_REQUEST['session_id']);
session_save_path("../sesiones/");
session_name($session_id);
session_start(); 
$id_persona = $_SESSION['ID_PERSONA'];
  if(isset($id_persona)){
    include("../datos/mysqlpersona.php");                         
     $p = new mysqlpersona();
     $data = $p->getPersonaID($id_persona);
       for($i =0;$i<count($data);$i++){
            $nombre=  $data[$i]['NOMBRE'];
            $apellido_pa=  $data[$i]['APE_PATERNO'];
            $apellido_ma=  $data[$i]['APE_MATERNO'];
            $perfil =  $data[$i]['PERFIL'];
            $id_perfil=  $data[$i]['ID_PERFIL'];
            //DATA PERSONAL
            $email = $data[$i]['EMAIL'];
            $celular = $data[$i]['CELULAR'];
        }  
            $_SESSION['nombre']= $nombre;
            $_SESSION['ape_paterno']= $apellido_pa;
            $_SESSION['ape_materno']= $apellido_ma;
            $_SESSION['perfil']= $perfil;
            $_SESSION['id_perfil']= $id_perfil;
            //DATA PERSONAL
            $_SESSION['email']=$email;
            $_SESSION['celular']=$celular;
            $_SESSION['id_persona_registro'] = $_SESSION['ID_PERSONA'];
            $_SESSION['url'] = SID.'&session_id='.$session_id;
  }else{
     echo "<meta http-equiv='refresh' content='0;url=../administracion'>";
}
?>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Postventa</title>
         <link href="../css/style.default.css" rel="stylesheet">
        <link href="../css/select2.css" rel="stylesheet" />
        <link href="../css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
        <link href="../css/bootstrap-timepicker.min.css" rel="stylesheet" />
        <link href="../css/datepicker3.css" rel="stylesheet" />
    </head>
    <style type="text/css">
        .panel-heading span {
            margin-top: -20px;
            font-size: 15px;
          }
        .textotitulo {
         color: #eea236;
      
        }
    </style>
    <body>

        <form id="myform"  action='proceso' method='post'>
          <input type="hidden" name="id_cliente" value="<?php echo $_SESSION['ID_PERSONA'];?>"/>
        </form>


        <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="cerrar_session" href="../login"><i class="glyphicon glyphicon-log-out"></i>Cerrar sesión</a></li>
                            </ul>
                        </div><!-- btn-group -->
                        
                    </div>
                </div>
            </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">
                        <li ><a href="proceso?<?php echo SID.'&session_id='.$session_id?>"><i class="fa fa-home"></i> <span>Atención de Postventa</span></a></li>
                        <li class="active"><a href="pendientes?<?php echo SID.'&session_id='.$session_id?>"><i class="fa fa-calendar"></i> <span>Pendientes</span></a></li>
                        <li><a href="informacioncontacto?<?php echo SID.'&session_id='.$session_id?>"><i class="fa fa-edit"></i> <span>Información Contacto</span></a></li>
                      <li><a href="utilidades?<?php echo SID.'&session_id='.$session_id?>"><i class="fa  fa-file-text"></i> <span>Infórmate</span></a></li>

                    </ul>
                </div><!-- leftpanel -->
                <div class="mainpanel">
                     <div id="oculto_horas" style="display:none;">
                <?php 
                    $pendientes = $p->getPendientes($_SESSION['ID_PERSONA']);
                     if(empty($pendientes)){

                     }else{
                            for($i =0;$i<count($pendientes);$i++){
                                ?>
                                <input type="text" class="fechas" value="<?php echo $pendientes[$i]['FECHAPOSTVENTA'];?>">
                                <?php
                            }   
                     }
                ?>
                </div>
                        <div class="contentpanel contentpanel-wizard">                        
                            <div class="row">
                            <div class="col-md-12">
                                <div class="panel panel-primary-head">
                              
                            <div class="table-responsive">
                             <h4 class="textotitulo">Visitas pendientes</h4>
                              <hr>
                            <table id="basicTable" class="table table-warning mb30">
                                <thead class="">
                                    <tr>
                                        <th>N° Requerimiento</th>
                                        <th>Proyecto</th>
                                        <th>Número</th>
                                        <th>Tipo Propiedad</th>
                                        <th>Fecha Postventa</th>
                                        <th>Hora Inicio</th>
                                        <th>Hora Fin</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                      <?php 
                                    $ar = $p->getPendientes($_SESSION['ID_PERSONA']);
                                    for($i =0;$i<count($ar);$i++){
                                      if(empty($ar)){
                                      }else{
                                    ?>
                                      <tr>
                                            <td ><?php echo $ar[$i]["ID_TICKET"];?></td>
                                            <td > <?php echo $ar[$i]['PROYECTO'] ;?></td>
                                            <td ><?php echo $ar[$i]['NUMERO'];?></td>
                                            <td><?php echo $ar[$i]['TIPOPROPIEDAD'];?></td>
                                            <td><?php echo $ar[$i]['FECHAPOSTVENTA'];?></td>
                                            <td><?php echo $ar[$i]['HORAINICIO'];?></td>
                                            <td><?php echo $ar[$i]['HORAFIN'];?></td>
                                            <td class="table-action">
                                                <?php 
                                                    if($ar[$i]['ID_TIPOCALENDARIO'] == 1){
                                                      //TIPO CALENDARIO PRIMERA  VISITA
                                                      ?>
                                                    <a href="#" target ="<?php echo $ar[$i]['ID_TICKET'] ?>" value="<?php echo $ar[$i]['ID_CALENDARIO'] ?>" IDPRO="<?php echo $ar[$i]['HORAINICIOCONFECHA'] ?>" tag='<?php echo $ar[$i]['ID_PROYECTO']?>'  data-toggle="tooltip" title="Cambiar hora" class="reprogramar" data-original-title="Cambiar hora">
                                                        <i class="fa fa-calendar"></i><span> Cambiar Horario</span>
                                                        </a>
                                                      <a target ="<?php echo $ar[$i]['ID_TICKET'] ?>" href="#" data-toggle="tooltip" title="Anular Postventa" class="cancelar" data-original-title="Cancelar">
                                                            <i class="fa fa-trash-o"></i><span> Anular Postventa</span>
                                                      </a>

                                                      <?php 
                                                    }else{
                                                      ?>
                                                         <a target ="<?php echo $ar[$i]['ID_TICKET'] ?>"  value="<?php echo $ar[$i]['ID_CALENDARIO'] ?>"  href="#" data-toggle="tooltip" title="Cancelar Visita" class="guardarcancelar" data-original-title="Cancelar">
                                                            <i class="fa fa-clock-o"></i>
                                                         </a>
                                                      <?php 
                                                    }

                                                  ?>

                                            </td>
                                        </tr>
                                    <?php 
                                     }
                                    }
                                    ?>
                                </tbody>
                            </table>
                            </div>
                        </div><!-- panel -->
                        </div><!-- row -->
                     </div><!-- contentpanel -->
                </div><!-- mainpanel -->
            </div><!-- mainwrapper -->
        </section>
      <div id="reprogramarprimeravisita" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog">
              <div class="modal-content">
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="modal-title">Cambio de hora</h4>
                  </div>
                  <div class="modal-body">
                        <div class="row">  
                           <div  id="errorreprogramar" class="errorForm"></div>
                                    <input type="hidden" name="id_cal_first" id="id_cal_first"/>
                                    <input type="hidden" name="id_proyecto_programar" id="id_proyecto_programar"/>
                                    <input type="hidden" name="id_ticket" id="id_ticket"/>
                                     <div class="form-group">
                                    
                                    <label class="col-sm-3 control-label">Seleccione Fecha: <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-3 control-label">Observaciones: <span class="asterisk">*</span></label>
                                        <div class="col-sm-9">
                                            <textarea id="observaciones" 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="guardarreprogramación"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
        </div>


            <script src="../js/jquery-1.11.1.min.js"></script>
        <script src="../js/jquery-migrate-1.2.1.min.js"></script>
        <script src="../js/jquery-ui-1.10.3.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <script src="../js/modernizr.min.js"></script>
        <script src="../js/pace.min.js"></script>
        <script src="../js/retina.min.js"></script>
        <script src="../js/jquery.cookies.js"></script>
        <script src="../js/bootstrap-wizard.min.js"></script>
        <script src="../js/jquery.validate.min.js"></script>
        <script src="../js/select2.min.js"></script>
        <script src="../js/custom.js"></script>
        <script src = "../js/funciones.js" type="text/javascript"></script>
        <script src="../js/bootstrap-dialog.min.js"></script>
        <script type="text/javascript">
        
            jQuery(document).ready(function() {
        //LISTA DEL REQUERIMIENTO
        var id_sesion = "<?php echo $_SESSION['sesion'];?>" ;

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

          $('.reprogramar').click(function(){

              var id_proyecto = $(this).attr('tag');
              var nombre_dia = getDia();//OBTENDO EL DIA;
             var contador_dias=0;
              // $.post( "../negocio/calendario.php", {name:"getConfiguracionNombre",nombre_dia:nombre_dia})
              //  .done(function( data ) {
              //    contador_dias = data;                  
              // });
              //  //SABER SI PUEDE ESTA SEMANA O NO.
              // $.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>");
              //     });
              //    });
                  $.post( "../negocio/calendario.php", {name:"getConfiguracionNombre",nombre_dia:nombre_dia,id_proyecto:id_proyecto})
                       .done(function(data) {
                              $.post( "../negocio/calendario.php", {name:"getCalendarioPostventa",id_proyecto:id_proyecto,contador_dias:data})
                               .done(function( resp ) {
                                     var datos = $.parseJSON(resp); 
                                    $('#horario').empty();
                                     $(datos).each(function () {
                                          $("#horario").append($('<option>', {tag :this.HORAINICIOCONFECHA,value:this.ID_CALENDARIO, text: this.fec_inicio}));
                                    });


                                  $("#horario").append($("<option>", {tag :"hola",value:"", text: "Seleccione horario:"}));
                                      $('#horario').select2({
                                             minimumResultsForSearch: -1,
                                      }).select2('val',"");

                                });           
                      });
                 $('#reprogramarprimeravisita').modal({show:true});
                 var id_calendario = $(this).attr('value');
                 var id_ticket = ($(this).attr('target'));
                 var fecha = ($(this).attr('IDPRO'));
                  $('#id_proyecto_programar').val(id_proyecto);
                  $('#id_cal_first').val(id_calendario);
                  $('#id_cal_first').attr('tag',fecha);
                  $('#id_ticket').val(id_ticket);
                 return false;
            });




        $('#guardarreprogramación').click(function(){
                  //ERRORES
                  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 = $('#id_ticket').val();
                  var observaciones = $('#observaciones').val();
                  var id_proyecto = $('#id_proyecto_programar').val();
                  var hora_vieja;
                  var hora_nueva;
                  var movimiento ;
                  var observacion_guardar = "";
                  //HORA DE PRIMERA VISITA
                 //SE VALIDA DE UNA FORMA
                  hora_vieja = $('#id_cal_first').val();
                  hora_nueva = $('#horario').val();
                  movimiento = 1;
                  if(hora_vieja == "" || hora_vieja == null  || observaciones == ""){
                      return false;
                  }
                  var hora_vieja_texto = $('#id_cal_first').attr('tag');
                  var hora_nuevo_texto =  $('#horario :selected').attr('tag');
                  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){
                            cambiodehorario(hora_vieja,observaciones,id_ticket,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,
                                buttons: [{
                                        label: 'Cerrar',
                                        action: function(dialog) {
                                            dialog.close();
                                            location.reload();

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

           $('.cancelar').click(function(){
                  var id_ticket = ($(this).attr('target'));
                     BootstrapDialog.show({
                    title: 'Información',
                    message: "<div  id='errorcancelar' class='errorForm'></div>"+
                            "<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'>Motivos: <span class='asterisk'>*</span></label>"+
                                        "<div class='col-sm-9'>"+
                                            "<textarea id='motivos' rows='5' class='form-control' required=''></textarea>"+
                                "</div></div>",
                    closeByBackdrop: false,
                    closeByKeyboard: false,
                    closable: false,
                    type: BootstrapDialog.TYPE_WARNING, // <-- Default value is BootstrapDialog.TYPE_PRIMARY
                                buttons: [{
                                    label: 'Aceptar',
                                    cssClass: 'btn-primary',
                                        action: function(dialogRef){
                                                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 = 5;
                                                var id_propietario = "<?php echo $_SESSION['ID_PERSONA'];?>" ;
                                                var tipousuario = 1 //LE PASO EL 1 PORQUE ES USUARIO CLIENTE PARA DESPUES SABER SI LIBERO O NO LA HORA
                                                if(motivos == ""){
                                                    $('#errorcancelar').html(error_campos); 
                                                    return false;
                                                }
                                              $.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){
                                                       cancelarpostventaemail(id_ticket,id_motivo,motivos)
                                                        dialogRef.close();
                                                            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();

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

            return false;
           
            });


      $('.guardarcancelar').click(function(){
             var id_calendario = $(this).attr('value');
             var listacancelar = Array();
             var id_persona_registra = "<?php echo $_SESSION['ID_PERSONA'];?>";
             var id_ticket = ($(this).attr('target'));
             listacancelar.push({"id_calendario":id_calendario})
                 BootstrapDialog.show({
                                    title: '¿Desea Cancelar Visita?',
                                    message: "<div  id='errormotivo' class='errorForm'></div>"+
                                            "<label class='col-sm-12 control-label'>Agregar Motivo</label><br><br>"+   
                                            "<div class='form-group'>"+
                                                        "<div class='col-sm-9'>"+
                                                            "<textarea id='motivocancelar' rows='5' class='form-control' required=''></textarea>"+
                                                "</div></div>",
                                    closeByBackdrop: false,
                                    closeByKeyboard: false,
                                    closable: false,
                                    type: BootstrapDialog.TYPE_WARNING, //  Default value is BootstrapDialog.TYPE_PRIMARY
                                                buttons: [{
                                                    label: 'Aceptar',
                                                    cssClass: 'btn-primary',
                                                        action: function(dialogRef){
                                                                var observaciones_finalizar = $('#motivocancelar').val();
                                                                var error_campos = "<label for='name' class='error'>Complete la observacion</label>";
                                                                if(observaciones_finalizar == ""){
                                                                    $('#errormotivo').html(error_campos); 
                                                                    return false;
                                                                }
                                                                $.post( "../negocio/ticket.php", {name:"cancelar2visita",listacancelar:listacancelar})
                                                                .done(function( data ){
                                                                      if(data == 1){
                                                                           dialogRef.close();
                                                                              $.post( "../negocio/ticket.php", {name:"MovimientoCancelaritem",id_ticket:id_ticket,observaciones:observaciones_finalizar,usuario_registra:id_persona_registra})
                                                                             .done(function( data ){
                                                                                if(data == 1){

                                                                                       dialogRef.close();
                                                                                        BootstrapDialog.show({
                                                                                        title: 'Información',
                                                                                        message: 'Visita Cancelada',
                                                                                        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;
        });

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


    function cambiodehorario(id_hora_vieja,observaciones,id_ticket,hora_nueva){
                var id_hora_vieja = id_hora_vieja;
                var id_ticket = id_ticket;
                var comentarios = observaciones;
                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 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 getDia(){
                var contadordedias= "";
                 switch (new Date().getDay()) {
                      case 0:
                          contadordedias = "DOMINGO";
                          break;
                      case 1:
                          contadordedias =  "LUNES";
                          break;
                      case 2:
                          contadordedias =  "MARTES";
                          break;
                      case 3:
                          contadordedias =  "MIERCOLES";
                          break;
                      case 4:
                          contadordedias = "JUEVES";
                          break;
                      case 5:
                          contadordedias =  "VIERNES";
                          break;
                      case 6:
                          contadordedias =  "SABADO";
                          break;
                  }
                  return contadordedias;
            }



            $('#irproceso').click(function(){
                 document.forms["myform"].submit();


            });


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