function palletReceive(data) {
    let pallet = JSON.parse(data.body.toString());
    console.log("palletReceive", pallet)
    currentPalletId = pallet.id
    currentPallet = pallet
    setTimeout(function () {
        getPallets();
    }, 200);
    Object.values(PACK_STATUS_DETAILS).forEach(function (packStatus) {
        $(".pallet-view-info").removeClass(packStatus.titleClass);
    });
    let palletStatus = pallet.status;
    let palletStatusDetails = PACK_STATUS_DETAILS[palletStatus];
    $("#pallet-code").html(pallet.palletCode || PACK_CODE_EMPTY_STRING);
    $("#pallet-number").html(pallet.palletNumber);
    if (pallet.layers == 1) {
        $("#pallet-view-page .layerToPallet").addClass("hide");
    } else {
        $("#pallet-view-page .layerToPallet").removeClass("hide");
    }
    $("#pallet-count-layer").html(pallet.countLayer + " из " + pallet.layers);
    $("#pallet-count").html(pallet.count + " из " + pallet.capacity);
    $("#pallet-count-product").html(pallet.countStamp);
    $("#pallet-date").html(new Date(pallet.timeStamp).toLocaleString("ru", {}));
    $("#pallet-status").html(palletStatusDetails.title);
    $(".pallet-view-info").addClass(palletStatusDetails.titleClass);
    $('#palletId').val(pallet.id);
    pallet.packs.sort((a, b) => a.parentLayer - b.parentLayer);
    fillPalletViewArea(pallet);
    // setTimeout(function () {
    //     getPallets(10, 0);
    // }, 200);
    palletViewReset();
}

function palletLabelSave(data) {
    var pallet = JSON.parse(data.body.toString());
    let palletId = Number($('#palletId').val());
    if (palletId === pallet.id) {
        $("#pallet-code").html(pallet.packCode || PACK_CODE_EMPTY_STRING);
    }
}

function fillPalletViewArea(pallet) {
    var container = $("#pallet-view-area");
    container.empty();
    if (pallet.status === 'DELETED' || pallet.status === 'CLEAR') {
        $('#buttonPallet button').prop("disabled", true);
        $('#btnLayerView button').prop("disabled", true);
        return;
    } else {
        $('#btnLayerView button').prop("disabled", false);
    }
    if (pallet.capacity > 0) {
        pallet.packs.forEach(function (pack) {
            let packClass = PACK_STATUS_DETAILS[pack.status].titleClass;
            let currentLayer = pack.parentLayer;
            let currentLayerId = pack.parentLayerId;
            let slotOuter = null;
            let slotInner = null;
            if ($(container).find(`.inner-${currentLayer}`).length === 0) {
                slotOuter = $(`<button class="pallet-btn pallet-outer-layer outer-${currentLayer}" onclick="showLayer(${currentLayerId})"/>`);
                slotInner = $(`<div class="pallet-inner-layer inner-${currentLayer}"/>`);
                slotOuter.append(slotInner);
                slotOuter.append(`<div class="layer-number layer-number-${currentLayer}">${currentLayer}</div>`);
                slotInner.append(`<div class="code_w_fixed ${packClass} "> ${prepareCode(pack.packCode)} </div>`);
                slotOuter.append(slotInner);
                container.append(slotOuter);
            } else {
                $(container).find(`.inner-${currentLayer}`).append(`<div class="code_w_fixed ${packClass} "> ${prepareCode(pack.packCode)} </div>`);
            }
        });
    }
    if (pallet.stampLinks.length > 0) {
        pallet.stampLinks.forEach(function (stampLink) {
            let stampLinkClass = STAMPLINK_STATUS_DETAILS[stampLink.state].titleClass;
            let currentLayer = "PROD";
            let slotOuter = null;
            let slotInner = null;
            if ($(container).find(`.inner-${currentLayer}`).length === 0) {
                slotOuter = $(`<button class="pallet-btn pallet-outer-layer outer-${currentLayer}"/>`);
                slotInner = $(`<div class="pallet-inner-layer inner-${currentLayer}"/>`);
                slotOuter.append(slotInner);
                slotOuter.append(`<div class="layer-number layer-number-${currentLayer}">прод.</div>`);
                slotInner.append(`<div class="code_w_fixed ${stampLinkClass} "> ${prepareCode(stampLink.stampCode)} </div>`);
                slotOuter.append(slotInner);
                container.append(slotOuter);
            } else {
                $(container).find(`.inner-${currentLayer}`).append(`<div class="code_w_fixed ${stampLinkClass} "> ${prepareCode(stampLink.stampCode)} </div>`);
            }
        });
    }
    if (pallet.packs.length > 0 || pallet.stampLinks.length > 0) {
        $('#buttonPallet button').prop("disabled", false);
        $('#buttonLayer button').prop("disabled", false);
    } else {
        $('#buttonPallet button').prop("disabled", true);
        // $('#buttonLayer button').prop("disabled", true);
    }
    if (pallet.stateLayers) {
        pallet.stateLayers.forEach(layer => {
            container.find(".layer-number-" + layer.parentPosition)
                .removeClass("OK").removeClass("DEFECTIVE").removeClass("INCOMPLETE")
                .addClass(layer.state);
        })
    }
}

