<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Sign Up</title>
    <link rel="stylesheet" href="/static/css/main.css">
</head>
<body>
    <div class="headerbar">
        <a href="/">HectaMail</a>
        <a class="main" href="/register">Sign up</a>
        <a href="/account">Account</a>
    </div>
    <div class="content">
        <h1>Register an Email Account</h1>
        <form method="POST" action="/register/api">
            <label for="username">Username</label>
	    <div class="spacer">
                <input type="text" name="username" required="">
	    </div>
            <br>
	    <div class="Password">
                <label for="password">Password</label>
	        <div class="spacer">
                    <input type="password" name="password" required="">
	        </div>
	    </div>
<br>
    
    	<div class="spacer">
                <label for="password">CAPTCHA</label>
	        <div class="spacer">
				            <img src="data:image/png;base64,{{ captcha_image }}" alt="Captcha">
	</div>
	        <div class="spacer">
                    <input required="" name="captcha" type="text">
	        </div>
	    </div>
            <br>
            <input type="hidden" name="unique_token" value="{{ unique_token }}">
            <input type="submit" value="Register">
        </form>
    </div>
<style type="text/css"></style></body></html>
