let buttonSelectScore = 0;
let searchName = '';
let scoreMenuOn = false;
function scoremenu() {

    textSize(50)
    fill(255, 255, 255)
    text("Hi, dit is een scorescreen", width / 2, height / 2 - 100)
}

function keyPressed() {
    // Check if the back button was selected and the Enter key was pressed
    if (keyCode == ENTER && buttonSelectScore == 0) {
        scoreMenuOn = false;
    }
}

function homescreen() {
    textAlign(CENTER);
    button(255, 255, 255, width / 2 - 90, height / 2, 200, 40, "Start Game")
    button(255, 255, 255, width / 2 - 90, height / 2 + 50, 200, 40, "Scores")
    
    push()
    stroke(255, 255, 255)
    strokeWeight(5)
    fill(0, 255, 0, 0)
    rect(100, 150, 300, 400)
    pop()
    //highscores rectangle
    push()
    textSize(50)
    fill(255, 255, 255)
    text("Highscores", 250, 200)
    pop()

    push()
    fill(255, 255, 255)
    textSize(25)
    textAlign(CENTER)
    // if (requesteddata.length > 0) {
    //     text("1. " + requesteddata[0].Naam + ": " + requesteddata[0].Score, 250, 250)
    //     }    
    for (let i = 0; i < requesteddata.length; i++) {
        text(i + 1 + ". " + requesteddata[i].Naam + ": " + requesteddata[i].Score, 250, 250 + (i * 30))
    }
    pop()

    push()
    stroke(255, 255, 255)
    strokeWeight(5)
    fill(0, 255, 0, 0)
    rect(860, 150, 300, 400)
    pop()

    push()
    textSize(50)
    fill(255, 255, 255)
    text("Controls", 1000, 200)
    pop()
}

function button(r, g, b, buttonX, buttonY, buttonWidth, buttonHeight, buttonText) {
    push()
    fill(0, 0, 50)
    rect(buttonX, buttonY, buttonWidth, buttonHeight)
    textSize(25)
    fill(r, g, b)
    text(buttonText, buttonX + 100, buttonY + 30)
    textAlign(CENTER);
    // if (mouseX > buttonX - 90 && mouseX < width / 2 + 110 && mouseY > height / 2 && mouseY < buttonY + 40) {
    //     if (mouseIsPressed) {
    //         homescreenOn = false;
    //     }
    // }
    pop()
}

function pauseMenu(){
    textAlign(CENTER);
    button(255, 255, 255, width / 2 - 90, height / 2, 200, 40, "Resume")
    button(255, 255, 255, width / 2 - 90, height / 2 + 50, 200, 40, "Main Menu")
}