<script lang="ts">
    import "../app.css";
    import type { PageProps } from "./$types";

    let { form }: PageProps = $props();
</script>

<div class="min-h-screen flex items-center justify-center bg-base-200">
    <div class="card bg-base-100 w-full max-w-sm shadow-xl">
        <div class="card-body gap-4">
            {#if form?.error}
                <div role="alert" class="alert alert-error">
                    <span>{form.error}</span>
                </div>
            {/if}

            <form method="POST" class="flex flex-col gap-4">
                <label class="floating-label">
                    <input
                        type="password"
                        name="password"
                        placeholder="Password"
                        class="input input-bordered w-full"
                        required
                    />
                    <span>Password</span>
                </label>

                <button type="submit" class="btn btn-primary w-full">
                    Sign in
                </button>
            </form>
        </div>
    </div>
</div>
