const table_wrapper =
"<div class='container'>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_2A'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_2L'></div></div>"+
    "</div>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_6A'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_9A'></div></div>"+
    "</div>"+
    "<p>W: Genişlik&nbsp;&nbsp;&nbsp;H: Yükseklik&nbsp;&nbsp;&nbsp;D: Derinlik</p>"+
    "<p>Ölçüler cm</p>"+
"</div>";

const h_2A = [202,255,255,272,322]
const h_6A = [200,255,255,270,320]
const h_9A = [187,237,237,257,325]

const w_2A = [150,180,190,200,230]
const w_6A = [136,161,171,181,211]
const w_9A = [128,158,168,178,208]

const d_2A = [50,50]
const d_6A = [100,100]
const d_9A = [76,90]

function createTable(Model,Code,L,Height,Width,Depth){
    const table = [
        {"Model": "",    "Ebat":"120x180", "Kod":"AK " + Code+'1'+L, "W":Width[0], "H":Height[0], "D":Depth[0]},
        {"Model": "",    "Ebat":"150x230", "Kod":"AK " + Code+'2'+L, "W":Width[1], "H":Height[1], "D":Depth[0]},
        {"Model": Model, "Ebat":"160x230", "Kod":"AK " + Code+'3'+L, "W":Width[2], "H":Height[2], "D":Depth[0]},
        {"Model": "",    "Ebat":"170x250", "Kod":"AK " + Code+'4'+L, "W":Width[3], "H":Height[3], "D":Depth[0]},
        {"Model": "",    "Ebat":"200x300", "Kod":"AK " + Code+'5'+L, "W":Width[4], "H":Height[4], "D":Depth[1]},
    ];
    document.getElementById("table_"+Model).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("2A", 120," A", h_2A, w_2A, d_2A);
createTable("2L", 120," L", h_2A, w_2A, d_2A);
createTable("6A", 160,""  , h_6A, w_6A, d_6A);
createTable("9A", 190,""  , h_9A, w_9A, d_9A);