const table_wrapper =
"<div class='container'>"+
    "<div class='row portfolio-item'>"+
        "<div class='col-12 col-md-6 p0'><p class='ecoRail'>Halı</p><div id='rulo_carpet'></div></div>"+
        "<div class='col-12 col-md-6 p0'><p class='ecoRail'>PVC</p><div id='pvc'></div></div>"+
    "</div>"+
    "<p>Halı Rulo Çapları 60 cm ye göre ölçülendirilmiştir.</p>"+
    "<p>PVC Rulo Çapları 30 cm ye göre ölçülendirilmiştir.</p>"+
    "<p>N: Rulo Sayısı&nbsp;&nbsp;&nbsp;H: Yükseklik&nbsp;&nbsp;&nbsp;RS: Rulo Ebadı</p>"+
    "<p>Ölçüler cm</p>"+
"</div>";

function createTableCarpet(){
    const table = [
        {"N": 7,  "H":270, "RS: 200cm":"AC 20007", "RS: 300cm":"AC 30007", "RS: 400cm":"AC 40007"},
        {"N": 8,  "H":310, "RS: 200cm":"AC 20008", "RS: 300cm":"AC 30008", "RS: 400cm":"AC 40008"},
        {"N": 9,  "H":350, "RS: 200cm":"AC 20009", "RS: 300cm":"AC 30009", "RS: 400cm":"AC 40009"},
        {"N": 10, "H":390, "RS: 200cm":"AC 20010", "RS: 300cm":"AC 30010", "RS: 400cm":"AC 40010"},
        {"N": 11, "H":430, "RS: 200cm":"AC 20011", "RS: 300cm":"AC 30011", "RS: 400cm":"AC 40011"},
        {"N": 12, "H":470, "RS: 200cm":"AC 20012", "RS: 300cm":"AC 30012", "RS: 400cm":"AC 40012"},
        {"N": 13, "H":510, "RS: 200cm":"AC 20013", "RS: 300cm":"AC 30013", "RS: 400cm":"AC 40013"},
        {"N": 14, "H":550, "RS: 200cm":"AC 20014", "RS: 300cm":"AC 30014", "RS: 400cm":"AC 40014"},
        {"N": 15, "H":590, "RS: 200cm":"AC 20015", "RS: 300cm":"AC 30015", "RS: 400cm":"AC 40015"},
        {"N": 16, "H":630, "RS: 200cm":"AC 20016", "RS: 300cm":"AC 30016", "RS: 400cm":"AC 40016"},
        {"N": 17, "H":670, "RS: 200cm":"AC 20017", "RS: 300cm":"AC 30017", "RS: 400cm":"AC 40017"},
        {"N": 18, "H":710, "RS: 200cm":"AC 20018", "RS: 300cm":"AC 30018", "RS: 400cm":"AC 40018"},
        {"N": 19, "H":750, "RS: 200cm":"AC 20019", "RS: 300cm":"AC 30019", "RS: 400cm":"AC 40019"},
    ];
    document.getElementById("rulo_carpet").innerHTML = jsonToHtmlTable(table);
}

function createTablePVC(){
    const table = [
        {"N": 12, "H":270, "RS: 200cm":"AP 20012", "RS: 300cm":"AP 30012", "RS: 400cm":"AP 40012"},
        {"N": 14, "H":310, "RS: 200cm":"AP 20014", "RS: 300cm":"AP 30014", "RS: 400cm":"AP 40014"},
        {"N": 16, "H":350, "RS: 200cm":"AP 20016", "RS: 300cm":"AP 30016", "RS: 400cm":"AP 40016"},
        {"N": 18, "H":390, "RS: 200cm":"AP 20018", "RS: 300cm":"AP 30018", "RS: 400cm":"AP 40018"},
        {"N": 20, "H":430, "RS: 200cm":"AP 20020", "RS: 300cm":"AP 30020", "RS: 400cm":"AP 40020"},
        {"N": 22, "H":470, "RS: 200cm":"AP 20022", "RS: 300cm":"AP 30022", "RS: 400cm":"AP 40022"},
        {"N": 24, "H":510, "RS: 200cm":"AP 20024", "RS: 300cm":"AP 30024", "RS: 400cm":"AP 40024"},
        {"N": 26, "H":550, "RS: 200cm":"AP 20026", "RS: 300cm":"AP 30026", "RS: 400cm":"AP 40026"},
        {"N": 28, "H":590, "RS: 200cm":"AP 20028", "RS: 300cm":"AP 30028", "RS: 400cm":"AP 40028"},
        {"N": 30, "H":630, "RS: 200cm":"AP 20030", "RS: 300cm":"AP 30030", "RS: 400cm":"AP 40030"},
        {"N": 32, "H":670, "RS: 200cm":"AP 20032", "RS: 300cm":"AP 30032", "RS: 400cm":"AP 40032"},
        {"N": 34, "H":710, "RS: 200cm":"AP 20034", "RS: 300cm":"AP 30034", "RS: 400cm":"AP 40034"},
        {"N": 36, "H":750, "RS: 200cm":"AP 20036", "RS: 300cm":"AP 30036", "RS: 400cm":"AP 40036"},
    ];
    document.getElementById("pvc").innerHTML = jsonToHtmlTable(table);
}

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

createTableCarpet();
createTablePVC();