localStorage.setItem('token', 'YxcNrkjD/PbEADMdHwsxxgH/h2sprCG7MHzrbADseYgzCfG3xphkiHZdX6buY/O6Z0+OAgB0+LbLz/o212lvmb');

document.write( '    <a id=\"popup__toggle\" onclick=\"call_alert();\"><div class=\"circlephone\" style=\"transform-origin: center;\"></div><div class=\"circle-fill\" style=\"transform-origin: center;\"></div><div class=\"img-circle\" style=\"transform-origin: center;\"><div class=\"img-circleblock\" style=\"transform-origin: center;\"></div></div></a>\n' );
document.write( '    <div class=\"div_callback\">\n' );
document.write( '        <div class=\"close_callback\" onclick=\"call_alert();\">×</div>\n' );
document.write( '        <div class=\"div2_callback\">\n' );
document.write( '            <h1 class=\"h1_callback\">Бажаєте, ми передзвонимо Вам за 30 секунд?</h1>\n' );
document.write( '            <input type=\"text\" class=\"input_callback\" placeholder=\"Ваш номер телефону\">\n' );
document.write( '            <button class=\"button_callback\" onclick=\"startcallback();\">Замовити дзвінок</button>\n' );
document.write( '            <p class=\"p_callback\">Введіть номер у форматі 380...</p>\n' );
document.write( '            <span id=\"time_callback\">00:30:00</span>\n' );
document.write( '        </div>\n' );
document.write( '    </div>' );
document.write( '<div class="backdrop_callback"></div>' );
document.write( '    <a id=\"popup__toggle2\" target="_blank" href="https://t.me/webcall_support" style="background: url(\'https://webcall.com.ua/ext/ipcontact/telegram.png\')"><div class=\"circlephone2\" style=\"transform-origin: center;\"></div><div class=\"circle-fill2\" style=\"transform-origin: center;\"></div><div class=\"img-circle2\" style=\"transform-origin: center;\"><div class=\"img-circleblock2\" style=\"transform-origin: center;\"></div></div></a>\n' );



function call_alert() {
    $( ".div_callback" ).toggle();
    if ($(".backdrop_callback").css("left") == "0px") {
      $(".backdrop_callback").css("left","100%");
      $(".backdrop_callback").css("opacity","0");
    } else {
      $(".backdrop_callback").css("left","0px");      
      $(".backdrop_callback").css("opacity","0.5");
  }
    
}
var timer;
var intervalID;
function startcallback() {
    if ($(".input_callback").val() != '') {
        $.post("https://webcall.com.ua/ext/ipcontact/callback", {
            method: "callback",
            phone: $(".input_callback").val(),
            token: localStorage.getItem('token')
        },function(data, status){
            console.log(data);
            if (data == "success") {
             timer = 30000;
             clearInterval(intervalID);
             intervalID=setInterval(interval,10);
             $(".input_callback").val('');
            }
            if (data == "error") {
            $(".h1_callback").text('Извините, сервис временно недоступен!');
            }
            
        });
    }
}
function interval() {
        seconds = Math.floor(timer/1000);
        milisec = (Number(timer) - Number(seconds)*1000)/10;
        milisec = Math.floor(milisec);
        seconds = seconds < 10 ? "0" + seconds : seconds;
        milisec = milisec < 10 ? "0" + milisec : milisec;

        $("#time_callback").text("00:" + seconds + ":" + milisec);
            timer = timer - 10;
            if (timer == 0) {
                $("#time_callback").text("00:00:00");
                clearInterval(intervalID);
            }

    }
$('.input_callback').bind("change keyup input click",function(){
    if(this.value.match(/[^0-9]/g)){
        this.value=this.value.replace(/[^0-9]/g,'');
    }
});