neiam /dms

{% extends "root.html" %}

{% block inner %}
<div class="hero min-h-screen bg-base-200">
    <div class="hero-content flex-col lg:flex-row-reverse">
        <div class="text-center lg:text-left">
            <h1 class="text-5xl font-bold">Login</h1>
            <p class="py-6">Access your dank macro stash.</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">
                <div class="flex flex-col">
                    <label class="label">Username</label>
                    <input 
                        type="text" 
                        name="username" 
                        placeholder="Username" 
                        class="input" 
                        required 
                        autofocus
                    />
                </div>
                <div class="flex flex-col">
                    <label class="label">Password</label>
                    <input 
                        type="password" 
                        name="password" 
                        placeholder="Password" 
                        class="input" 
                        required 
                    />
                </div>
                <div class="flex flex-col mt-6">
                    <button class="btn btn-primary" type="submit">
                        <i class="fas fa-sign-in-alt mr-2"></i>
                        Login
                    </button>
                </div>
                <div class="text-center mt-4">
                    <p class="text-sm">
                        Don't have an account? 
                        <a href="/register" class="link link-primary">Register here</a>
                    </p>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}