extends ../layout.pug

block head
	title Change Password

block content
	h1.board-title Change Password
	section.form-wrapper.flex-center.mv-10
		form.form-post(action='/forms/changepassword' method='POST')
			section.row
				.label Username
				input(type='text', name='username', maxlength='50' required)
			section.row
				.label Existing Password
				input(type='password', name='password', maxlength='100' required)
			section.row
				.label New Password
				input(type='password', name='newpassword', maxlength='100' required)
			section.row
				.label Confirm New Password
				input(type='password', name='newpasswordconfirm', maxlength='100' required)
			section.row
				.label Captcha
				span.col
					iframe.captcha(src='/captcha.html' width=200 height=110 scrolling='no')
					input(type='text', name='captcha', autocomplete='off' placeholder='captcha text' pattern=".{6}" required title='6 characters')
			input(type='submit', value='Change Password')
		p: a(href='/login.html') Login
		p: a(href='/register.html') Register