const table_wrapper =
    "<div class='container'>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'><div id='table_80x150'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_150x230'></div></div>"+
        "</div>"+
        "<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_140x200'></div></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_170x250'></div></div>"+
        "</div>"+
        "<div class='row portfolio-item'>"+
            "<div class='col-12 col-md-6 p0'></div>"+
            "<div class='col-12 col-md-6 p0'><div id='table_200x300'></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 = [139,200,293,385]
const w2_80 = [235,290,383,475]
const w2_120 = [288,339,432,524]
const w2_140 = [315,364,457,549]
const w2_150 = [328,376,469,561]
const w2_160 = [340,388,481,573]
const w2_170 = [354,401,494,586]
const w2_200 = [393,438,531,623]

function createTable(Carpet,Code,Height,Width1,Width2,Depth1){
    const table = [
        {"Ebat": "",    "Kod":"MEKS "+Code+'1', "A/C":"20/40", "W1/W2": Width1[0]+"/"+Width2[0], "H":Height, "D":Depth1},
        {"Ebat": Carpet,"Kod":"MEKS "+Code+'2', "A/C":"30/60", "W1/W2": Width1[1]+"/"+Width2[1], "H":Height, "D":Depth1},
        {"Ebat": "",    "Kod":"MEKS "+Code+'3', "A/C":"45/90", "W1/W2": Width1[2]+"/"+Width2[2], "H":Height, "D":Depth1},
        {"Ebat": "",    "Kod":"MEKS "+Code+'4', "A/C":"60/120","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("80x150" ,8 ,175, w1, w2_80,  100);
createTable("120x180",12,205, w1, w2_120, 140);
createTable("140x200",14,225, w1, w2_140, 160);
createTable("150x230",15,255, w1, w2_150, 170);
createTable("160x230",16,255, w1, w2_160, 180);
createTable("170x250",17,275, w1, w2_170, 190);
createTable("200x300",20,325, w1, w2_200, 220);