@extends('index')

@section('content')
    <section>
        <div id="cart_info" class="container">
            @include('cartPage')
        </div>
    </section>
@endsection

@section('javascript')
    <script>
        /*勾選結帳商品*/
        $('#cart_info').on('click', "input[name='Checkbox[]']", function () {
            let _this = $(this),
                products = [];
            products.push(_this.parents('div').data('product_id'));
            if (_this.is(":checked")) {
                tag = true;
            } else {
                tag = false;
            }
            let v_data = {
                tag: tag,
                products: products,
                _method:'POST',
                _token: '{!! csrf_token() !!}'
            };
            checkoutItem(v_data);
        });

        function checkoutItem(v_data) {
            $.ajax({
                type: 'POST',
                url:'{{url("cart_process/checkout_item")}}',
                data:$.param(v_data),
                datatype:'json',
                success:function(msg){
                    if(!msg.status){
                        Swal.fire({
                            type:'warning',
                            title: '提示',
                            text:msg.text
                        });
                    }

                    $('#cart_info').load("./get_cart_list_info");
                },
                error:function(){
                    swal({
                        type: 'error',
                        title: '錯誤',
                        text: '移出購物車失敗，請重整再試',
                    });
                }
            });
        }

        const equalAmounts = document.querySelectorAll('[id*=equalAmount]');

        equalAmounts.forEach(input => {
            input.addEventListener('input', () => {
                let val = parseInt(input.value);
                if (isNaN(val) || val < 1) {
                    input.value = 1;
                }
            });
        });

        // /*改變數量*/
        $('#cart_info').on('click', '[id*=minus]', function () {
            let $qty=$(this).parent().find('[id*=equalAmount]');
            let qty=parseInt($qty.val());
            if (qty > 1) {
                qty--;
            }

            $qty.val(qty);
            let product_id=this.closest('[data-product_id]').dataset.product_id;
            changeItemQty(product_id, $qty.val(), $(this));
        });

        $('#cart_info').on('click', '[id*=plus]', function () {
            let qty = parseInt($(this).parent().find('[id*=equalAmount]').val());
            if (qty < 99) {
                qty++;
            }
            let $qty=$(this).parent().find('[id*=equalAmount]');
            $qty.val(qty);
            let product_id=this.closest('[data-product_id]').dataset.product_id;
            changeItemQty(product_id,$qty.val(), $(this));
        });

        function changeItemQty(productID, qty, button=null) {
            let v_data = {
                product_id:productID,
                product_qty: qty,
                _method: 'POST',
                _token: '{!! csrf_token() !!}'
            };

            $.ajax({
                type:'post',
                url:"{{url('cart_process/change_item_qty')}}",
                data:$.param(v_data),
                datatype:'json',
                success:function(msg){
                    if(!msg.status){
                        Swal.fire({
                            type: 'warning',
                            title: '提示',
                            text: msg.text,
                        });
                    } else {
                        $('#header_itemnum').text(msg.qty);

                        $('#cart_info').load("./get_cart_list_info");
                    }

                    if(button!=null){
                        button.attr('disabled',false);
                    }
                },
                error:function(){
                    Swal.fire({
                        type: 'error',
                        title: '錯誤',
                        text: '改變數量失敗，請重整再試',
                    });
                }
            });
        }

        /*移出商品*/
        $('#cart_info').on('click', '[id*=remove_item]', function () {
            let _this = $(this),
                v_data = {
                    product_id: _this.parents('.CartItem').data('product_id'),
                    _method: 'POST',
                    _token: '{!! csrf_token() !!}'
                };
            $.ajax({
                type: 'post',
                url:'{{url("cart_process/remove_item_in_cart")}}',
                data:$.param(v_data),
                datatype:'json',
                success:function(msg){
                    if(!msg.status){
                        Swal.fire({
                            type:'warning',
                            title: '提示',
                            text:msg.text
                        });
                    } else {
                        let qty = parseInt($('#header_itemnum').text()) - parseInt(msg.qty);
                        $('#header_itemnum').text(qty);

                        $('#cart_info').load("./get_cart_list_info");
                    }
                },
                error:function(){
                    swal({
                        type: 'error',
                        title: '錯誤',
                        text: '移出購物車失敗，請重整再試',
                    });
                }
            });
        });

        $('#cart_info').on('click', ".using_coupon", function () {
            // 商品已現金折價
            if('{{$cartData['total_detail']['is_discount']}}' == '1'){
                Swal.fire({
                    type:'warning',
                    title: '提示',
                    text:'此商品無法與優惠卷共同使用'
                });

                return;
            }

            if (this.dataset.used != '') {
                // 當前有優惠券 再按一下表示要移除
                $('#inputCoupon').val('');
            } else {
                if($('#inputCoupon').val() == ''){
                    Swal.fire({
                        type:'warning',
                        title: '提示',
                        text:'請輸入優惠卷序號'
                    });
                    return ;
                }

            }

            checkUseCoupon();
        });

        /*使用優惠卷*/
        function checkUseCoupon () {
            let v_data = {
                check_use_coupon: $('#inputCoupon').val() == '' ? 0 : 1,
                coupon_code: $('#inputCoupon').val(),
                '_method': 'POST',
                _token: '{!! csrf_token() !!}'
            };
            $.ajax({
                type: 'POST',
                url: "{{url('cart_process/use_coupon')}}",
                data: $.param(v_data),
                dataType: 'json',
                success: function (res) {
                    if (!res.status) {
                        let text = '';
                        arrText = Object.values(res.msg);
                        $.each(arrText, function(index, value) {
                            text += value;
                        });
                        $('#inputCoupon').val('')
                        Swal.fire({
                            type:'warning',
                            title:'提示',
                            text:text
                        });
                    } else {
                        $('#cart_info').load("./get_cart_list_info");
                    }
                },
                error:function () {
                    Swal.fire({
                        type:'error',
                        title: '錯誤',
                        text:'使用優惠卷失敗，請重整再試'
                    });
                }
            });
        }
    </script>
@endsection