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

const w1 = [75,140,205,270]
const w2_60 = [93,162,227,292]
const w2_80 = [103,168,233,298]
const w2_100 = [113,178,243,308]
const w2_120 = [123,188,253,318]

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

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("60x60",6,95, w1, w2_60, 95,165);
createTable("60x80",8,115, w1, w2_80, 95,165);
createTable("60x100",10,134, w1, w2_100, 95,165);
createTable("60x120",12,153, w1, w2_120, 95,165);