//нажимаем на кнопку оформить
$(document).on('submit','#form_checkout', function(){
    //alert('brooooooooooo!!!!!!!!!!!!!');
    var msg   = $('form#form_checkout').serialize();
    str_url = "inc/basket_checkout.php";
    $.ajax({  
            type: "POST",  
            url: str_url,  
            data: msg,  
            success: function(html){  
                $("#basket_left").empty();
                $("#basket_left").html(html);
                $("#form_checkout")[0].reset();
                $("#item_count_total").text('0');
            }  
        });  
        return false;
        //alert('broo!!!!!!!!!!!');     
});

/* запускаем скрипт после полной загрузки документа */
//при выборе статуса из выпадающего списка закрываем список и вставляем новый статус в окно
$(document).on('click','#button_basket', function(){             
    var item = $(this).attr('item');
    //var user = $('#user_id').text();
    //var user= $('html').attr('id');
    //$(this).css('background','green');
    //$(this).text('В КОРЗИНЕ');
    //alert('Вы клацнули:'+item+'!');
    str_url = "inc/basket_item_add.php";
    $.ajax({  
        type: "POST",
        dataType: "html",  
        url: str_url,  
        data: "item="+item,  
        success: function(html){  
                $(this).css('background','green');
                $(this).text('В КОРЗИНЕ');
                
                $("#item_count_total").html(html);
            }  
        });  
        return false;
      
});

//при нажатии на минус вычитаем товар и пересчитываем сумму
$(document).on('click','button.basket_item_minus', function(){ // событие клика по веб-докуме
    //var user= $('html').attr('id');
    var id = $(this).parent().parent().attr('id-line'); //берем id строки в которой проводятся изменения
    var kolvo = $(this).next().val();
    var cena = $('div[id-line='+id+'] .basket_item_cena').text();
    var kolvo = kolvo - 1;
    //alert('ID:'+id+' kolvo'+kolvo+' cena:'+cena);       
    str_url = "inc/basket_change_kolvo_summa.php";
    $.ajax({  
        type: "POST",  
        url: str_url,  
        data: "i="+id+"&k=0&c="+cena,  
        success: function(html){
            $('#basket_summa').html(html);
            $("div[id-line="+id+"] input[name=basket_item_kolvo]").val(kolvo);
        }  
    });    
    return false;
});
//при нажатии на плюс вычитаем товар и пересчитываем сумму
$(document).on('click','button.basket_item_plus', function(){ // событие клика по веб-докуме
    //var user= $('html').attr('id');
    var id = $(this).parent().parent().attr('id-line'); //берем id строки в которой проводятся изменения
    var kolvo = $("div[id-line="+id+"] input[name=basket_item_kolvo]").val();
    var cena = $('div[id-line='+id+'] .basket_item_cena').text();
    var a = 1;
    var kolvo = +kolvo + +a;
    
    //alert('ID:'+id+' kolvo'+kolvo+' cena:'+cena);       
    str_url = "inc/basket_change_kolvo_summa.php";
    $.ajax({  
        type: "POST",  
        url: str_url,  
        data: "i="+id+"&k=1&c="+cena,  
        success: function(html){
            $('#basket_summa').html(html);
            $("div[id-line="+id+"] input[name=basket_item_kolvo]").val(kolvo);
        }  
    });    
    return false;
});

//при нажатии на минус вычитаем товар и пересчитываем сумму
$(document).on('click','.basket_item_delete', function(){ // событие клика по веб-докуме
    //var user= $('html').attr('id');
    var id = $(this).parent().attr('id-line'); //берем id строки в которой проводятся изменения
    alert('ID:'+id);    
    if(confirm("Вы действительно хотите удалить?")){
           
        str_url = "inc/basket_item_delete.php";
        $.ajax({  
            type: "POST",  
            url: str_url,  
            data: "i="+id,  
            success: function(html){
                $('#basket_summa').html(html);
                $("div[id-line="+id+"]").hide('slow');
            }  
        });    
        return false;
      }
    
    
});

$("document").ready(function() {
//маска для инпут с номером телефона
// Считываем поле ввода
let phoneInput = document.querySelector(".phone");
// Создаем маску в инпуте
const phoneMask = new IMask(phoneInput, {
mask: "+{7}(000)000-00-00",
});
// Обработчик события для инпута
phoneInput.addEventListener("input", phoneInputHandler);
//конец маски
})