function renderItemDetailbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, """);
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewItemDetail(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';
    buttonsHtml += '<button onclick="viewSuppDetail(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-envelope fa-xl" style="color: #0000FF;" aria-hidden="true"></i>' +
        '</button > ';

    buttonsHtml += '<button onclick="viewIndexCard(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-users-viewfinder fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function renderSupplierEditbtns(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSupplierById(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-pen-to-square fa-xl" style="color: #FFA500;" aria-hidden="true"></i>' +
        '</button > ';
    return buttonsHtml;
}
function renderSuppEditTagbtns(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewPRForTagging(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-user-tag fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';
    buttonsHtml += '<button onclick="viewSupplierById(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-pen-to-square fa-xl" style="color: #FFA500;" aria-hidden="true"></i>' +
        '</button > ';
    return buttonsHtml;
}
function renderSupplierbtns(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSupplierById(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function renderSupplierWObtns(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSuppDetail(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-envelope fa-xl" style="color: #0000FF;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function renderCanvassbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';

    if (row.supplierId == 1) {
        buttonsHtml += '<button onclick="viewItemWOEmail(' + jsonData + ')" class="btn btn-default">' +
            '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
            '</button > ';
    } else {
        buttonsHtml += '<button onclick="viewItem(' + jsonData + ')" class="btn btn-default">' +
            '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
            '</button > ';
    }

    return buttonsHtml;
}
function renderSupBidbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSuppBidPrice(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}
function renderSuppByItembtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewSuppBidding(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-thumbs-up fa-xl" style="color: #008000;" aria-hidden="true"></i>' +
        '</button > ';

    buttonsHtml += '<button onclick="viewIndexCard(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-users-viewfinder fa-xl" style="color: #FF0000;" aria-hidden="true"></i>' +
        '</button > ';

    buttonsHtml += '<button onclick="viewFormLink(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-link fa-xl" style="color: #0000FF;" aria-hidden="true"></i>' +
        '</button > ';

    buttonsHtml += '<button onclick="unlockFormLink(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-key fa-xl" style="color: #FFA500;" aria-hidden="true"></i>' +
        '</button > ';
    return buttonsHtml;
}
function renderWORespbtn(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';
    buttonsHtml += '<button onclick="viewWOResponseBySuppId(' + jsonData + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color:#008080;" aria-hidden="true"></i>' +
        '</button > ';
    return buttonsHtml;
}
function renderPRItem(data, row) {
    var jsonData = JSON.stringify(row).replace(/"/g, "&quot;");
    var buttonsHtml = '';

    buttonsHtml += '<button onclick="viewPRItemDetail(' + jsonData + ',' + false + ',' + true + ')" class="btn btn-default">' +
        '<i class="fa-solid fa-eye fa-xl" style="color: #008080;" aria-hidden="true"></i>' +
        '</button > ';

    return buttonsHtml;
}