"use strict";

import { RaisingRule } from "/models/game_rules.js";
import Session from "/models/session.js";

export default class SessionHead {
  /** The attributes a `SessionHead` component can handle.
   *
   * @typedef {Object} SessionHeadAttrs
   * @property {Session} model The session model to use.
   * @property {boolean} noteNextGame
   * If set, show a message that rules only come into effect for the next game.
   */

  /** @param {{ attrs: SessionHeadAttrs }} param Parameters for the component */
  view({ attrs: { model, noteNextGame } }) {
    return m("section", [
      m("h3._positioned", "Satzeinstellungen"),
      noteNextGame
        ? m("p",
          "Obacht, wennst di Regln ändast, geltn di neien erst fürs naxte ",
          "Spiel."
        )
        : null,
      m("section", [
        m("h4", "Teamnamen"),
        m("label.wb-field", [
          m("span.label", "Nam von eana"),
          m("input.field", {
            placeholder: "Se",
            value: model.theirTeam,
            oninput: (e) => model.theirTeam = e.target.value,
          }),
        ]),
        m("label.wb-field", [
          m("span.label", "Nam von ins"),
          m("input.field", {
            placeholder: "Mia",
            value: model.ourTeam,
            oninput: (e) => model.ourTeam = e.target.value,
          }),
        ]),
      ]),
      m("section", [
        m("h4", "Grundregln"),
        m("label.wb-field", [
          m("span.label", "Punkte zum gwinna"),
          m("input.field", {
            placeholder: "mindestns 1",
            type: "number",
            value: model.rules.goal,
            onchange: (e) => {
              let num = parseInt(e.target.value);
              if (!isNaN(num) && num >= 1)
                model.rules.goal = num;
              else
                alert("Es Punkteziel muas a Nummer größer als null sein.");
            },
          }),
        ]),
      ]),
      m("section", [
        m("h4", "Erhöhn"),
        m("label.wb-field.-selectable", [
          m("input.field", {
            type: "radio",
            checked: model.rules.raising === RaisingRule.UnlessStricken,
            oninput: () => model.rules.raising = RaisingRule.UnlessStricken,
          }),
          m("span.label", "Außa wenn gstrichn"),
          m("span.description", [
            "Di Spiela kennen di Punkte erhöhn, so viel wia's wolln, außa " +
            "wenn's scho gstrichn sen.",
            m("br"),
            m("em", "So steht's in di Regln von da Tirola Wattagmeinschaft"),
          ]),
        ]),
        m("label.wb-field.-selectable", [
          m("input.field", {
            type: "radio",
            checked: model.rules.raising === RaisingRule.UntilEnough,
            oninput: () => model.rules.raising = RaisingRule.UntilEnough,
          }),
          m("span.label", "Bis es langt"),
          m("span.description", [
            "Di Spiela kennen so lang di Punkte erhöhn, bis se mit am Sieg " +
            "in da Rundn es ganze Spiel gwonnen hättn.",
          ])
        ]),
      ]),
    ])
  }
}