const table_wrapper =
"<div class='container'>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 p0'><p class='ecoRail'>Tek Yönlü</p></div>"+
        "<div class='col-12 col-md-4 p0'><div id='single_400cm'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='single_300cm'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='single_200cm'></div></div>"+
    "</div>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 p0'><p class='ecoRail'>Çift Yönlü</p></div>"+
        "<div class='col-12 col-md-4 p0'><div id='double_400cm'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='double_300cm'></div></div>"+
        "<div class='col-12 col-md-4 p0'><div id='double_200cm'></div></div>"+
    "</div>"+
    "<p>N: Rulo Sayısı</p>"+
    "<p>W: Genişlik&nbsp;&nbsp;&nbsp;H: Yükseklik&nbsp;&nbsp;&nbsp;D: Derinlik</p>"+
    "<p>Ölçüler cm</p>"+
"</div>";

const sC400 = ["01","02","03"];
const sC300 = ["04","05","06"];
const sC200 = ["07","08","09"];

const sH = ["275","340","405"];
const dH = ["285","350","415"];

const dC400 = ["13","14","15"];
const dC300 = ["16","17","18"];
const dC200 = ["19","20","21"];

function createTableSingle(Carpet,Code,Height,Width){
    const table = [
        {"Ebat": "",    "Kod":"RLS "+Code[0],"N":4, "W": Width, "H":Height[0], "D":100},
        {"Ebat": Carpet,"Kod":"RLS "+Code[1],"N":5, "W": Width, "H":Height[1], "D":120},
        {"Ebat": "",    "Kod":"RLS "+Code[2],"N":6, "W": Width, "H":Height[2], "D":120},
    ];
    document.getElementById("single_"+Carpet).innerHTML = jsonToHtmlTable(table);
}

function createTableDouble(Carpet,Code,Height,Width){
    const table = [
        {"Ebat": "",    "Kod":"RLS "+Code[0],"N":8 , "W": Width, "H":Height[0], "D":172},
        {"Ebat": Carpet,"Kod":"RLS "+Code[1],"N":10, "W": Width, "H":Height[1], "D":172},
        {"Ebat": "",    "Kod":"RLS "+Code[2],"N":12, "W": Width, "H":Height[2], "D":172},
    ];
    document.getElementById("double_"+Carpet).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;

createTableSingle("400cm", sC400, sH, 440);
createTableSingle("300cm", sC300, sH, 340);
createTableSingle("200cm", sC200, sH, 240);

createTableDouble("400cm", dC400, dH, 440);
createTableDouble("300cm", dC300, dH, 340);
createTableDouble("200cm", dC200, dH, 240);