@include('includes.helper_js')
<script type="text/javascript">
    let item_in_cart = [];
    let list_item_selected = [];
    let list_item_detail_selected = [];

    Helper.maskSeparator('.mask_separator');

    $(document).ready(function() {
        due_date_check();
        npwp_check();
        nik_check();
    })

    $('.due_date').click(function() {
        due_date_check();
    });
    $('.npwp').click(function() {
        npwp_check();
    });
    $('.nik').click(function() {
        nik_check();
    });

    function due_date_check() {
        let due_date_radio = $("input[type='radio'][name='due_date']:checked");
        if (due_date_radio.length > 0) {
            let val = due_date_radio.val();
            if(val == 'custom') {
                $('#due_date_custom').prop('disabled', false);
            }
            else {
                $('#due_date_custom').prop('disabled', true);
            }
        }
    }

    function npwp_check() {
        let npwp_radio = $("input[type='radio'][name='npwp']:checked");
        if (npwp_radio.length > 0) {
            let val = npwp_radio.val();
            if(val == 1) {
                $('#npwp_value').prop('disabled', false);
            }
            else {
                $('#npwp_value').prop('disabled', true);
            }
        }
    }

    function nik_check() {
        let nik_radio = $("input[type='radio'][name='nik']:checked");
        if (nik_radio.length > 0) {
            let val = nik_radio.val();
            if(val == 1) {
                $('#nik_value').prop('disabled', false);
            }
            else {
                $('#nik_value').prop('disabled', true);
            }
        }
    }

    function listResellLM() {
        $('#modalResellLM').modal({backdrop: 'static', keyboard: false});
        $('#modalResellLM').modal('show');
    }

    function doFilter() {
        $('#cover-spin').fadeIn();
        let formData = new FormData($('#formFilter')[0]);
        formData.append('item_checked', item_in_cart);
        $.ajax({
            url: '{{ url('resell_marketplace/do_filter') }}',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data :formData,
            type : 'POST',
            contentType: false,
            processData: false,
            success: function(response) {
                $('#responseLoad').html(response);
                $('#cover-spin').fadeOut();
            },
            error: function(response) {
                $('#cover-spin').fadeOut();
                alert('Oops, terjadi kesalahan !')
            }
        });
    }

    function check_all() {
        let check_all_input = $('#item_check_all').is(":checked");
        if (check_all_input) {
            $(".checkSingle").each(function() {
                this.checked=true;
                item_check($(this).data("value"), true);
            });
        } else {
            $(".checkSingle").each(function() {
                this.checked=false;
                item_check($(this).data("value"), true);
            });
        }
        return false;

        $(".checkSingle").click(function () {
            if ($(this).is(":checked")) {
                var isAllChecked = 0;

                $(".checkSingle").each(function() {
                    if (!this.checked)
                        isAllChecked = 1;
                });

                if (isAllChecked == 0) {
                    $("#item_check_all").prop("checked", true);
                }     
            }
            else {
                $("#item_check_all").prop("checked", false);
            }
        });
    }

    function detailItem(id) {
        $('#cover-spin').fadeIn();
        $.ajax({
            url: '{{ url('resell_marketplace/detail_item') }}',
            method: "POST",
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data: { 'id' : id },
            success: function(response) {
                $('#responseLoad').html(response);
                $('#cover-spin').fadeOut();
            },
            error: function(response) {
                $('#cover-spin').fadeOut();
                alert('Oops, terjadi kesalahan !')
            }
        });
    }

    function item_check(item, is_check_all=false) {
        let data = item;
        if(!is_check_all) {
            data = JSON.parse(item);
        }

        let isChecked = $('#item_check_' + data.id + ':checked').length;
        if(isChecked) {
            item_in_cart.push(data.id)
        }
        else {
            let index = item_in_cart.indexOf(data.id);
            if (index > -1) {
                item_in_cart.splice(index, 1);
            }
        }

        if(item_in_cart.length > 0) {
            $('#btnAddItem').prop('disabled', false);
        }
        else {
            $('#btnAddItem').prop('disabled', true);
        }
        
        $('#total_checked').html(item_in_cart.length);            
    }

    function list_check(id) {
        let isChecked = $('#list_check_' + id + ':checked').length;

        if(isChecked) {
            list_item_selected.push(id)
        }
        else {
            let index = list_item_selected.indexOf(id);
            if (index > -1) {
                list_item_selected.splice(index, 1);
            }
        }       
    }

    function list_check_item(id) {
        let isChecked = $('#list_check_item_' + id + ':checked').length;

        if(isChecked) {
            list_item_detail_selected.push(id)
        }
        else {
            let index = list_item_detail_selected.indexOf(id);
            if (index > -1) {
                list_item_detail_selected.splice(index, 1);
            }
        }       


        if(list_item_detail_selected.length > 0) {
            $('#btnRemoveList').prop('disabled', false);
        }
        else {
            $('#btnRemoveList').prop('disabled', true);
        }
        $('#total_item_checked').html(list_item_detail_selected.length);  
    }

    @if($marketplace_transaction)
        function addItemSubmit() {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/add_item') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'resell_marketplace_id' : '{{ $marketplace_transaction->id }}','item_list' : item_in_cart },
                success: function(response) {
                    alert(response.message);
                    if(response.status == 0) {
                        $('#cover-spin').fadeOut();
                        return false;
                    }
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }

        function removeItem() {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/remove_item') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'resell_marketplace_id' : '{{ $marketplace_transaction->id }}', 'list_item_selected' : list_item_detail_selected },
                success: function(response) {
                    alert(response.message);
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }

        function removeParentItem() {
            if(list_item_selected.length == 0) {
                alert('Tidak ada item yang dipilih');
                return false;
            }
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/remove_parent_item') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'resell_marketplace_id' : '{{ $marketplace_transaction->id }}', 'list_item_selected' : list_item_selected },
                success: function(response) {
                    alert(response.message);
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }

        function showSellPriceForm(id) {
            $('#selling_price_display_' + id).hide();
            $('#selling_price_form_' + id).show();
            let value = ($('#selling_price_display_' + id + ' .values').html()).replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '');
            $('#selling_price_form_' + id).val(Helper.toCurrencyVal(value));
            $('#selling_price_form_' + id).focus();
        }

        function showSellPriceLabel(id) {
            $('#selling_price_form_' + id).hide();
            $('#selling_price_display_' + id).show();
            $('#selling_price_display_' + id + ' .values').html('updating...');
            $('#cover-spin').fadeIn();
            let selling_price = Helper.toNumberVal($('#selling_price_form_' + id).val());
            $.ajax({
                url: '{{ url('resell_marketplace/update_selling_price') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'resell_marketplace_id' : '{{ $marketplace_transaction->id }}', 'item_id' : id, 'selling_price' : selling_price },
                success: function(response) {
                    $('#selling_price_display_' + id + ' .values').html(selling_price.toLocaleString());
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });

        }

        function showDetail(id) {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/detail_list_item') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'id' : id },
                success: function(response) {
                    $('#detailPage').html(response);
                    $('#modalDetailitem').modal('show');
                    $('#cover-spin').fadeOut();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }

        function showCost(resell_marketplace_id, id) {
            $('#titleCost').html('Cost');
            if(!id) {
                $('#titleCost').html('All Cost');
                $('#type').val('all_cost');
            }

            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/show_cost') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'resell_marketplace_id' : resell_marketplace_id, 'id' : id },
                success: function(response) {
                    if(response.status == 0) {
                        alert(response.message);
                        $('#cover-spin').fadeOut();
                        return false;
                    }
                    $('#detailCost').html(response);
                    $('#resell_marketplace_detail_id').val(id);
                    $('#modalCost').modal('show');
                    calculateDifferent();
                    $('#cover-spin').fadeOut();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }

        function calculateDifferent() {
            // $('.costAdded').length;
            let total_cost_added = 0;
            $( ".costAdded" ).each(function( index ) {
                if($( this ).val() == '') {
                }
                else {
                    total_cost_added += parseInt($( this ).val());
                }
            });

            let diffCost = parseInt($('#diffCost').html().replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', '').replace(',', ''));

            let countDiff = diffCost - total_cost_added;
            $('#adjustableDifference').html(parseInt(countDiff).toLocaleString());

            if(countDiff == 0) {
                $('#btnSubmitAddCost').prop('disabled', false);
            }
            else {
                $('#btnSubmitAddCost').prop('disabled', true);
            }
        }

        function addCostList() {
            let check_empty_cost = checkEmptyCost();

            if(parseInt(check_empty_cost) > 0) {
                alert('Tolong lengkapi data cost !');
                return false;
            }
            
            let randomString = (Math.random() + 1).toString(36).substring(7);
            $('#costList').append('<div id="list_added_' + randomString + '" class="row" style="margin: 5px 0;"> <div class="col-sm-5"><input type="text" name="labelAdded[]" class="form-control labelCost" placeholder="label"></div><div class="col-sm-5"><input type="number" name="costAdded[]" class="form-control costAdded" placeholder="value" onblur="calculateDifferent()"></div><div class="col-sm-2" style="padding-top: 6px;"><i class="fa fa-minus-circle" style="color: red; font-size: 20px; cursor: pointer;" onclick="removeListCost(&apos;'+ randomString +'&apos;)"></i></div></div>');
        }

        function removeListCost(id) {
            $('#list_added_' + id).remove();
            calculateDifferent();
        }

        function checkEmptyCost() {
            let countEmpty = 0;
            $( ".labelCost" ).each(function( index ) {
                if($( this ).val() == '') {
                    countEmpty = 1;
                    alert('label');
                }
            });
            $( ".costAdded" ).each(function( index ) {
                if($( this ).val() == '' || $( this ).val() == 0) {
                    countEmpty = 1;
                    alert('cost');
                }
            });

            return countEmpty;
        }

        function submitTransaction(id) {
            $('#cover-spin').fadeIn();
            $.ajax({
                url: '{{ url('resell_marketplace/submit_transaction') }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: { 'id' : id },
                success: function(response) {
                    location.reload();
                },
                error: function(response) {
                    $('#cover-spin').fadeOut();
                    alert('Oops, terjadi kesalahan !')
                }
            });
        }
    @endif
</script>