function palletReceieve(data) {
    let pallet = JSON.parse(data.body.toString());
    console.log("palletReceieve", pallet)
    setTimeout(function () {
        getPallets(10, 0);

    }, 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);
    $("#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);
    fillPalletViewContainer(pallet);
    setTimeout(function () {
        getPallets(10, 0);

    }, 200);
}

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 fillPalletViewContainer(pallet) {
    console.log("fillPalletViewContainer");
    var container = $("#pallet-view-container");
    container.empty();
    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=" ${packClass} "> ${prepareCode(pack.packCode)} </div>`);
                slotOuter.append(slotInner);
                container.append(slotOuter);
            } else {
                $(container).find(`.inner-${currentLayer}`).append(`<div class=" ${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=" ${stampLinkClass} "> ${prepareCode(stampLink.stampCode)} </div>`);
                slotOuter.append(slotInner);
                container.append(slotOuter);
            } else {
                $(container).find(`.inner-${currentLayer}`).append(`<div class=" ${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);
    }
}

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} "/><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;
}