<%# 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/login.css">
        <link rel="stylesheet" type="text/css" href="/lib/altcha/altcha.css">
        <title><%= instance %> - Log-In</title>
    </head>
    <body>
        <%- include('partial/navbar', {user}); %>
        <h2>User Login</h2>
        <% if(challenge != null){ %>
            <h3 class="danger-text">Multiple failed attempts detected!</h3>
            <p class="danger-text">Please complete verification challenge to continue!</p>
        <% } %>
        <form action="javascript:">
            <label>Username:</label>
            <input class="login-page-prompt" id="login-page-username" placeholder="Required">
            <label>Password:</label>
            <input class="login-page-prompt"  id="login-page-password" placeholder="Required" type="password">
            <% if(challenge != null){ %>
                <altcha-widget challengejson="<%= JSON.stringify(challenge) %>"></altcha-widget>
            <% } %>
            <span><label>Remember Me:</label><input class="login-page" id="login-page-remember-me" type="checkbox"></span>
            <a href="/register">Create New Account</a>
            <a href="/passwordReset">Forgot Password</a>
            <button id="login-page-button" class='positive-button'>Login</button>
        </form>
    </body>
    <footer>
        <%- include('partial/scripts', {user}); %>
        <script src="/js/login.js"></script>
        <script src="/lib/altcha/altcha.js" type="module"></script>
    </footer>
</html>
