const table_wrapper =
"<div class='container'>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P1'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P2'></div></div>"+
    "</div>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P3'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P4'></div></div>"+
    "</div>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P5'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P6'></div></div>"+
    "</div>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P7'></div></div>"+
        "<div class='col-12 col-md-6 p0'><div id='table_P8'></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 c_P1 = [1100,1101,1103]
const c_P2 = [1106,1107,1108]
const c_P3 = [1110,1111,1113]
const c_P4 = [1116,1117,1118]
const c_P7 = [1121,1122,1123]

const h_P1 = [237,217,267]
const h_P3 = [200,200,200]
const h_P4 = [255,255,255]

const w_P1 = [111,131,171]
const w_P3 = [114,134,174]
const w_P4 = [115,135,175]

function createTable(Model,Code,Height,Width,Depth){
    const table = [
        {"Model": "",   "Ebat":"100x200", "Kod":"AK " + Code[0], "W":Width[0], "H":Height[0], "D":Depth},
        {"Model": Model,"Ebat":"120x180", "Kod":"AK " + Code[1], "W":Width[1], "H":Height[1], "D":Depth},
        {"Model": "",   "Ebat":"160x230", "Kod":"AK " + Code[2], "W":Width[2], "H":Height[2], "D":Depth},
    ];
    document.getElementById("table_"+Model).innerHTML = jsonToHtmlTable(table);
}

function createTableP5(Model,Code,Height,Width,Depth){
    const table = [
        {"Model": "",   "Ebat":"1. 100x200", "Kod":"",           "W":"",    "H":"",     "D":""},
        {"Model": Model,"Ebat":"2. 120x180", "Kod":"AK " + Code, "W":Width, "H":Height, "D":Depth},
        {"Model": "",   "Ebat":"3. 160x230", "Kod":"",           "W":"",    "H":"",     "D":""},
    ];
    document.getElementById("table_"+Model).innerHTML = jsonToHtmlTable(table);
}

function createTableP8(Model){
    const table = [
        {"Model": "",   "Ebat":"100 cm", "Kod":"AK 1125", "W":115, "H":140, "D":50},
        {"Model": Model,"Ebat":"150 cm", "Kod":"AK 1126", "W":165, "H":170, "D":50},
        {"Model": "",   "Ebat":".",      "Kod":"",        "W":"",  "H":"",  "D":""},
    ];
    document.getElementById("table_"+Model).innerHTML = jsonToHtmlTable(table);
}

document.getElementById("table_wrapper").innerHTML = table_wrapper;
createTable("P1", c_P1, h_P1, w_P1, 62);
createTable("P2", c_P2, h_P1, w_P1, 62);
createTable("P3", c_P3, h_P3, w_P3, 75);
createTable("P4", c_P4, h_P4, w_P4, 50);
createTableP5("P5", 1119, 155, 160, 40);
createTableP5("P6", 1120, 255, 185, 50);
createTable("P7", c_P7, h_P4, w_P4, 50);
createTableP8("P8");