<?php $r="../../";
$id=$_GET['id'];
require_once($r."inc/funciones.php");
$titlepage = "Editar Cliente";
validNotSession($r);
$tabla='z_clientes'; // Tabla que se va modificar
$tipo='cliente'; // Usuario a Modificar
$mysqli = connectDB($r);
$row1 = $mysqli->query("SELECT * FROM $tabla WHERE id='$id'");
$row1=$row1->fetch_assoc();
$depa = $mysqli->query("SELECT * FROM z_departamentos");
?>
<!DOCTYPE html>
<html lang="en">
  <?php include $r."inc/head.php"; ?>
<body class="fixed-nav sticky-footer  sidenav-toggled  bg-dark" id="page-top">
  <?php include $r."inc/nav.php"; ?>
  
  <div class="content-wrapper">
    <div class="container-fluid">
      <h2 class="text-center"><i class="fa fa-user"></i> ACTUALIZAR CLIENTE</h2><hr/>
      <form id="formulario" name="nuevo" action="acciones.php" method="post">
        <h6>INFORMACION EMPRESARIAL</h6><hr/>
        <div class="form-group row">
            <label for="nombre" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Nombre Empresa</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="nombre" name="nombre" value="<? if($row1["nombre"]!=""){echo $row1["nombre"]; } ?>" placeholder="Nombre empresa" autocomplete="off" required>
            </div>
            <label for="cedula" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Cédula o NIT</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" id="cedula" name="cedula" value="<? if($row1["cedula"]!=""){echo $row1["cedula"]; } ?>" maxlength="14" placeholder="Numero identificación personal" autocomplete="off" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="correo" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Correo electrónico</label>
            <div class="col-sm-3">
                <input type="email" class="form-control" id="correo" name="correo" value="<? if($row1["correo"]!=""){echo $row1["correo"]; } ?>" placeholder="Correo electrónico" autocomplete="off">
            </div>
        </div>
        <div class="form-group row">
            <label for="facturacion" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Tipo de Transaccion</label>
            <div class="col-sm-4">
                <select  class="form-control" id="facturacion"  name="transaccion" title="Tipo de transacción">
                    <option value="1" <? if($row1["transaccion"]==1){echo 'selected="selected"'; } ?>>Tiquete de Salida</option>
                    <option value="2" <? if($row1["transaccion"]==2){echo 'selected="selected"'; } ?>>Inventario</option>
                    <option value="3" <? if($row1["transaccion"]==3){echo 'selected="selected"'; } ?>>Facturacion</option>
                </select>
            </div>
            <label for="facturacion" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Tipo de cliente</label>
            <div class="col-sm-3">
                <select  class="form-control" id="mimo"  name="mimo" title="Tipo de cliente">
                    <option value="0" <? if($row1["mimo"]=="0"){echo 'selected="selected"'; } ?>>Cliente final</option>
                    <option value="1" <? if($row1["mimo"]=="1"){echo 'selected="selected"'; } ?>>Comercializador</option>
                </select>
            </div>
        </div>
        <h6>Datos de zona</h6>
        <div class="form-group row">
            <label for="departamento" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Departamento</label>
            <div class="col-sm-4">
                <select  class="form-control" id="departamento" name="departamento" title="departamento" required>
                    <option value="<? if($row1["departamento"]!=""){echo $row1["departamento"];}else{echo'';} ?>"><? if($row1["departamento"]!=""){ $depar=sdepa($row1["departamento"]); echo $depar['departamento'];}else{echo'Seleccione un Departamento';} ?></option>
                    <?php while($row2 = $depa->fetch_assoc()) { ?>
                    <option value="<?php echo $row2["id"]; ?>"><?php echo $row2["departamento"]; ?></option>
                    <?php } ?>
                </select>
            </div>
            <label for="municipio" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Ciudad</label>
            <div class="col-sm-3">
                <select  class="form-control" id="ciudad"  name="municipio" title="municipio" value="<? if($row1["municipio"]!=""){echo $row1["municipio"]; } ?>"  required>
                    <option value="<? if($row1["municipio"]!=""){echo $row1["municipio"];}else{echo'';} ?>"><? if($row1["municipio"]!=""){ $city=scity($row1["municipio"]); echo $city['municipio'];}else{echo'Seleccione ciudad';} ?></option>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="direccion" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Dirección</label>
            <div class="col-sm-9 position-relative">
                <input type="text" id="direccion" name="direccion" class="form-control" placeholder="Dirección" autocomplete="off"  value="<? if($row1["direccion"]!=""){echo $row1["direccion"]; } ?>"  required>
                <div id="resultados" class="list-group position-absolute w-100" style="z-index:1000;display:none;"></div>
                
            <input type="hidden" id="latitud" name="latitud" value="<?= !empty($row1["latitud"]) ? $row1["latitud"] : '' ?>">
            <input type="hidden" id="longitud" name="longitud" value="<?= !empty($row1["longitud"]) ? $row1["longitud"] : '' ?>">
            </div>
        </div>>
        <div class="form-group row">
            <label for="tipocliente" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Tipo Cliente</label>
            <div class="col-sm-4">
                <select  class="form-control" id="tipocliente"  name="tipocliente" title="Tipo de Cliente" required>
                    <option value="">TIPO CLIENTE</option>
                    <option value="1" <? if($row1["tipocliente"]=="1"){echo 'selected="selected"'; } ?>>PERSONA NATURAL</option>
                    <option value="2" <? if($row1["tipocliente"]=="2"){echo 'selected="selected"'; } ?>>PERSONA JURÍDICA</option>
                    <option value="3" <? if($row1["tipocliente"]=="3"){echo 'selected="selected"'; } ?>>OTROS</option>
                </select>
            </div>
            <label for="perfil" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Tipo de Perfil</label>
            <div class="col-sm-3">
                <select  class="form-control" id="perfil"  name="perfil" title="Tipo de facturacion">
                    <option value="1" <? if($row1["perfil"]=="1"){echo 'selected="selected"'; } ?>>Régimen Común</option>
                    <option value="2" <? if($row1["perfil"]=="2"){echo 'selected="selected"'; } ?>>Régimen Simplificado</option>
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="facturacion" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Tipo de Facturacion</label>
            <div class="col-sm-4">
                <select  class="form-control" id="facturacion"  name="facturacion" title="Tipo de Facturacion">
                    <option value="0" <? if($row1["facturacion"]==1){echo 'selected="selected"'; } ?>>Ventas de Mostrador</option>
                    <option value="1" <? if($row1["facturacion"]==2){echo 'selected="selected"'; } ?>>Nombre Propio</option>
                </select>
            </div>
            <label for="tipocliente" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Ruta</label>
            <div class="col-sm-3">
                <? $row4 = $mysqli->query("SELECT * FROM z_ruta WHERE eliminado=0"); ?>
            <select name="ruta" class="form-control" required>
                <option value="">Seleccione una Ruta</option>
              <?  while($row5 = $row4->fetch_assoc()) {?><option value="<? echo $row5['id']; ?>" <? if($row5['id']==$row1["ruta"]){echo 'selected="selected"';}?>><? echo $row5['nombre']; ?></option><? } ?>
            </select>
            </div>
        </div>
        
        <div class="form-group row">
            <label for="contacto1" class="col-sm-2 col-form-label">Observaciones</label>
            <div class="col-sm-9">
                <textarea type="text" col="5" class="form-control" id="nota" name="nota" value="<? if($row1["nota"]!=""){echo $row1["nota"]; } ?>" placeholder="<? if($row1["nota"]!=""){echo $row1["nota"]; }else{echo 'Obseravaciones para tener en cuenta, ubicación empresa por ejemplo';} ?>"></textarea>
            </div>
        </div>
        <hr/><h6>INFORMACION PERSONAL</h6><hr/>
        <div class="form-group row">
            <label for="contacto1" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Nombres y apellidos contacto</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" id="contacto1" name="contacto1" value="<? if($row1["contacto1"]!=""){echo $row1["contacto1"]; } ?>" placeholder="Nombre y apellidos Contacto" autocomplete="off" required>
            </div>
        </div>
        <div class="form-group row">
            <label for="celular1" class="col-sm-2 col-form-label"><span class="text-danger h5">*</span>Número celular</label>
            <div class="col-sm-4">
                <input type="text" maxlength="10" minlength="10" min="3000000000" class="form-control" id="celular1" name="celular1" value="<? if($row1["celular1"]!=""){echo $row1["celular1"]; } ?>" placeholder="Número celular" autocomplete="off">
            </div>
            <label for="telefono1" class="col-sm-2 col-form-label">Número Fijo</label>
            <div class="col-sm-3">
                <input type="number" maxlength="10" minlength="6" class="form-control" id="telefono1" name="telefono1" value="<? if($row1["telefono1"]!=""){echo $row1["telefono1"]; } ?>" placeholder="Número teléfono Fijo" autocomplete="off">
            </div>      
        </div>
        <hr/><h6>INFORMACION CONTACTO ADICIONAL (opcional)</h6><hr/>
        <div class="form-group row">
            <label for="contacto2" class="col-sm-2 col-form-label">Nombres y apellidos contacto</label>
            <div class="col-sm-4">
                <input type="text" class="form-control" id="contacto2" name="contacto2" value="<? if($row1["contacto2"]!=""){echo $row1["contacto2"]; } ?>" placeholder="Nombres y apellidos Contacto" autocomplete="off">
            </div>
            <label for="telefono2" class="col-sm-2 col-form-label">Número fijo o celular</label>
            <div class="col-sm-3">
                <input type="number" maxlength="7" class="form-control" id="telefono2" value="<? if($row1["telefono2"]!=""){echo $row1["telefono2"]; } ?>" name="telefono2" placeholder="Número teléfono fijo o celular" autocomplete="off">
            </div>
            <input type="hidden" name="editar" value="<? echo $id; ?>">
        </div>
            <hr/>
            
          <input type="button" class="btn btn-primary float-left" value="Atras" name="Back2" onclick="history.back()" />
          <button type="submit" class="btn btn-success float-right">Actualizar datos cliente</button>
      </form>
    </div>
  </div>
  <? include $r."inc/foot.php"; ?>
  <script>
