function load_loading(){
    window.scrollTo(0, 0);
    document.getElementById('content_page').style.display="none";
    document.getElementById('space_loading').style.display="block";
  }

window.onbeforeunload = function(event) {
  document.getElementById('popup_page').style.display="none";
  load_loading();
  
};

window.form_changed=false;
function form_has_changed(){window.form_changed=true;
//alert(window.form_changed);
}

function onSubmitCaptcha(token) {
document.getElementById("form_captcha").submit();
}
function onSubmitCaptchaMail(token) {
document.getElementById("form_captcha_mail").submit();
}
function onSubmitCaptchaSMS(token) {
document.getElementById("form_captcha_sms").submit();
}
function loading_captcha(){
    document.getElementById('content_page').style.display="none";
    document.getElementById('space_loading').style.display="block";
  setTimeout(function() {
    document.getElementById('content_page').style.display="block";
    document.getElementById('space_loading').style.display="none";
  }, 10000);
}


function show_popup_user(url){
window.form_changed=false;
window.scrollsub=document.body.scrollTop;
document.getElementById('content_page').style.display='none';
$("#popup_page").html("<center><table id=table_popup class=table_popup style='width:300px;'><tr><td style='width:50px;'></td><td style='text-align:center;'><span style='color:white;'><b>Chargement</b></span></span></td><td style='width:50px;padding-right:5px;text-align:right;'><img src=img/close_popup.png style='height:25px;width:28px;cursor:pointer;' onclick=del_popup_user();></td></tr><tr><td colspan=3 style='text-align:center;'><center><img src="+window.loading_gif+" style='width:60px;'></center></td></tr></table></center>").show("clip",500);
$('#popup_page').load(''+url, function(responseTxt, statusTxt, xhr){
if(statusTxt == "error"){document.getElementById('popup_page').innerHTML="<table id=table_popup class=table_popup style='width:300px;'><tr><td style='width:50px;'></td><td style='text-align:center;'><span style='color:white;'><b>Chargement</b></span></span></td><td style='width:50px;padding-right:5px;text-align:right;'><img src=img/close_popup.png style='height:25px;width:28px;cursor:pointer;' onclick=del_popup();></td></tr><tr><td colspan=3 style='text-align:center;color:white;'><br>⚠️ erreur "+xhr.status+"<br><br><input type=button value='Réessayer' class=submit1 onclick=show_popup_user('"+url+"');></td></tr></table>";}
});
}
function del_popup_user(){
if(form_changed){if(!confirm("Les modifications n'ont pas été enregistrées. Etes-vous sûr de vouloir fermer cette fenêtre?")){return false;}}
window.form_changed=false;
$("#popup_page").hide("clip",500,function() {
document.getElementById('content_page').style.display='block';
document.getElementById('popup_page').innerHTML='';
document.body.scrollTop=window.scrollsub;
  });
}


function toggle_password() {
  var x = document.getElementById("password");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}

function toggle_retype() {
  var x = document.getElementById("retype");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
}



