neiam /bismuth

{% extends "root.html" %}

{% block content %}
<div class="hero min-h-[70vh]">
    <div class="hero-content flex-col lg:flex-row-reverse">
        <div class="text-center lg:text-left">
            <h1 class="text-5xl font-bold">Log in</h1>
            <p class="py-6">Welcome back to {{ app_name }}.</p>
        </div>
        <div class="card shrink-0 w-full max-w-sm shadow-2xl bg-base-100">
            <form class="card-body" action="/auth/login" method="post" hx-boost="false">
                <div class="form-control">
                    <label class="label"><span class="label-text">Username</span></label>
                    <input type="text" name="username" placeholder="Username" class="input input-bordered" required autofocus/>
                </div>
                <div class="form-control">
                    <label class="label"><span class="label-text">Password</span></label>
                    <input type="password" name="password" placeholder="Password" class="input input-bordered" required/>
                </div>
                <div class="form-control mt-6">
                    <button class="btn btn-primary" type="submit"><i class="fas fa-sign-in-alt mr-2"></i> Log in</button>
                </div>
                <div class="text-center mt-4">
                    <p class="text-sm">Have an invite? <a href="/register" class="link link-primary">Register</a></p>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}