let autocompleteService;
let placesService;
let sessionToken;
let debounceTimer=null;

function initAutocomplete(){

    autocompleteService=new google.maps.places.AutocompleteService();
    placesService=new google.maps.places.PlacesService(document.createElement('div'));
    sessionToken=new google.maps.places.AutocompleteSessionToken();

}

const $input=$("#direccion");
const $box=$("#resultados");


// CAMBIO DE DEPARTAMENTO
$('#departamento').on('change',function(){

    var id=$(this).val();

    $.ajax({
        url:rutaapp+'pais/municipios.php',
        type:"post",
        dataType:'html',
        data:{ id:id }
    }).done(function(response){

        $('#ciudad').html(response).slideDown(400);

        $input.prop("disabled",true).val('');
        $("#latitud").val('');
        $("#longitud").val('');
        $box.hide();

    });

});

// CAMBIO DE CIUDAD
$('#ciudad').on('change',function(){

    if($(this).val()){
        $input.prop("disabled",false).focus();
    }else{
        $input.prop("disabled",true);
    }

    $("#latitud").val('');
    $("#longitud").val('');
});

// INPUT DIRECCIÓN
$input.on("input",function(){

    let q=$(this).val().trim();
    let ciudad=$("#ciudad option:selected").text();

    if(q.length<3){
        $box.hide();
        return;
    }

    clearTimeout(debounceTimer);

    debounceTimer=setTimeout(()=>{

        // 🔥 AQUÍ ESTÁ LA CLAVE (concatenación real)
        let query=q + ", " + ciudad + ", Colombia";

        autocompleteService.getPlacePredictions({
            input: query,
            sessionToken: sessionToken,
            componentRestrictions:{ country:"co" },
            types:["address"]
        },function(predictions,status){

            if(status!==google.maps.places.PlacesServiceStatus.OK || !predictions){
                $box.hide();
                return;
            }

            $box.html("");

            predictions.forEach(pred=>{

                let $item=$('<a href="#" class="list-group-item list-group-item-action"></a>');
                $item.text(pred.description);

                $item.on("click",function(e){
                    e.preventDefault();

                    placesService.getDetails({
                        placeId:pred.place_id,
                        fields:["geometry","formatted_address","address_components"],
                        sessionToken:sessionToken
                    },function(place,status){

                        if(status!==google.maps.places.PlacesServiceStatus.OK){
                            swal("Error","No se pudo obtener ubicación","error");
                            return;
                        }

                        $("#direccion").val(place.formatted_address);
                        $("#latitud").val(place.geometry.location.lat());
                        $("#longitud").val(place.geometry.location.lng());

                        $box.hide();

                        sessionToken=new google.maps.places.AutocompleteSessionToken();
                    });

                });

                $box.append($item);
            });

            $box.show();

        });

    },300);

});

// CERRAR LISTA
$(document).on("click",function(e){
    if(!$(e.target).closest("#direccion, #resultados").length){
        $box.hide();
    }
});
</script>

<!-- NUEVA LIBRERÍA GOOGLE -->
<script async
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAx2DGHDdkaMqGOSWExvT2qjRFvKGADW_Y&libraries=places&callback=initAutocomplete">
</script>
</body>
</html>