<template>
    <GuestLayout>
        <Head title="Sign Up" />
        <div class="space-y-6">
            <div>
                <h2 class="text-2xl font-semibold">Create account</h2>
                <p class="mt-2 text-sm text-slate-500">
                    Registration is disabled. This page mirrors the Aurora
                    signup layout using static data.
                </p>
            </div>

            <div class="space-y-3">
                <div class="rounded-lg border border-slate-200 p-4">
                    <p class="text-sm font-semibold">Demo account</p>
                    <p class="mt-1 text-sm text-slate-500">
                        Email: admin@aurora.test
                    </p>
                    <p class="text-sm text-slate-500">Password: password</p>
                </div>
                <a
                    href="/login"
                    class="block w-full rounded-lg bg-slate-900 px-4 py-2 text-center text-sm font-semibold text-white transition hover:bg-slate-800"
                >
                    Back to login
                </a>
            </div>
        </div>
    </GuestLayout>
</template>

<script setup>
import { Head } from '@inertiajs/vue3';
import GuestLayout from '../../Layouts/GuestLayout.vue';
</script>
