import { display_card } from './flashcards.js';

var card_number = "0";

const nav = document.querySelector("nav");
const buttons = document.querySelector("buttons");
console.log("Card value: null");
const card = document.querySelector("card");
console.log("Card value:",card);

const menu_items=
    [
		"Language", "/hungary/language/language.html",
		"Homework", "/hungary/language/homework/lesson1.html",
		"Complete Hungarian Course", "/hungary/language/udemy/section1.html",
		"Culture", "/hungary/culture/culture.html",
		"Hungary", "/hungary/hungary.html",
		"Home", "/index.html"
	];

	const newButtonGroup = document.createElement("div")
	newButtonGroup.classList.add("btngroup")
	for (let index=0; index < menu_items.length; index=index+2) {
		let button=menu_items[index];
		let url="window.location.href='" + menu_items[index+1] + "'"
		let buttonItem = document.createElement("button");
		buttonItem.classList.add("button")
		buttonItem.setAttribute("onclick", url)
		buttonItem.innerHTML = `
			${button}
		`
		newButtonGroup.append(buttonItem)
	}
    console.log(newButtonGroup);

console.log(newButtonGroup);
nav.append(newButtonGroup);

let buttonH = document.createElement("button");
buttonH.setAttribute("onclick", display_card("000001"));
buttonH.innerHTML = `HUNGARIAN`;

let buttonE = document.createElement("button");
buttonE.setAttribute("onclick", display_card("000002"))
buttonE.innerHTML = `ENGLISH;`;

card.append(buttonH);
card.append(buttonE);