from flask import Flask, request
import sqlite3


app = Flask(__name__)


STYLE = """
<style>
  body {
    background: #0f172a;
    color: #e5e7eb;
    font-family: system-ui, sans-serif;
    max-width: 640px;
    margin: 3rem auto;
    padding: 0 1rem;
    line-height: 1.6;
  }
  a, button {
    display: inline-block;
    border: 1px solid #334155;
    border-radius: 8px;
    padding: .45em 1em;
    margin: .3em .3em 0 0;
    background: #1e293b;
    color: #e5e7eb;
    text-decoration: none;
    font: inherit;
    cursor: pointer;
  }
  input {
    padding: .45em .7em;
    border-radius: 8px;
    border: 1px solid #334155;
    background: #020617;
    color: #e5e7eb;
  }
</style>
"""


def get_db():
    db = sqlite3.connect("adventure.db")
    db.row_factory = sqlite3.Row
    return db


@app.route("/")
def start():
    return STYLE + '<h1>Stadion Escape</h1><a href="/app/raum/stadiontor">Abenteuer starten</a>'


@app.route("/raum/<raum_id>", methods=["GET", "POST"])
@app.route("/app/raum/<raum_id>", methods=["GET", "POST"])
def raum(raum_id):
    db = get_db()
    r = db.execute("SELECT * FROM raeume WHERE id=?", (raum_id,)).fetchone()

    if r is None:
        db.close()
        return STYLE + '<h1>Raum nicht gefunden</h1><a href="/app/">Zurück zum Start</a>', 404

    if r["raetsel_frage"]:
        if request.method == "POST":
            antwort = request.form["antwort"].strip().lower()
            richtige_antwort = r["raetsel_antwort"].strip().lower()
            db.close()

            if antwort == richtige_antwort:
                return STYLE + "<h1>Geschafft!</h1><p>Die Nordkurve feiert mit dir.</p>"
            return STYLE + (
                '<h1>Leider falsch</h1>'
                '<p>Erwin schüttelt den Kopf. Die Botschaft stimmt noch nicht.</p>'
                '<a href="/app/raum/' + raum_id + '">Nochmal versuchen</a>'
            )

        html = "<h1>" + r["name"] + "</h1>"
        html += "<p>" + r["beschreibung"] + "</p>"
        html += '<form method="post">'
        html += "<p>" + r["raetsel_frage"] + "</p>"
        html += '<input name="antwort" autocomplete="off">'
        html += "<button>OK</button>"
        html += "</form>"
        db.close()
        return STYLE + html

    ausgaenge = db.execute(
        "SELECT richtung, nach_raum FROM ausgaenge WHERE von_raum=?",
        (raum_id,),
    ).fetchall()
    db.close()

    html = "<h1>" + r["name"] + "</h1>"
    html += "<p>" + r["beschreibung"] + "</p>"
    for a in ausgaenge:
        html += '<a href="/app/raum/' + a["nach_raum"] + '">'
        html += a["richtung"]
        html += "</a> "

    return STYLE + html


if __name__ == "__main__":
    app.run(host="0.0.0.0", port=9000)