<!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'>";
}
?>
<!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>Tipo Propiedades</title>
        <link href="../css/style.default.css" rel="stylesheet">
        <link href="../css/select2.css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css">
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/9dcbecd42ad/integration/bootstrap/3/dataTables.bootstrap.css">
        <link rel="stylesheet" type="text/css" href="//editor.datatables.net/examples/resources/bootstrap/editor.bootstrap.css">
        <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
        <link href="../css/bootstrap-dialog.min.css" rel="stylesheet" type="text/css" />
            <link href="../css/multi-select.css" media="screen" rel="stylesheet" type="text/css">
    </head>
    <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><!-- header-left -->
                
                <div class="header-right">   
                    <div class="pull-right">                    
                        <div class="btn-group btn-group-option">
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                              <i class="fa fa-caret-down"></i>
                            </button>
                            <ul class="dropdown-menu pull-right" role="menu">
                               
                              <li><a id="configcuenta" href="#"><i class="glyphicon glyphicon-cog"></i> Configuración cuenta</a></li>
                              <li class="divider"></li>
                               <li><a id="cerrar_session" href="#"><i class="glyphicon glyphicon-log-out"></i>Cerrar sesión</a></li>
                            </ul>
                        </div><!-- btn-group -->    
                    </div><!-- pull-right -->
                    
                </div><!-- header-right -->
                
            </div><!-- headerwrapper -->

        </header>
        
        <section>
             <div class="mainwrapper">
                           <div class="leftpanel">
                    <div class="media profile-left">
                        <div class="media-body">
                            <h4 class="media-heading"><?php echo $_SESSION['perfil'];?></h4>
                            <small class="text-muted"><?php echo $_SESSION['nombre']." ".$_SESSION['ape_paterno'] ;?></small>
                        </div>
                    </div><!-- media -->
                    
                    <h5 class="leftpanel-title">Menu</h5>
                    <ul class="nav nav-pills nav-stacked">
                <li><a href="dashboard?<?php echo SID.'&session_id='.$session_id?>"><i class="fa fa-home"></i> <span>Dashboard</span></a></li>
                          
                <li class="parent" ><a href="#" ><i class="fa fa-inbox"></i> <span>Requerimientos</span></a>
                            <ul class="children">
                                 <li><a href="requerimientos?<?php echo SID.'&session_id='.$session_id?>">Lista</a></li>
                            </ul>
                        </li>
                          <li class="parent"><a href="#"><i class="fa fa-calendar"></i> <span>Calendario</span></a>
                            <ul class="children">
                                 <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>
                            </ul>
                        </li>
                       <li class="parent active"><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 class="active"><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>
                         <li class="parent"><a href="#"><i class="fa fa-pencil"></i> <span>Datos</span></a>
                            <ul class="children">
                                <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>

                            </ul>
                        </li>
                                 <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>

                       <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>
                                <li><a href="http://www.itodoslossantos.cl/web/">Inmobiliaria Todos los Santos</a></li>                           
                            </ul>
                        </li>
                    </ul>
                </div><!-- leftpanel -->
                <div class="mainpanel">
                    <div class="pageheader">
                        <div class="media">
                            <div class="pageicon pull-left">
                                <i class="fa fa-briefcase"></i>
                            </div>
                            <div class="media-body">
                                <ul class="breadcrumb">
                                    <li><a href="#"><i class="glyphicon glyphicon-briefcase"></i></a></li>
                                    <li>Proyecto</li>
                                </ul>
                                <h4>Modelos Propiedades</h4>
                            </div>
                        </div><!-- media -->
                    </div><!-- pageheader -->
                    <div class="contentpanel contentpanel-wizard">                        
                        <div class="row">
                            <div class="col-md-10">
                                <?php 
                                    include("../datos/mysqlpropiedad.php");
                                    $tp = new mysqlpropiedad();
                                ?>
                                <div class="panel panel-primary-head">
                              <p class="mb20"></p>
                              <div class="btn-list">
                                            <button id="nuevomodelo" class="btn btn-primary">Nuevo</button>
                                        </div>
                            <table id="basicTable" class="table  table-bordered responsive">
                                <thead class="">
                                    <tr>
                                        <th>#</th>
                                        <th>Modelo</th>
                                        <th>Tipo Propiedad</th>
                                        <th>Superficie útil</th>
                                        <th>Superficie Terraza</th>
                                        <th>Superficie Construida</th>
                                        <th>Acciones</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php 

                                    $ds = $tp->getTipopropiedades();
                                    $sourcetipo = "[";
                                   for($j =0;$j<count($ds);$j++){
                                      $sourcetipo = $sourcetipo."{value:".$ds[$j]['ID_TIPOPROPIEDAD'].",".'"text"'.":".'"'.trim($ds[$j]['TIPOPROPIEDAD']).'"'."},";
                                    }
                                    $sourcetipo = substr($sourcetipo, 0, -1);
                                    $sourcetipo = $sourcetipo."]";
                                    $ar = $tp->getModelospropiedad();
                                
                                    for($i =0;$i<count($ar);$i++){
                                      if(empty($ar)){
                                      }else{
                                    ?>
                                      <tr>
                                        <td><?php echo $i+1; ?></td>
                                          <td width="95%">
                                                    <a href="#"  class="abreviatura" data-name="updateabreviatura" data-type="text"
                                                      data-pk="<?php echo $ar[$i]['ID_MODELO'];?>" 
                                                      data-title="Ingresar Tipo Propiedad"><?php echo $ar[$i]['ABREVIATURA'];?></a>
                                          </td>
                                             <td>
                                            <a href="#" class="tipo" data-name="updatetipomodelo" data-pk="<?php echo $ar[$i]['ID_MODELO'];?>" data-type="select" 
                                                  data-source='<?php echo $sourcetipo;?>'
                                                data-title="Select status" value='1'><?php echo $ar[$i]['TIPOPROPIEDAD'];?>
                                               </a>
                                               </td>

                                               <td width="95%">
                                                  <a href="#"  class="util" data-name="updatesutil" data-type="text"
                                                    data-pk="<?php echo $ar[$i]['ID_MODELO'];?>" 
                                                    data-title="Ingresar Tipo Propiedad"><?php echo $ar[$i]['SUP_UTIL'];?></a>
                                              </td>
                                              <td width="95%">
                                                  <a href="#"  class="terraza" data-name="updateterraza" data-type="text"
                                                    data-pk="<?php echo $ar[$i]['ID_MODELO'];?>" 
                                                    data-title="Ingresar Tipo Propiedad"><?php echo $ar[$i]['SUP_TERRAZA'];?></a>
                                              </td>
                          
                                              <td width="95%">
                                                  <a href="#"  class="superficie" data-name="updatesuperficie" data-type="text"
                                                    data-pk="<?php echo $ar[$i]['ID_MODELO'];?>" 
                                                    data-title="Ingresar Tipo Propiedad"><?php echo $ar[$i]['SUP_CONSTRUIDA'];?></a>
                                              </td>
                                                <td width="95%">
                                                      <a href="#" data-toggle="tooltip" title=""  class="verimagen"
                                                         data-original-title="Ver" id="<?php echo $ar[$i]['ID_MODELO']; ?>" ><i class="fa fa-search-plus"></i></a>

                                                      <a href="#" data-toggle="tooltip" title="" class="verambientes" 
                                                            data-original-title="Ambientes" id="<?php echo  $ar[$i]['ID_MODELO']; ?>">
                                                            <i class="fa fa-list-alt"></i>
                                                      </a>
                                                </td>
                                    </tr>
                                    <?php 
                                     }
                                    }
                                    ?>
                                </tbody>
                            </table>
                        </div><!-- panel -->
                        
            
                        </div><!-- row -->
                    </div><!-- contentpanel -->
                    
                </div><!-- mainpanel -->
            </div><!-- mainwrapper -->
        </section>


    <div id="modalmodelo" 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">Nuevo Modelo Propiedad</h4>
                  </div>
                  <div class="modal-body">
                  <div class="row">
                              <div class="col-md-12">
                                       <div  id="errormodelo" class="errorForm"></div> 

                            
                                    <div class="form-group">
                                          <label class="col-sm-2 control-label">Tipo Propiedad: <span class="asterisk">*</span></label>
                                          <div class="col-sm-3">
                                                <select id="id_tipopropiedad_guardar" name="id_tipopropiedad_guardar" data-placeholder="Lista Tipo" class="width100p" required>
                                             <?php
                                                        $ds = $tp->getTipopropiedades();
                                                       if(empty($ds)){
                                                        }else{
                                                          for($i=0;$i<count($ds);$i++){
                                                            ?>
                                                               <option value="<?php echo $ds[$i]['ID_TIPOPROPIEDAD']?>"><?php echo $ds[$i]['TIPOPROPIEDAD']; ?></option>
                                                            <?php
                                                          }
                                                        }
                                                 ?>
                                                    </select> 
                                          </div>
                                               <label class="col-sm-2 control-label">Abreviación: <span class="asterisk">*</span></label>
                                              <div class="col-sm-3">
                                                  <input id="abreviacion" type="text" class="form-control">
                                              </div>

                                      </div>

                     
                                     <div class="form-group">
                                          <label class="col-sm-2 control-label">Superficie Terraza: </label>
                                          <div class="col-sm-3">
                                              <input id="superficie_terraza" type="text" class="form-control">
                                          </div>
                                                <label class="col-sm-2 control-label">Superficie Construida: <span class="asterisk">*</span></label>
                                          <div class="col-sm-3">
                                              <input id="superficie_construida" type="text" class="form-control">
                                          </div>
                                      </div>

                                      <div class="form-group">
                                          <label class="col-sm-2 control-label">Superficie útil:</label>
                                          <div class="col-sm-3">
                                              <input id="superficie_util" type="text" class="form-control">
                                          </div>
                        
                                      </div>




                        
                                    <div class="form-group">
                                          <label class="col-sm-2 control-label">Seleccionar Ambientes: <span class="asterisk">*</span></label>
                                          <div class="col-sm-9">
                                            <select id='my-select' multiple='multiple'>
                                                     <?php 
                                                        include("../datos/mysqlambiente.php");
                                                        $a = new mysqlambiente();
                                                        $am = $a->getAmbientes();
                                                        for($i =0;$i<count($am);$i++){
                                                        if(empty($ar)){
                                                          }else{
                                                            ?>
                                                            <option  value="<?php echo $am[$i]['ID_AMBIENTE'];?>"><?php echo $am[$i]['AMBIENTE']; ?></option>
                                                            <?php 
                                                          }
                                                      }
                                                    ?>
                                            </select>
                                          </div>
                                      </div>
                                       <div class="form-group">
                                                   <label class="col-sm-2 control-label">Seleccionar Imagen</label>
                                                      <div class="col-sm-4">
                                                       <input type="file" id="fileimagen" capture="camera" class="joint"  name="files[]" multiple>
                                                      </div>

                                                      <div class="col-sm-6">
                                                         <label></label>
                                                        <img id="img_preview" src="" style="width: 350px; height: 250px;">
                                                      </div>
                                      </div>
                                                  
                                </div>
                        </div>
                </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="guardarmodelopropiedad"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
    </div>


    <div id="modalambientexmodelo" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
                  <input type="hidden" id="valormodelo">
         <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">Editar ambientes del modelo </h4>
                  </div>
                  <div class="modal-body">
                  <div class="row">
                              <div class="col-md-9">
                                    <div class="form-group">
                                          <label class="col-sm-4 control-label">Seleccionar ambientes: <span class="asterisk">*</span></label>
                                          <div class="col-sm-8">
                                                <select id='ambientesxmodelo' multiple='multiple'>
                                                <?php 
                                                        $la = $a->getAmbientes();
                                                        for($i =0;$i<count($la);$i++){
                                                        if(empty($la)){
                                                          }else{
                                                            ?>
                                     <option  value="<?php echo $la[$i]['ID_AMBIENTE'];?>"><?php echo $la[$i]['AMBIENTE']; ?></option>
                                                            <?php 
                                                          }
                                                      }
                                                    ?>
                                                    </select> 
                                          </div>
                                      </div>
                                </div>
                        </div>
                </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="updateambientes"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
    </div>



  <div id="modalimagen" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
                  <input type="hidden" id="valoridmodelo">
         <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">Plano de la propiedad</h4>
                  </div>
                  <div class="modal-body">
                    <div class="row">
                              <div class="col-md-9">
                                       <img id="img_cargar" style="width :450px;height:350px;">

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


                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="updateimagen"  type="button" class="btn btn-primary">Guardar Cambios</button>
                     </div>
              </div>
            </div>
    </div>
      <div id="modalconfigcuenta" class="modal fade bs-example-modal-static" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-l">
              <div class="modal-content">
                  <div class="modal-header">
                      <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                      <h4 class="modal-title">Editar cuenta</h4>
                  </div>
                  <div class="modal-body">
                  <div class="row">
                              <div class="col-md-9">
                                            <div class="form-group">
                                                 <label class="col-sm-5 control-label">Perfil:</label>
                                                <div class="col-sm-7">
                                                    <a href="#"  data-type="text"    data-title="Ingresar Perfil"><?php echo $perfil; ?></a>                                               
                                                     </div>
                                            </div>
                                            <div class="form-group">
                                                 <label class="col-sm-5 control-label">Nombre:</label>
                                                <div class="col-sm-7">
                                                    <a href="#"   data-title="Ingresar Nombre"><?php echo $nombre." ".$apellido_pa." ".$apellido_ma; ?></a>                                               
                                                     </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Celular:</label>
                                                <div class="col-sm-7">
                                                        <a href="#" id="configcelular" name="configcelular" data-type="text"  data-name="updatecelular" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingresar celular"><?php echo $celular; ?></a>                                                
                                                        </div>
                                            </div>
                                        
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Correo Electrónico:</label>
                                                <div class="col-sm-7">
                                                        <a href="#"  id="configemail" name="configemail"  data-name="updateemail" data-type="text" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingrese Correo Electrónico "><?php echo $email; ?></a>                                                
                                                        </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-5 control-label">Contraseña:</label>
                                                <div class="col-sm-7">
                                                        <a href="#"  id="configpass" name="configpass"  data-name="restablecerpass" data-type="password" data-pk="<?php echo $_SESSION['ID_PERSONA'];?>"  data-title="Ingrese Contraseña">********</a>                                                
                                                  </div>
                                            </div>                       
                                </div>
                        </div>
                </div>
                    <div class="modal-footer">
                     <button  type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                     </div>
              </div>
            </div>
    </div>




    

        <script src="../js/jquery-1.11.1.min.js"></script>
        <script src="../js/jquery-migrate-1.2.1.min.js"></script>
        <script src="../js/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/jquery.dataTables.min.js"></script>
        <script src="http://cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.js"></script>
        <script src="http://cdn.datatables.net/responsive/1.0.1/js/dataTables.responsive.js"></script>
        <script src="../js/select2.min.js"></script>
        <script src="../js/custom.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/bootstrap-dialog.min.js"></script>
        <script src = "../js/funciones.js" type="text/javascript"></script>
        <script src="../js/jquery.multi-select.js"></script>



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

            $('#my-select').multiSelect();
            $('#ambientesxmodelo').multiSelect();


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

                var table =  jQuery('#basicTable').DataTable({
                      responsive: true,
                     "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    $('.abreviatura').editable({
                    mode: 'inline',
                    rows: 6,
                    url:   "../negocio/propiedad.php",
                         validate: function(value) {
                        if($.trim(value) == '' ) {
                            return 'Esta campo es obligatorio';
                        }                   
                        },
                          success: function(data) {
                        },        
                });

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

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

            
                      }    

              });

             var table =  jQuery('#tablaambientes').DataTable({
                      responsive: true,
                           responsive: true,
                          "sDom": 'rt<"bottom"p><"clear">'
  
              });
                   $('.ambiente').editable({
                    mode: 'inline',
                    rows: 6,
                    url:   "../negocio/ambiente.php",
                         validate: function(value) {
                        if($.trim(value) == '' ) {
                            return 'Esta campo es obligatorio';
                        }                   
                        },
                          success: function(data) {
                        },        
                });





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

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

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


                   $('#nuevomodelo').click(function(){
                     $('#modalmodelo').modal({show:true});
                   });



                   $('#guardarmodelopropiedad').click(function(){
                    var error_campos = "<label for='name' class='error'>Complete los campos obligatorios *</label>"; //ERROR COMPLETAR
                    var error_ambientes = "<label for='name' class='error'>Debes seleccionar ambientes *</label>"; //ERROR COMPLETAR
                    var id_tipopropiedad = $('#id_tipopropiedad_guardar').val();
                    var listaambientes  = $('#my-select').val();
                    var lista = Array();
                     if(listaambientes == null || listaambientes == ""){
                            $('#errormodelo').html(error_ambientes); 
                            return false;
                    }else{ 
                        for(var i = 0; i < listaambientes.length; i++){
                            lista.push({"id_ambiente":listaambientes[i]});
                        }
                    }
                    var abreviatura = $('#abreviacion').val();
                    var sup_util = $('#superficie_util').val();
                    var sup_terraza = $('#superficie_terraza').val();
                    var sup_construida = $('#superficie_construida').val();
                    var imagen64 = $('#img_preview').attr('src');

                    if(abreviatura == "" || sup_construida == ""){
                            $('#errormodelo').html(error_campos); 

                      return false;
                    }


                             $.post( "../negocio/propiedad.php", {name:"nuevomodelopropiedad", id_tipopropiedad :id_tipopropiedad,
                                  abreviatura:abreviatura, sup_util:sup_util,sup_terraza:sup_terraza,sup_construida:sup_construida ,lista:lista,imagen64:imagen64})
                            .done(function( data ) {
                                    $('#modalmodelo').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) {
                                                     location.reload();

                                            }
                                        }]
                                        });

                            });
                    });


                $(document).on('click','.verambientes', function(){
                        var id_modelo = $(this).attr('id');
                        var listaeditar = $('#ambientesxmodelo').val();
                        $('#ambientesxmodelo').multiSelect('deselect_all');
                        $('#valormodelo').val(id_modelo);
                        $('#modalambientexmodelo').modal({show:true});
                        $.post( "../negocio/propiedad.php", {name:"getAmbienteBYModelo",id_modelo:id_modelo})
                         .done(function( data ){
                                var datos = $.parseJSON(data); 
                                 $(datos).each(function () { 
                                   // $('#ambientesxmodelo').multiSelect('addOption', { value: this.ID_AMBIENTE, text:this.AMBIENTE});
                                    $('#ambientesxmodelo').multiSelect('select', this.ID_AMBIENTE);
                                });                  
                        });
                });

                $(document).on('click','.verimagen', function(){
                        var id_modelo = $(this).attr('id');
                        $('#modalimagen').modal({show:true});
                        $('#valoridmodelo').val(id_modelo);
                       $.post( "../negocio/propiedad.php", {name:"getModelospropiedadBYID",id_modelo:id_modelo})
                         .done(function( data ){
                                var datos = $.parseJSON(data); 
                                 $(datos).each(function () { 
                                    if(this.IMAGEN64 == ""  || this.IMAGEN64 == null){
                                          $('#img_cargar').attr("src","http://placehold.it/350x250&text=NO IMAGEN");

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

                $('#updateambientes').click(function(){
                    var listaeditar = $('#ambientesxmodelo').val();
                    var id_modelo = $('#valormodelo').val();
                    var lista = Array();
                     if(listaeditar == null || listaeditar == ""){
                            alert("selecciona un ambiente");
                    }else{ 
                        for(var i = 0; i < listaeditar.length; i++){
                            lista.push({"id_ambiente":listaeditar[i]});
                        }
                    }
                    
                    $.post( "../negocio/propiedad.php", {name:"updateAmbientesxmodelo",id_modelo :id_modelo,lista:lista})
                     .done(function( data ){
                         $('#modalambientexmodelo').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();
                                                   
                                            }
                                        }]
                                });
                     
                    });

                });


        $('#updateimagen').click(function(){
          var id_modelo =  $('#valoridmodelo').val();
          var imagen64 = $('#img_cargar').attr("src");
            $.post( "../negocio/propiedad.php", {name:"updateimagen", id_modelo:id_modelo,imagen64:imagen64})
              .done(function( data ) {
                    $('#modalimagen').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) {
                                       location.reload();

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




        //SUBIR IMAGENES
                function elemento(id){
                    return document.getElementById(id);
                } 

              function readURL(input) {
                    var imagen = $('.joint').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('fileimagen').text ="";
                        elemento('fileimagen').value ="";
                     return false;
                    }
                }

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



                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_cargar").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_cargar').src = "";
                        elemento('file_cate').text ="";
                        elemento('file_cate').value ="";
                     return false;
                    }
                }

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





                                    



          $('#modalimagen').on('shown.bs.modal', function () {
                   //elemento('img_cargar').src = "";
                   elemento('file_cate').text ="";
                   elemento('file_cate').value ="";
            });

            $('#modalmodelo').on('shown.bs.modal', function () {
                 elemento('img_preview').src = "";
                 elemento('fileimagen').text ="";
                 elemento('fileimagen').value ="";
            });






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

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



            });
        </script>

    </body>
</html>
