<script setup>
import { Head, router } from '@inertiajs/vue3'
import AppLayout from '@/Layouts/AppLayout.vue'
import AppButton from '@/Components/AppButton.vue'

defineOptions({ layout: AppLayout })

const handleContinue = () => {
  router.post('/screening')
}
</script>

<template>
    <Head title="Welcome" />

    <div class="flex items-center justify-center py-16">
        <div class="text-center max-w-2xl mx-auto px-4">
            <h1 class="text-4xl font-bold text-white mb-4">Go / No Go</h1>
            <p class="text-gray-400 mb-8">Baker Tilly International Questionnaire Application</p>
            <AppButton size="lg" @click="handleContinue">
                Continue
            </AppButton>
        </div>
    </div>
</template>
