$(function(){
    //品种选择
    $('#J_color li').click(function(){
        $('#price').text($(this).attr('data-price'));
        $(this).addClass('chosen').siblings().removeClass('chosen');
    })
    //数量输入
    $('#amount').bind('input propertychange', function() {
        var amount = $(this).val();
        // 判断 是否为数字 isNaN返为true说明输入的值不是数字，清空处理
        if (isNaN(parseInt(amount))){
            $(this).val('')
        }else{
            amount = parseInt(amount);//转为正整数
            //最多不能超过1000
            if (amount > 1000){
                $(this).val(1000)
            }else if (amount < 1){
                $(this).val('')
            }else{

                $(this).val(amount)
            }
        }

    })
    //焦点离开时
    $('#amount').blur(function(){
        //离开时判断是否为空
        var amount = $(this).val();
        if (amount == ''){
            $(this).val(1)
        }
    });
    //点击增加数量
    $('#add').click(function(){
        var amount = $('#amount');
        var num =  parseInt(amount.val())+1;//按一次加1
        //小于1000时写入输入框
        if (num < 1000){
            amount.val(num)
            if(num > 1){

                $('#reduce').addClass('reduce').removeClass('no_reduce')
            }
        }else if (num == 1000){
            //等于1000时隐藏增加按钮
            amount.val(num)
            $(this).addClass('no_add').removeClass('add')
            $('#reduce').addClass('reduce').removeClass('no_reduce')
        }else {
            //大于1000的不增加数量并隐藏增加按钮
            $(this).addClass('no_add').removeClass('add')
            $('#reduce').addClass('reduce').removeClass('no_reduce')
        }

    });
    //点击减少数量
    $('#reduce').click(function(){
        var amount = $('#amount')
        var num =  parseInt(amount.val())-1;//按一次减1
        //大于1时写入输入框
        if (num > 1){
            amount.val(num)
            if(num < 1000){

                $('#add').addClass('add').removeClass('no_add')
            }
        }else if (num == 1){
            //等于1时隐藏减少按钮
            amount.val(num)
            $(this).addClass('no_reduce').removeClass('reduce')
            $('#add').addClass('add').removeClass('no_add')
        }else{
            //小于1时隐藏减少按钮
            $(this).addClass('no_reduce').removeClass('reduce')
            $('#add').addClass('add').removeClass('no_add')
        }
    })
    //马上购买
    $('#sub').click(function(){
        //异步提交
        var data = {}
        var amount = $('#amount').val()
        if (amount < 1 && amount > 1000){
            alert('请输入1～1000的整数');
        }
        var goods = $('input[name="goods"]:checked').val();
        if (! goods){
            alert('请选择品种上');
        };

        data.amount = amount;
        data.goods = goods;
        $.ajax({
            type:'post',
            url:"/api/v1.0/cart",
            cache:false,
            data:data,
            success:function(d){
                if(d.success){
                    $('.cart-lay').show()
                }else{
                   $('.cart-lay').show()
                }

            },
            beforeSend: function(xhr, settings) {
                if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type)) {
                    xhr.setRequestHeader("X-CSRFToken", $('meta[name=csrf-token]').attr('content'))
                }

            },
            error:function(){
             alert("操作失败,请稍后重试!!!");
         }
        });
        //表单提交
        // var data = []
        // var obj = {}
        // var amount = $('#amount').val()
        // if (amount < 1 && amount > 1000){
        //     return false;
        // }
        // var goods = $('input[name="goods"]:checked').val();
        // if (! goods){
        //     return false;
        // };
        //
        // obj.amount = amount;
        // obj.goods = goods;
        // data.push(JSON.stringify(obj));
        // $('#order').val(data);
        // $('#buy').submit();
    })
    $('#J_Continue').click(function(){
        $('.cart-lay').hide()
    });
    $('#J_Close').click(function(){
        $('.cart-lay').hide()
    })
})