from datetime import datetime

from pyscript import document, when


RECOMMENDATIONS = {
    "support": (
        "Börja med ett tydligt supportunderlag",
        "Välj ett återkommande fel och samla påverkan, observationer och säkra kontroller i ett gemensamt underlag innan ärendet lämnas vidare.",
    ),
    "flow": (
        "Börja med en överlämning som ofta brister",
        "Visa händelsen, ansvarig roll, mottagande och nästa steg så att informationen kan följas mellan skift utan fler muntliga kedjor.",
    ),
    "network": (
        "Börja med en avgränsad lägesbild",
        "Välj en plats och några godkända tjänster eller enheter. Skilj mätning från observation och översätt resultatet till ett begripligt nästa steg.",
    ),
    "system": (
        "Börja med en process, inte hela systemet",
        "Modellera ett verkligt flöde, sätt roller och låt varje användare se den information och de åtgärder som behövs för uppgiften.",
    ),
}


@when("click", ".choice")
def choose(event):
    key = event.currentTarget.getAttribute("data-need")
    title, text = RECOMMENDATIONS[key]
    for button in document.querySelectorAll(".choice"):
        button.classList.remove("selected")
        button.setAttribute("aria-pressed", "false")
    event.currentTarget.classList.add("selected")
    event.currentTarget.setAttribute("aria-pressed", "true")
    recommendation = document.querySelector("#recommendation")
    recommendation.innerHTML = f"<h3>{title}</h3><p>{text}</p>"

document.querySelector("#profile-year").textContent = str(datetime.now().year)