<%# Canopy - The next generation of stoner streaming software
Copyright (C) 2024-2025 Rainbownapkin and the TTN Community

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/>. %>

<!DOCTYPE html>
<html>
    <head>
        <%- include('partial/styles', {instance, user}); %>
        <%- include('partial/csrfToken', {csrfToken}); %>
        <link rel="stylesheet" type="text/css" href="/css/register.css">
        <link rel="stylesheet" type="text/css" href="/lib/altcha/altcha.css">
        <title><%= instance %> - Account Registration</title>
    </head>
    <body>
        <%- include('partial/navbar', {user}); %>
        <h1>Account Registration</h1>
        <h2 class="danger-text">Remember your password, you will need it for your first login!</h2>
        <form action="javascript:">
            <label>Username:</label>
            <input class="register-prompt" id="register-username" placeholder="Required">
            <label>Password:</label>
            <input class="register-prompt"  id="register-password" placeholder="Required" type="password">
            <label>Confirm Password:</label>
            <input class="register-prompt"  id="register-password-confirm" placeholder="Required" type="password">
            <label>Account Recovery Email:</label>
            <input class="register-prompt"  id="register-email" placeholder="Optional">
            <altcha-widget floating challengejson="<%= JSON.stringify(challenge) %>"></altcha-widget>
            <button id="register-button" class='positive-button'>Register</button>
        </form>
    </body>
    <footer>
        <%- include('partial/scripts', {user}); %>
        <script src="/js/register.js"></script>
        <script src="/lib/altcha/altcha.js" type="module"></script>
    </footer>
</html>