sound_ok = document.createElement('audio');
sound_ok.setAttribute('src', 'sound/pling.wav');
sound_error = document.createElement('audio');
sound_error.setAttribute('src', 'sound/error.wav');




  function initializeAutocomplete_origin(id) {
    var element = document.getElementById(id);
    if (element) {
     var autocomplete = new google.maps.places.Autocomplete(element, { types: [] });
     autocomplete.setComponentRestrictions({'country': ['fr']});
     google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            //document.getElementById('city2').value = place.name;
            document.getElementById('origin_lat').value = place.geometry.location.lat();
            document.getElementById('origin_lng').value = place.geometry.location.lng();
       document.getElementById('origin').style.borderColor='';
       document.getElementById('origin_ok').value='ok';
       document.getElementById('origin_error').innerHTML='';
     });
     $('#origin').change(function(e){
       document.getElementById('origin').style.borderColor='red';
       document.getElementById('origin_ok').value='';
     });
    }
  }
  
  
  
  function initializeAutocomplete_step1(id) {
    var element = document.getElementById(id);
    if (element) {
     var autocomplete = new google.maps.places.Autocomplete(element, { types: [] });
     autocomplete.setComponentRestrictions({'country': ['fr']});
     google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            //document.getElementById('city2').value = place.name;
            document.getElementById('step1_lat').value = place.geometry.location.lat();
            document.getElementById('step1_lng').value = place.geometry.location.lng();
       document.getElementById('step1').style.borderColor='';
       document.getElementById('step1_ok').value='ok';
       document.getElementById('step1_error').innerHTML='';
     });
     $('#step1').change(function(e){
       document.getElementById('step1').style.borderColor='red';
       document.getElementById('step1_ok').value='';
     });
    }
  }
  
  
  
  function initializeAutocomplete_step2(id) {
    var element = document.getElementById(id);
    if (element) {
     var autocomplete = new google.maps.places.Autocomplete(element, { types: [] });
     autocomplete.setComponentRestrictions({'country': ['fr']});
     google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            //document.getElementById('city2').value = place.name;
            document.getElementById('step2_lat').value = place.geometry.location.lat();
            document.getElementById('step2_lng').value = place.geometry.location.lng();
       document.getElementById('step2').style.borderColor='';
       document.getElementById('step2_ok').value='ok';
       document.getElementById('step2_error').innerHTML='';
     });
     $('#step2').change(function(e){
       document.getElementById('step2').style.borderColor='red';
       document.getElementById('step2_ok').value='';
     });
    }
  }
  
  
  function initializeAutocomplete_step3(id) {
    var element = document.getElementById(id);
    if (element) {
     var autocomplete = new google.maps.places.Autocomplete(element, { types: [] });
     autocomplete.setComponentRestrictions({'country': ['fr']});
     google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            //document.getElementById('city2').value = place.name;
            document.getElementById('step3_lat').value = place.geometry.location.lat();
            document.getElementById('step3_lng').value = place.geometry.location.lng();
       document.getElementById('step3').style.borderColor='';
       document.getElementById('step3_ok').value='ok';
       document.getElementById('step3_error').innerHTML='';
     });
     $('#step3').change(function(e){
       document.getElementById('step3').style.borderColor='red';
       document.getElementById('step3_ok').value='';
     });
    }
  }
  
  
  
  
  
  
  
  
  
  function initializeAutocomplete_destination(id) {
    var element = document.getElementById(id);
    if (element) {
     var autocomplete = new google.maps.places.Autocomplete(element, { types: [] });
    autocomplete.setComponentRestrictions({'country': ['fr']});
     google.maps.event.addListener(autocomplete, 'place_changed', function(){
            var place = autocomplete.getPlace();
            //document.getElementById('city2').value = place.name;
            document.getElementById('destination_lat').value = place.geometry.location.lat();
            document.getElementById('destination_lng').value = place.geometry.location.lng();
       document.getElementById('destination').style.borderColor='';
       document.getElementById('destination_ok').value='ok';
       document.getElementById('destination_error').innerHTML='';
     });
     $('#destination').change(function(e){
       document.getElementById('destination').style.borderColor='red';
       document.getElementById('destination_ok').value='';
     });
   }
  }



function add_voucher(){
  show_popup_user('popup.php?action=add_voucher');  
}
function modify_voucher(id){
  //select_tr('item-'+id);
  show_popup_user('popup.php?action=modify_voucher&id='+id);  
}

function add_customer(hex=""){
  show_popup_user('popup.php?action=add_customer&hex='+encodeURI(btoa(hex)));  
}
function modify_customer(id){
  //select_tr('item-'+id);
  show_popup_user('popup.php?action=modify_customer&id='+id);  
}

function add_driver(){
  show_popup_user('popup.php?action=add_driver');  
}
function modify_driver(id){
  //select_tr('item-'+id);
  show_popup_user('popup.php?action=modify_driver&id='+id);  
}

function add_vehicle(hex=""){
  show_popup_user('popup.php?action=add_vehicle&hex='+encodeURI(btoa(hex)));  
}
function modify_vehicle(id){
  //select_tr('item-'+id);
  show_popup_user('popup.php?action=modify_vehicle&id='+id);  
}
function add_price(hex=""){
  show_popup_user('popup.php?action=add_price&hex='+encodeURI(btoa(hex)));  
}
function modify_price(id){
  //select_tr('item-'+id);
  show_popup_user('popup.php?action=modify_price&id='+id);  
}

function modify_infos(){
  show_popup_user('popup.php?action=modify_infos&back=settings');  
}
function modify_logo(){
  show_popup_user('popup.php?action=modify_logo');  
}
function modify_template(){
  show_popup_user('popup.php?action=modify_template');  
}