bsw/jbe@1309: local id = param.get_id()
bsw/jbe@1309: local verification = Verification:by_id(id)
bsw/jbe@1309: local invalid_pin = param.get("invalid_pin", atom.boolean)
bsw/jbe@1309: 
bsw/jbe@1309: ui.title(_"Self registration")
bsw/jbe@1309: app.html_title.title = _"Self registration"
bsw/jbe@1309: 
bsw/jbe@1309: ui.container{ attr = { class = "mdl-grid" }, content = function()
bsw/jbe@1309:   ui.container{ attr = { class = "mdl-cell mdl-cell--12-col" }, content = function()
bsw/jbe@1309: 
bsw/jbe@1309:     ui.heading{ content = _"PIN page" }
bsw/jbe@1309:     slot.put("<br />")
bsw/jbe@1309:     ui.container { content = _"You should receive a PIN code via SMS shortly. Please enter the PIN." }
bsw/jbe@1309:     
bsw/jbe@1309:     if invalid_pin then
bsw/jbe@1309:       slot.put("<br />")
bsw/jbe@1309:       ui.container { attr = { class = "warning" }, content = _"Invalid PIN, please try again!" }
bsw/jbe@1309:       slot.put("<br />")
bsw/jbe@1309:     end
bsw/jbe@1309: 
bsw/jbe@1309:     ui.form{
bsw/jbe@1309:       module = "registration", action = "register_pin", id = verification.id,
bsw/jbe@1309:       content = function()
bsw/jbe@1309:         ui.field.text{
bsw/jbe@1309:           container_attr = { class = "mdl-textfield mdl-js-textfield mdl-textfield--floating-label" },
bsw/jbe@1309:           attr = { id = "pin", class = "mdl-textfield__input", autofocus = "autofocus" },
bsw/jbe@1309:           label_attr = { class = "mdl-textfield__label", ["for"] = "pin" },
bsw/jbe@1309:           label = "PIN code",
bsw/jbe@1309:           name = "pin"
bsw/jbe@1309:         }
bsw/jbe@1309: 
bsw/jbe@1309:         slot.put("<br />")
bsw/jbe@1309:     
bsw/jbe@1309:         ui.tag{
bsw/jbe@1309:           tag = "input",
bsw/jbe@1309:           attr = {
bsw/jbe@1309:             type = "submit",
bsw/jbe@1309:             class = "mdl-button mdl-js-button mdl-button--raised mdl-button--colored",
bsw/jbe@1309:             value = _"Proceed with registration"
bsw/jbe@1309:           }
bsw/jbe@1309:         }
bsw/jbe@1309: 
bsw/jbe@1309:         slot.put("<br /><br />")
bsw/jbe@1309:         
bsw/jbe@1309:         ui.heading{ content = _"No PIN code received?" }
bsw/jbe@1309:         slot.put("<br />")
bsw/jbe@1309:         ui.container { content = _"If you have not received a PIN code, our team will need to check your registration manually. We will be in touch within two working days. Please accept our apologies for the inconvenience." }
bsw/jbe@1309:         
bsw/jbe@1309:         slot.put("<br />")
bsw/jbe@1309:         
bsw/jbe@1309:         ui.tag{
bsw/jbe@1309:           tag = "input",
bsw/jbe@1309:           attr = {
bsw/jbe@1309:             name = "manual_verification",
bsw/jbe@1309:             type = "submit",
bsw/jbe@1309:             class = "mdl-button mdl-js-button mdl-button--raised",
bsw/jbe@1309:             value = _"Start manual verification"
bsw/jbe@1309:           }
bsw/jbe@1309:         }
bsw/jbe@1309: 
bsw/jbe@1309:       end
bsw/jbe@1309:     }
bsw/jbe@1309:     
bsw/jbe@1309:     
bsw/jbe@1309:   end }
bsw/jbe@1309: end }