function showLastPallets(data) {
    var response = JSON.parse(data.body.toString());
    var pallets = response.items;
    $(".pallet-view-stack div").off("click");
    $(".pallet-view-stack").empty();
    pallets.forEach(function (pallet) {
        let palletNumber = getPalletNumberString(pallet);
        let o = `<div class="col-sm-2 text-center " data-alias="${pallet.id}" data-pallet-id="${pallet.id}" data-pallet-status="${pallet.status}"><i class="pallet-tile glyphicon ${PACK_STATUS_DETAILS[pallet.status].iconClass} ${PACK_STATUS_DETAILS[pallet.status].titleClass} "></i><br><span>${palletNumber}</span></div>`;
        $(".pallet-view-stack").append(o);
    });
    $(".pallet-view-stack div").on("click", viewPalletEditor);
}

function getCurrentPallet() {
    stompClient.send("/app/pallet");
}

function getPallet(id) {
    stompClient.send("/app/pallet/single", {}, id);
}

function getPallets() {
    stompClient.send("/app/pallet/last");
}

function getPalletNumberString(pallet) {
    if (pallet.palletCode) {
        return prepareCode(pallet.palletCode);
    }
    return "№ " + pallet.palletNumber;
}

function prepareCode(code) {
    if (code && code.length > 9) {
        return code.substr(0, 4) + "..." + code.substr(code.length - 5);
    }
    return code || PACK_CODE_EMPTY_STRING;
}

function palletViewReset() {
    if (currentPallet && currentLayer && currentPallet.layers == currentLayer.parentPosition && currentPallet.id == currentLayer.parentId && currentPallet.status == 'OK' ) {
        let pallet = currentPallet;
        pallet.status = 'CLEAR'
        Object.values(PACK_STATUS_DETAILS).forEach(function (packStatus) {
            $(".pallet-view-info").removeClass(packStatus.titleClass);
        });
        let palletStatus = pallet.status;
        let palletStatusDetails = PACK_STATUS_DETAILS[palletStatus];
        $("#pallet-code").html(PACK_CODE_EMPTY_STRING);
        $("#pallet-number").html(PACK_CODE_EMPTY_STRING);
        if (pallet.layers == 1) {
            $("#pallet-view-page .layerToPallet").addClass("hide");
        } else {
            $("#pallet-view-page .layerToPallet").removeClass("hide");
        }
        $("#pallet-count-layer").html(0 + " из " + pallet.layers);
        $("#pallet-count").html(0 + " из " + pallet.capacity);
        $("#pallet-count-product").html(0);
        $("#pallet-date").html(new Date().toLocaleString("ru", {}));
        $("#pallet-status").html(palletStatusDetails.title);
        $(".pallet-view-info").addClass(palletStatusDetails.titleClass);
        $('#palletId').val('null');
        fillPalletViewArea(pallet);
    }
}