import generateElement from "../modules/generateElement"
import menuImg from '../img/menu.jpg';

export default function() {
    const contentDiv = document.createElement("div");
    contentDiv.id = "content";    

    const start = generateElement({element:"section", id: "start"});
    let menuImgTag = new Image();
    menuImgTag.src = menuImg;
    const titleH1 = generateElement({element:"h1", textContent: "Menu"});
    let span = generateElement({element:"span", textContent: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus pariatur eum ipsa necessitatibus explicabo sapiente illum! Iusto maxime veniam nihil deserunt quia soluta, doloremque beatae distinctio totam quibusdam quisquam velit?"});

    start.append(menuImgTag, titleH1, span);

    contentDiv.append(start);


    for (let i = 0; i < 4; i++) {
        let s = generateElement({element:"section", className: "showcase"});
        let menuImgTag = new Image();
        menuImgTag.src = menuImg;
        let span = generateElement({element:"span", textContent: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus pariatur eum ipsa necessitatibus explicabo sapiente illum! Iusto maxime veniam nihil deserunt quia soluta, doloremque beatae distinctio totam quibusdam quisquam velit?"});
        if (i % 2 == 0) {
            s.append(menuImgTag, span);
        } else {
            s.append(span, menuImgTag);
        }
        contentDiv.append(s);
    }
    return contentDiv;
}