import m from "mithril"
import {Form, iForm} from "./widgets/form"
import { Input, iInput} from "./widgets/inputs"

export const kunde: m.Component = {
    view: (vnode) => {
        return m("div.w3-container.w3-twothird", 
            m("h1", "Kundenstammblatt"),
            m(Form, {showButtons: true, onsubmit: (null), oncancel: (null)} as iForm, [
                m("label", "Kundenname (ganz neu)", m(Input, {name: "kundenname", value: "Musterfirma GmbH", type: "text"} as iInput)),
                m("label", "Straße", m(Input, {name: "strasse", value: "Musterstraße 1", type: "text"} as iInput))  ,
                m("label", "PLZ", m(Input, {name: "plz", value: "12345", type: "text"} as iInput)),
                m("label", "Ort", m(Input, {name: "ort", value: "Musterstadt", type: "text"} as iInput)),
                m("label", "Land", m(Input, {name: "land", value: "Deutschland", type: "text"} as iInput))
            ])  
        )
    }
}