const table_wrapper =
    "<div class='container'>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_120x180'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_160x230'></div></div>"+
        "</div>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_150x230'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_170x250'></div></div>"+
        "</div>"+
        "<p>A/C: Kol-Kapasite</p>"+
        "<p>W1: Kapalı Genişlik / W2: Açık Genişlik</p>"+
        "<p>H: Yükseklik&nbsp;&nbsp;&nbsp;D: Derinlik</p>"+
        "<p>Ölçüler cm</p>"+
    "</div>";

const w1 = [101,176,251,326]
const w2_120 = [296,371,446,521]
const w2_150 = [351,426,501,576]
const w2_160 = [369,444,519,594]
const w2_170 = [387,462,537,612]

function createTable(Carpet,Code,Height,Width1,Width2,Depth1){
    const table = [
        {"Ebat": "",    "Kod":"PLS "+Code+'1', "A/C":"5/20",  "W1/W2": Width1[0]+"/"+Width2[0], "H":Height, "D":Depth1},
        {"Ebat": Carpet,"Kod":"PLS "+Code+'2', "A/C":"10/40", "W1/W2": Width1[1]+"/"+Width2[1], "H":Height, "D":Depth1},
        {"Ebat": "",    "Kod":"PLS "+Code+'3', "A/C":"15/60", "W1/W2": Width1[2]+"/"+Width2[2], "H":Height, "D":Depth1},
        {"Ebat": "",    "Kod":"PLS "+Code+'4', "A/C":"20/80", "W1/W2": Width1[3]+"/"+Width2[3], "H":Height, "D":Depth1},
    ];
    document.getElementById("table_"+Carpet).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("120x180",12,198, w1, w2_120, 142);
createTable("150x230",15,248, w1, w2_150, 172);
createTable("160x230",16,248, w1, w2_160, 182);
createTable("170x250",17,268, w1, w2_170, 192);